@idmwx/idmui-gl4 2.2.7 → 2.2.9

package/dist/index.js

@@ -1,6 +1,6 @@
-var Ja = Object.defineProperty;
-var Qa = (t, e, o) => e in t ? Ja(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var de = (t, e, o) => (Qa(t, typeof e != "symbol" ? e + "" : e, o), o);
+var Qa = Object.defineProperty;
+var $a = (t, e, o) => e in t ? Qa(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var de = (t, e, o) => ($a(t, typeof e != "symbol" ? e + "" : e, o), o);
 import Ae from "axios";
 import { useTheme as De } from "vuetify";
 import { openBlock as g, createElementBlock as M, resolveComponent as v, createBlock as R, normalizeClass as pe, withCtx as u, createVNode as p, withModifiers as Me, createElementVNode as r, createCommentVNode as D, toDisplayString as n, createTextVNode as K, Fragment as xe, renderList as ke, withDirectives as Ze, vShow as Ye, mergeProps as j, normalizeStyle as ee } from "vue";
@@ -1512,10 +1512,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 m, c, f, d, b, x, k, y, z, T, B, I, w, L, P, C, _, O, F, V, X, Z, J, Q, $, se, le, ue, ie, ce, ge, me, he, A, te, be, ve, Pe;
+        var m, c, f, d, b, x, k, y, z, T, B, I, w, L, P, C, _, O, F, V, X, Z, Q, $, J, se, le, ue, ie, ce, ge, me, he, A, te, be, ve, Pe;
         let s = {};
         const l = ((m = To.pickHourly(t, S(i))) == null ? void 0 : m[0]) || {};
-        s.utc = l.utc, s.lat = t.lat, s.lng = t.lng, s.weatherUrl = (c = l.weather) == null ? void 0 : c.url, s.temp = this.computeRoundPrecision((f = l == null ? void 0 : l.weather) == null ? void 0 : f.temp, 0) ?? "-", s.precipProbability = this.computeRoundPrecision((b = (d = l == null ? void 0 : l.weather) == null ? void 0 : d.precip) == null ? void 0 : b.probability, 0) ?? "-", s.precip1h = this.computeRoundPrecision((k = (x = l == null ? void 0 : l.weather) == null ? void 0 : x.precip) == null ? void 0 : k.sum, 1) ?? "-", s.visibility = this.computeRoundPrecision((y = l == null ? void 0 : l.weather) == null ? void 0 : y.visibility, 0) ?? "-", s.windSpeed = this.computeRoundPrecision((T = (z = l == null ? void 0 : l.weather) == null ? void 0 : z.wind) == null ? void 0 : T.kts, 1) ?? "-", s.windDir = (I = (B = l == null ? void 0 : l.weather) == null ? void 0 : B.wind) == null ? void 0 : I.direction, s.windLevel = this.computeRoundPrecision((L = (w = l == null ? void 0 : l.weather) == null ? void 0 : w.wind) == null ? void 0 : L.scale, 0) ?? "-", s.windGust = this.computeRoundPrecision((C = (P = l == null ? void 0 : l.weather) == null ? void 0 : P.wind) == null ? void 0 : C.gusts, 1) ?? "-", s.sigwaveHeight = this.computeRoundPrecision((O = (_ = l == null ? void 0 : l.wave) == null ? void 0 : _.sig) == null ? void 0 : O.height, 1) ?? "-", s.sigwaveDir = (V = (F = l == null ? void 0 : l.wave) == null ? void 0 : F.sig) == null ? void 0 : V.direction, s.sigwavePeriod = this.computeRoundPrecision((Z = (X = l == null ? void 0 : l.wave) == null ? void 0 : X.sig) == null ? void 0 : Z.period, 1) ?? "-", s.windwaveHeight = this.computeRoundPrecision((Q = (J = l == null ? void 0 : l.wave) == null ? void 0 : J.wd) == null ? void 0 : Q.height, 1) ?? "-", s.windwaveDir = (se = ($ = l == null ? void 0 : l.wave) == null ? void 0 : $.wd) == null ? void 0 : se.direction, s.windwavePeriod = this.computeRoundPrecision((ue = (le = l == null ? void 0 : l.wave) == null ? void 0 : le.wd) == null ? void 0 : ue.period, 1) ?? "-", s.swellHeight = this.computeRoundPrecision((ce = (ie = l == null ? void 0 : l.wave) == null ? void 0 : ie.swell) == null ? void 0 : ce.height, 1) ?? "-", s.swellDir = (me = (ge = l == null ? void 0 : l.wave) == null ? void 0 : ge.swell) == null ? void 0 : me.direction, s.swellPeriod = this.computeRoundPrecision((A = (he = l == null ? void 0 : l.wave) == null ? void 0 : he.swell) == null ? void 0 : A.period, 1) ?? "-", s.currentSpeed = this.computeRoundPrecision((te = l == null ? void 0 : l.current) == null ? void 0 : te.speed, 1) ?? "-", s.currentDir = (be = l == null ? void 0 : l.current) == null ? void 0 : be.direction, s.currentSpeed = this.computeRoundPrecision((ve = l == null ? void 0 : l.current) == null ? void 0 : ve.speed, 1) ?? "-", s.seaLevel = this.computeRoundPrecision(l == null ? void 0 : l.height, 1) ?? "-", s.seaTemp = this.computeRoundPrecision(l == null ? void 0 : l.sst, 0) ?? "-", s.weatherUrls = (Pe = l == null ? void 0 : l.weather) == null ? void 0 : Pe.url, this.tableData[0][`value${a}`] = a * this.interval > 10 ? a * this.interval : "0" + a * this.interval, this.tableData[1][`value${a}`] = s.weatherUrl, this.tableData[2][`value${a}`] = s.temp, this.tableData[3][`value${a}`] = s.precip1h, this.tableData[4][`value${a}`] = s.visibility, this.tableData[5][`value${a}`] = s.windSpeed, this.tableData[6][`value${a}`] = s.sigwaveHeight, this.tableData[7][`value${a}`] = s.swellHeight, this.tableData[8][`value${a}`] = s.currentSpeed;
+        s.utc = l.utc, s.lat = t.lat, s.lng = t.lng, s.weatherUrl = (c = l.weather) == null ? void 0 : c.url, s.temp = this.computeRoundPrecision((f = l == null ? void 0 : l.weather) == null ? void 0 : f.temp, 0) ?? "-", s.precipProbability = this.computeRoundPrecision((b = (d = l == null ? void 0 : l.weather) == null ? void 0 : d.precip) == null ? void 0 : b.probability, 0) ?? "-", s.precip1h = this.computeRoundPrecision((k = (x = l == null ? void 0 : l.weather) == null ? void 0 : x.precip) == null ? void 0 : k.sum, 1) ?? "-", s.visibility = this.computeRoundPrecision((y = l == null ? void 0 : l.weather) == null ? void 0 : y.visibility, 0) ?? "-", s.windSpeed = this.computeRoundPrecision((T = (z = l == null ? void 0 : l.weather) == null ? void 0 : z.wind) == null ? void 0 : T.kts, 1) ?? "-", s.windDir = (I = (B = l == null ? void 0 : l.weather) == null ? void 0 : B.wind) == null ? void 0 : I.direction, s.windLevel = this.computeRoundPrecision((L = (w = l == null ? void 0 : l.weather) == null ? void 0 : w.wind) == null ? void 0 : L.scale, 0) ?? "-", s.windGust = this.computeRoundPrecision((C = (P = l == null ? void 0 : l.weather) == null ? void 0 : P.wind) == null ? void 0 : C.gusts, 1) ?? "-", s.sigwaveHeight = this.computeRoundPrecision((O = (_ = l == null ? void 0 : l.wave) == null ? void 0 : _.sig) == null ? void 0 : O.height, 1) ?? "-", s.sigwaveDir = (V = (F = l == null ? void 0 : l.wave) == null ? void 0 : F.sig) == null ? void 0 : V.direction, s.sigwavePeriod = this.computeRoundPrecision((Z = (X = l == null ? void 0 : l.wave) == null ? void 0 : X.sig) == null ? void 0 : Z.period, 1) ?? "-", s.windwaveHeight = this.computeRoundPrecision(($ = (Q = l == null ? void 0 : l.wave) == null ? void 0 : Q.wd) == null ? void 0 : $.height, 1) ?? "-", s.windwaveDir = (se = (J = l == null ? void 0 : l.wave) == null ? void 0 : J.wd) == null ? void 0 : se.direction, s.windwavePeriod = this.computeRoundPrecision((ue = (le = l == null ? void 0 : l.wave) == null ? void 0 : le.wd) == null ? void 0 : ue.period, 1) ?? "-", s.swellHeight = this.computeRoundPrecision((ce = (ie = l == null ? void 0 : l.wave) == null ? void 0 : ie.swell) == null ? void 0 : ce.height, 1) ?? "-", s.swellDir = (me = (ge = l == null ? void 0 : l.wave) == null ? void 0 : ge.swell) == null ? void 0 : me.direction, s.swellPeriod = this.computeRoundPrecision((A = (he = l == null ? void 0 : l.wave) == null ? void 0 : he.swell) == null ? void 0 : A.period, 1) ?? "-", s.currentSpeed = this.computeRoundPrecision((te = l == null ? void 0 : l.current) == null ? void 0 : te.speed, 1) ?? "-", s.currentDir = (be = l == null ? void 0 : l.current) == null ? void 0 : be.direction, s.currentSpeed = this.computeRoundPrecision((ve = l == null ? void 0 : l.current) == null ? void 0 : ve.speed, 1) ?? "-", s.seaLevel = this.computeRoundPrecision(l == null ? void 0 : l.height, 1) ?? "-", s.seaTemp = this.computeRoundPrecision(l == null ? void 0 : l.sst, 0) ?? "-", s.weatherUrls = (Pe = l == null ? void 0 : l.weather) == null ? void 0 : Pe.url, this.tableData[0][`value${a}`] = a * this.interval > 10 ? a * this.interval : "0" + a * this.interval, this.tableData[1][`value${a}`] = s.weatherUrl, this.tableData[2][`value${a}`] = s.temp, this.tableData[3][`value${a}`] = s.precip1h, this.tableData[4][`value${a}`] = s.visibility, this.tableData[5][`value${a}`] = s.windSpeed, this.tableData[6][`value${a}`] = s.sigwaveHeight, this.tableData[7][`value${a}`] = s.swellHeight, this.tableData[8][`value${a}`] = s.currentSpeed;
       });
     },
     handleTide() {
@@ -1697,7 +1697,7 @@ const fi = {
 }, Vi = {
   key: 0,
   class: ""
-}, Zi = { class: "px-1 text-center" }, Yi = ["src"], Xi = { key: 1 }, qi = { class: "px-1 text-center" }, Ki = ["src"], $i = { key: 1 }, Ji = { class: "px-1 text-center" }, Qi = ["src"], er = { key: 1 }, tr = { class: "px-1 text-center" }, or = ["src"], ar = { key: 1 }, ir = { class: "table-box w-100 mt-2 d-flex flex-column justify-start align-center" }, rr = { class: "w-100 d-flex justify-space-between align-center py-2" }, sr = { class: "d-flex justify-center align-center text-h6 ga-2" }, lr = {
+}, Zi = { class: "px-1 text-center" }, Yi = ["src"], Xi = { key: 1 }, qi = { class: "px-1 text-center" }, Ki = ["src"], Ji = { key: 1 }, Qi = { class: "px-1 text-center" }, $i = ["src"], er = { key: 1 }, tr = { class: "px-1 text-center" }, or = ["src"], ar = { key: 1 }, ir = { class: "table-box w-100 mt-2 d-flex flex-column justify-start align-center" }, rr = { class: "w-100 d-flex justify-space-between align-center py-2" }, sr = { class: "d-flex justify-center align-center text-h6 ga-2" }, lr = {
   class: "multi-color-icon",
   "aria-hidden": "true"
 }, nr = ["xlink:href"], cr = { class: "text-body-2 ga-2" }, mr = {
@@ -1955,14 +1955,14 @@ function br(t, e, o, i, a, s) {
                         key: 0,
                         src: y == null ? void 0 : y.value1,
                         style: { height: "30px" }
-                      }, null, 8, Ki)) : (g(), M("span", $i, n((y == null ? void 0 : y.value1) ?? "-"), 1))
+                      }, null, 8, Ki)) : (g(), M("span", Ji, n((y == null ? void 0 : y.value1) ?? "-"), 1))
                     ]),
-                    r("td", Ji, [
+                    r("td", Qi, [
                       y.img ? (g(), M("img", {
                         key: 0,
                         src: y == null ? void 0 : y.value2,
                         style: { height: "30px" }
-                      }, null, 8, Qi)) : (g(), M("span", er, n((y == null ? void 0 : y.value2) ?? "-"), 1))
+                      }, null, 8, $i)) : (g(), M("span", er, n((y == null ? void 0 : y.value2) ?? "-"), 1))
                     ]),
                     r("td", tr, [
                       y.img ? (g(), M("img", {
@@ -3074,7 +3074,7 @@ const qr = {
       this.$emit("close");
     }
   }
-}, Kr = { class: "d-flex justify-space-between align-center" }, $r = { class: "d-flex justify-start text-h5 my-2" }, Jr = { class: "d-flex justify-start align-center text-body-1 text-label ga-3" }, Qr = { class: "summary-box w-100" }, es = { class: "d-flex justify-space-between align-center py-2" }, ts = { class: "d-flex justify-center align-center text-h6 ga-2" }, os = {
+}, Kr = { class: "d-flex justify-space-between align-center" }, Jr = { class: "d-flex justify-start text-h5 my-2" }, Qr = { class: "d-flex justify-start align-center text-body-1 text-label ga-3" }, $r = { class: "summary-box w-100" }, es = { class: "d-flex justify-space-between align-center py-2" }, ts = { class: "d-flex justify-center align-center text-h6 ga-2" }, os = {
   class: "multi-color-icon",
   "aria-hidden": "true"
 }, as = ["xlink:href"], is = { class: "gray-bg-2 rounded d-flex flex-column ga-4 pa-4" }, rs = { class: "w-100 d-flex justify-start align-center" }, ss = { class: "w-30 text-label font-weight-400" }, ls = { class: "flex-1-1-0" }, ns = { class: "w-100 d-flex justify-start align-center" }, cs = { class: "w-30 text-label font-weight-400" }, ms = { class: "flex-1-1-0" }, hs = { class: "w-100 d-flex justify-start align-center" }, ds = { class: "w-30 text-label font-weight-400" }, ps = { class: "flex-1-1-0" }, us = { class: "table-box w-100 mt-2 mb-4 d-flex flex-column justify-start align-center" }, gs = { class: "w-100 d-flex justify-space-between align-center py-2" }, fs = { class: "d-flex justify-center align-center text-h6 ga-2" }, ys = {
@@ -3111,7 +3111,7 @@ function Ts(t, e, o, i, a, s) {
             var k;
             return [
               r("div", Kr, [
-                r("div", $r, [
+                r("div", Jr, [
                   r("div", null, n((k = o.station) == null ? void 0 : k.name), 1)
                 ]),
                 p(l, {
@@ -3128,7 +3128,7 @@ function Ts(t, e, o, i, a, s) {
                   __: [1]
                 }, 8, ["onClick"])
               ]),
-              r("div", Jr, [
+              r("div", Qr, [
                 r("div", null, n(t.$t("tide.tideStation")), 1)
               ])
             ];
@@ -3139,7 +3139,7 @@ function Ts(t, e, o, i, a, s) {
         r("div", {
           class: pe(["w-100 pt-0 pb-0 overflow-y-auto scroll", o.simple ? "px-3" : "px-5"])
         }, [
-          r("div", Qr, [
+          r("div", $r, [
             r("div", es, [
               r("div", ts, [
                 (g(), M("svg", os, [
@@ -5435,7 +5435,7 @@ const Ys = {
   key: 0,
   class: "d-flex justify-start align-center text-label"
 };
-function $s(t, e, o, i, a, s) {
+function Js(t, e, o, i, a, s) {
   const l = v("v-card-text"), m = v("v-card");
   return Ze((g(), R(m, {
     id: "idmFollowPositionInfo",
@@ -5462,8 +5462,8 @@ function $s(t, e, o, i, a, s) {
     [Ye, a.showInfo]
   ]);
 }
-const Js = /* @__PURE__ */ Y(Ys, [["render", $s], ["__scopeId", "data-v-82405c68"]]);
-const Qs = {
+const Qs = /* @__PURE__ */ Y(Ys, [["render", Js], ["__scopeId", "data-v-82405c68"]]);
+const $s = {
   name: "IdmOtherLayerr",
   components: {
     IdmWarZone: ri,
@@ -5483,7 +5483,7 @@ const Qs = {
     IdmIceAreas: Es,
     IdmLatLng: Xa,
     IdmFollowPort: Zs,
-    IdmFollowPosition: Js
+    IdmFollowPosition: Qs
   },
   props: {
     simple: {
@@ -5689,8 +5689,8 @@ const Qs = {
   class: "border rounded-sm"
 }, cl = { class: "text-body-2 text-center pt-2" };
 function ml(t, e, o, i, a, s) {
-  var $, se, le, ue, ie, ce, ge, me, he;
-  const l = v("VBtn"), m = v("VTooltip"), c = v("VCardTitle"), f = v("VCardItem"), d = v("VCheckbox"), b = v("VCardText"), x = v("VCard"), k = v("IdmLatLng"), y = v("IdmTerminator"), z = v("IdmTimezone"), T = v("IdmPort"), B = v("IdmAlertZone"), I = v("IdmTideStations"), w = v("IdmEcaZone"), L = v("IdmWarZone"), P = v("IdmGmdssArea"), C = v("IdmLoadLine"), _ = v("IdmWorldMarine"), O = v("IdmVRA"), F = v("IdmSpecialArea"), V = v("IdmWorld12nm"), X = v("IdmChinaRoute"), Z = v("IdmIceAreas"), J = v("IdmFollowPort"), Q = v("IdmFollowPosition");
+  var J, se, le, ue, ie, ce, ge, me, he;
+  const l = v("VBtn"), m = v("VTooltip"), c = v("VCardTitle"), f = v("VCardItem"), d = v("VCheckbox"), b = v("VCardText"), x = v("VCard"), k = v("IdmLatLng"), y = v("IdmTerminator"), z = v("IdmTimezone"), T = v("IdmPort"), B = v("IdmAlertZone"), I = v("IdmTideStations"), w = v("IdmEcaZone"), L = v("IdmWarZone"), P = v("IdmGmdssArea"), C = v("IdmLoadLine"), _ = v("IdmWorldMarine"), O = v("IdmVRA"), F = v("IdmSpecialArea"), V = v("IdmWorld12nm"), X = v("IdmChinaRoute"), Z = v("IdmIceAreas"), Q = v("IdmFollowPort"), $ = v("IdmFollowPosition");
   return g(), M("div", el, [
     r("div", {
       class: pe(["menu-bar-box transition px-1 rounded", o.simple ? "simple" : ""]),
@@ -5698,7 +5698,11 @@ function ml(t, e, o, i, a, s) {
     }, [
       p(m, {
         text: t.$t("layer.mapLayers"),
-        location: "left"
+        location: "left",
+        interactive: !0,
+        "open-on-click": !1,
+        "open-on-focus": !o.simple,
+        "open-on-hover": !o.simple
       }, {
         activator: u(({ props: A }) => [
           p(l, j(A, {
@@ -5716,7 +5720,7 @@ function ml(t, e, o, i, a, s) {
           }, 1040, ["class", "onClick"])
         ]),
         _: 1
-      }, 8, ["text"])
+      }, 8, ["text", "open-on-focus", "open-on-hover"])
     ], 6),
     r("div", {
       class: pe(["available-layers transition d-flex flex-column justify-start align-start", a.toggle ? "right-bar" : ""]),
@@ -5921,7 +5925,7 @@ function ml(t, e, o, i, a, s) {
     o.map ? (g(), R(y, j({
       key: 1,
       map: o.map,
-      area: ($ = a.otherLayers) == null ? void 0 : $["day-night"]
+      area: (J = a.otherLayers) == null ? void 0 : J["day-night"]
     }, t.$attrs, { "before-layer": "empty-layer-2" }), null, 16, ["map", "area"])) : D("", !0),
     o.map ? (g(), R(z, j({
       key: 2,
@@ -6017,7 +6021,7 @@ function ml(t, e, o, i, a, s) {
       map: o.map,
       show: a.checkList.includes("ice-areas")
     }, t.$attrs), null, 16, ["map", "show"])) : D("", !0),
-    o.map ? (g(), R(J, j({
+    o.map ? (g(), R(Q, j({
       key: 16,
       ref: "idmFollowPort",
       simple: o.simple,
@@ -6028,7 +6032,7 @@ function ml(t, e, o, i, a, s) {
       "forecast-model": o.forecastModel,
       realTime: o.realTime
     }, t.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["simple", "map", "show", "gateway", "token", "forecast-model", "realTime"])) : D("", !0),
-    o.map ? (g(), R(Q, j({
+    o.map ? (g(), R($, j({
       key: 17,
       ref: "idmFollowPosition",
       simple: o.simple,
@@ -6039,7 +6043,7 @@ function ml(t, e, o, i, a, s) {
     }, t.$attrs), null, 16, ["simple", "map", "show", "forecast-model", "realTime"])) : D("", !0)
   ]);
 }
-const hl = /* @__PURE__ */ Y(Qs, [["render", ml]]);
+const hl = /* @__PURE__ */ Y($s, [["render", ml]]);
 class Io {
   constructor(e) {
     de(this, "map");
@@ -8085,7 +8089,7 @@ const ql = {
     }
   }
 }, Kl = { key: 0 };
-function $l(t, e, o, i, a, s) {
+function Jl(t, e, o, i, a, s) {
   var l;
   return (l = o.factor) != null && l.active ? (g(), M("div", Kl, [
     r("div", {
@@ -8102,8 +8106,8 @@ function $l(t, e, o, i, a, s) {
     ]), 4)
   ])) : D("", !0);
 }
-const Jl = /* @__PURE__ */ Y(ql, [["render", $l]]);
-const Ql = {
+const Ql = /* @__PURE__ */ Y(ql, [["render", Jl]]);
+const $l = {
   name: "IdmPrecip3h",
   props: {
     simple: {
@@ -8223,7 +8227,7 @@ function tn(t, e, o, i, a, s) {
     ]), 4)
   ])) : D("", !0);
 }
-const on = /* @__PURE__ */ Y(Ql, [["render", tn]]);
+const on = /* @__PURE__ */ Y($l, [["render", tn]]);
 const an = {
   name: "IdmVisibility",
   props: {
@@ -8583,7 +8587,7 @@ const fn = {
     IdmPrmsl: Fl,
     IdmIceEdge: Ul,
     IdmIceCover: Xl,
-    IdmIceThickness: Jl,
+    IdmIceThickness: Ql,
     IdmPrecip3h: on,
     IdmVisibility: ln,
     IdmWaterTemp: hn,
@@ -8997,38 +9001,38 @@ const fn = {
                 if (P > y && P < z && (!(a <= this.zoom) || P % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                   const C = w[P].lng;
                   x > k ? C.forEach((_, O) => {
-                    var F, V, X, Z, J, Q;
+                    var F, V, X, Z, Q, $;
                     if (a < 2) {
                       if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                        const $ = G.point([_, P], {
+                        const J = G.point([_, P], {
                           val: ((F = w[P].val) == null ? void 0 : F[O]) || ((V = w[P].dir) == null ? void 0 : V[O]),
                           spd: (X = w[P].spd) == null ? void 0 : X[O]
                         });
-                        I.push($);
+                        I.push(J);
                       }
                     } else if ((_ >= x && _ <= 180 || _ >= -180 && _ <= k) && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                      const $ = G.point([_, P], {
-                        val: ((Z = w[P].val) == null ? void 0 : Z[O]) || ((J = w[P].dir) == null ? void 0 : J[O]),
-                        spd: (Q = w[P].spd) == null ? void 0 : Q[O]
+                      const J = G.point([_, P], {
+                        val: ((Z = w[P].val) == null ? void 0 : Z[O]) || ((Q = w[P].dir) == null ? void 0 : Q[O]),
+                        spd: ($ = w[P].spd) == null ? void 0 : $[O]
                       });
-                      I.push($);
+                      I.push(J);
                     }
                   }) : C.forEach((_, O) => {
-                    var F, V, X, Z, J, Q;
+                    var F, V, X, Z, Q, $;
                     if (x < 2) {
                       if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                        const $ = G.point([_, P], {
+                        const J = G.point([_, P], {
                           val: ((F = w[P].val) == null ? void 0 : F[O]) || ((V = w[P].dir) == null ? void 0 : V[O]),
                           spd: (X = w[P].spd) == null ? void 0 : X[O]
                         });
-                        I.push($);
+                        I.push(J);
                       }
                     } else if (_ >= x && _ <= k && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                      const $ = G.point([_, P], {
-                        val: ((Z = w[P].val) == null ? void 0 : Z[O]) || ((J = w[P].dir) == null ? void 0 : J[O]),
-                        spd: (Q = w[P].spd) == null ? void 0 : Q[O]
+                      const J = G.point([_, P], {
+                        val: ((Z = w[P].val) == null ? void 0 : Z[O]) || ((Q = w[P].dir) == null ? void 0 : Q[O]),
+                        spd: ($ = w[P].spd) == null ? void 0 : $[O]
                       });
-                      I.push($);
+                      I.push(J);
                     }
                   });
                 }
@@ -9061,38 +9065,38 @@ const fn = {
                 if (P > y && P < z && (!(a <= this.zoom) || P % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                   const C = w[P].lng;
                   x > k ? C.forEach((_, O) => {
-                    var F, V, X, Z, J, Q;
+                    var F, V, X, Z, Q, $;
                     if (a < 2) {
                       if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                        const $ = G.point([_, P], {
+                        const J = G.point([_, P], {
                           val: ((F = w[P].val) == null ? void 0 : F[O]) || ((V = w[P].dir) == null ? void 0 : V[O]),
                           spd: (X = w[P].spd) == null ? void 0 : X[O]
                         });
-                        I.push($);
+                        I.push(J);
                       }
                     } else if ((_ >= x && _ <= 180 || _ >= -180 && _ <= k) && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                      const $ = G.point([_, P], {
-                        val: ((Z = w[P].val) == null ? void 0 : Z[O]) || ((J = w[P].dir) == null ? void 0 : J[O]),
-                        spd: (Q = w[P].spd) == null ? void 0 : Q[O]
+                      const J = G.point([_, P], {
+                        val: ((Z = w[P].val) == null ? void 0 : Z[O]) || ((Q = w[P].dir) == null ? void 0 : Q[O]),
+                        spd: ($ = w[P].spd) == null ? void 0 : $[O]
                       });
-                      I.push($);
+                      I.push(J);
                     }
                   }) : C.forEach((_, O) => {
-                    var F, V, X, Z, J, Q;
+                    var F, V, X, Z, Q, $;
                     if (x < 2) {
                       if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                        const $ = G.point([_, P], {
+                        const J = G.point([_, P], {
                           val: ((F = w[P].val) == null ? void 0 : F[O]) || ((V = w[P].dir) == null ? void 0 : V[O]),
                           spd: (X = w[P].spd) == null ? void 0 : X[O]
                         });
-                        I.push($);
+                        I.push(J);
                       }
                     } else if (_ >= x && _ <= k && (!(a <= this.zoom) || _ % (a < this.zoom / 2 ? 5 : 3) === 0)) {
-                      const $ = G.point([_, P], {
-                        val: ((Z = w[P].val) == null ? void 0 : Z[O]) || ((J = w[P].dir) == null ? void 0 : J[O]),
-                        spd: (Q = w[P].spd) == null ? void 0 : Q[O]
+                      const J = G.point([_, P], {
+                        val: ((Z = w[P].val) == null ? void 0 : Z[O]) || ((Q = w[P].dir) == null ? void 0 : Q[O]),
+                        spd: ($ = w[P].spd) == null ? void 0 : $[O]
                       });
-                      I.push($);
+                      I.push(J);
                     }
                   });
                 }
@@ -9272,10 +9276,10 @@ const fn = {
 }, In = {
   key: 1,
   class: "d-flex justify-start align-center ga-4 pl-6"
-}, Rn = { class: "text-body-1 py-2" }, An = { class: "text-body-1 font-weight-medium" }, On = { class: "text-body-2 text-label" }, Bn = { class: "text-body-2 text-label" }, jn = { class: "text-body-2 text-label mb-3" }, En = { class: "text-body-1 font-weight-medium" }, Nn = { class: "text-body-2 text-label" }, Fn = { class: "text-body-2 text-label" }, Hn = { class: "text-body-2 text-label mb-3" }, Gn = { class: "text-body-1 py-2" }, Wn = { class: "text-body-1 font-weight-medium" }, Un = { class: "text-body-2 text-label" }, Vn = { class: "text-body-2 text-label" }, Zn = { class: "text-body-2 text-label mb-3" }, Yn = { class: "text-body-1 font-weight-medium" }, Xn = { class: "text-body-2 text-label" }, qn = { class: "text-body-2 text-label" }, Kn = { class: "text-body-2 text-label mb-3" }, $n = { class: "text-body-1 py-2" }, 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" };
+}, Rn = { class: "text-body-1 py-2" }, An = { class: "text-body-1 font-weight-medium" }, On = { class: "text-body-2 text-label" }, Bn = { class: "text-body-2 text-label" }, jn = { class: "text-body-2 text-label mb-3" }, En = { class: "text-body-1 font-weight-medium" }, Nn = { class: "text-body-2 text-label" }, Fn = { class: "text-body-2 text-label" }, Hn = { class: "text-body-2 text-label mb-3" }, Gn = { class: "text-body-1 py-2" }, Wn = { class: "text-body-1 font-weight-medium" }, Un = { class: "text-body-2 text-label" }, Vn = { class: "text-body-2 text-label" }, Zn = { class: "text-body-2 text-label mb-3" }, Yn = { class: "text-body-1 font-weight-medium" }, Xn = { class: "text-body-2 text-label" }, qn = { class: "text-body-2 text-label" }, Kn = { class: "text-body-2 text-label mb-3" }, Jn = { class: "text-body-1 py-2" }, Qn = { class: "text-body-1 font-weight-medium" }, $n = { class: "text-body-2 text-label" }, ec = { class: "text-body-2 text-label" }, tc = { class: "text-body-2 text-label mb-3" };
 function oc(t, e, o, i, a, s) {
   var ue, ie, ce, ge, me, he, A, te, be, ve, Pe, Te, _e, Ie, Ce;
-  const l = v("VBtn"), m = v("VTooltip"), c = v("VCol"), f = v("VRow"), d = v("VCardText"), b = v("VDivider"), x = v("VCard"), k = v("VSwitch"), y = v("VBtnToggle"), z = v("VCardTitle"), T = v("VCardItem"), B = v("VCheckbox"), I = v("VRadio"), w = v("IdmWindBarb"), L = v("IdmSigWaveHeight"), P = v("IdmCurrentDirection"), C = v("IdmPrmsl"), _ = v("IdmWindParticle"), O = v("IdmCurrentParticle"), F = v("IdmWave"), V = v("IdmSwell"), X = v("IdmIceEdge"), Z = v("IdmIceCover"), J = v("IdmIceThickness"), Q = v("IdmPrecip3h"), $ = v("IdmVisibility"), se = v("IdmWaterTemp"), le = v("IdmTemp");
+  const l = v("VBtn"), m = v("VTooltip"), c = v("VCol"), f = v("VRow"), d = v("VCardText"), b = v("VDivider"), x = v("VCard"), k = v("VSwitch"), y = v("VBtnToggle"), z = v("VCardTitle"), T = v("VCardItem"), B = v("VCheckbox"), I = v("VRadio"), w = v("IdmWindBarb"), L = v("IdmSigWaveHeight"), P = v("IdmCurrentDirection"), C = v("IdmPrmsl"), _ = v("IdmWindParticle"), O = v("IdmCurrentParticle"), F = v("IdmWave"), V = v("IdmSwell"), X = v("IdmIceEdge"), Z = v("IdmIceCover"), Q = v("IdmIceThickness"), $ = v("IdmPrecip3h"), J = v("IdmVisibility"), se = v("IdmWaterTemp"), le = v("IdmTemp");
   return g(), M("div", yn, [
     r("div", {
       class: "menu-bar-box transition pa-1",
@@ -9284,8 +9288,10 @@ function oc(t, e, o, i, a, s) {
       p(m, {
         text: t.$t("weather.weatherLayers"),
         location: "left",
-        touch: "hover",
-        "auto-hide": 2e3
+        interactive: !0,
+        "open-on-click": !1,
+        "open-on-focus": !o.simple,
+        "open-on-hover": !o.simple
       }, {
         activator: u(({ props: H }) => [
           p(l, j(H, {
@@ -9303,16 +9309,20 @@ function oc(t, e, o, i, a, s) {
           }, 1040, ["class", "onClick"])
         ]),
         _: 1
-      }, 8, ["text"])
+      }, 8, ["text", "open-on-focus", "open-on-hover"])
     ], 4),
     s.showTipMenu ? (g(), M("div", bn, [
       r("div", {
         class: pe(["menu-bar-box pa-1 rounded", o.simple ? "simple" : ""]),
-        style: ee({ right: a.right + "px" })
+        style: ee({ right: a.right + "px", top: o.simple ? "354px" : "450px" })
       }, [
         p(m, {
-          text: "Legend",
-          location: "left"
+          text: t.$t("weather.legend"),
+          location: "left",
+          interactive: !0,
+          "open-on-click": !1,
+          "open-on-focus": !o.simple,
+          "open-on-hover": !o.simple
         }, {
           activator: u(({ props: H }) => [
             p(l, j(H, {
@@ -9330,13 +9340,13 @@ function oc(t, e, o, i, a, s) {
             }, 1040, ["class"])
           ]),
           _: 1
-        })
+        }, 8, ["text", "open-on-focus", "open-on-hover"])
       ], 6),
       a.legendToggle ? (g(), R(x, {
         key: 0,
         elevation: "16",
         class: "card-info d-flex justify-center align-start",
-        style: ee({ position: "absolute", top: "340px", right: a.right + 50 + "px" })
+        style: ee({ position: "absolute", top: o.simple ? "200px" : "340px", right: a.right + 50 + "px" })
       }, {
         default: u(() => [
           p(d, {
@@ -9729,14 +9739,14 @@ function oc(t, e, o, i, a, s) {
             }),
             p(d, { class: "" }, {
               default: u(() => {
-                var H, oe, He, Oe, fe, Re, W, ye, ae, re, je, Ge, We, E, we, Be, Ee, Ne, N, Ue, U, Xe, qe, Ke, Le, $e, Je, Qe, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Tt, Ct, Mt, St, Dt, It, Rt, At, Ot, Bt, jt, Et, Nt, Ft, Ht, Gt, Wt, Ut, Vt, Zt, Yt, Xt, qt, 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, He, Oe, fe, Re, W, ye, ae, re, je, Ge, We, E, we, Be, Ee, Ne, N, Ue, U, Xe, qe, Ke, Le, Je, Qe, $e, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Tt, Ct, Mt, St, Dt, It, Rt, At, Ot, Bt, jt, Et, Nt, Ft, Ht, Gt, Wt, Ut, Vt, Zt, Yt, Xt, qt, 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 [
                   r("div", Rn, n(t.$t("weather.atmospheric")), 1),
                   r("div", An, n((He = (oe = (H = a.models) == null ? void 0 : H.weather) == null ? void 0 : oe.NOAA) == null ? void 0 : He.source) + " " + n((Re = (fe = (Oe = a.models) == null ? void 0 : Oe.weather) == null ? void 0 : fe.NOAA) == null ? void 0 : Re.spatialResolution) + n(t.$t("units.km")) + " " + n((re = (ae = (ye = (W = a.models) == null ? void 0 : W.weather) == null ? void 0 : ye.NOAA) == null ? void 0 : ae.meta) == null ? void 0 : re.days) + n(t.$t("units.days")), 1),
                   r("div", On, n(t.$t("weather.source")) + ": NOAA", 1),
                   r("div", Bn, n(t.$t("weather.lastUpdate")) + ": " + n(s.computeDateUpdate((E = (We = (Ge = (je = a.models) == null ? void 0 : je.weather) == null ? void 0 : Ge.NOAA) == null ? void 0 : We.meta) == null ? void 0 : E.availabilityTime)), 1),
                   r("div", jn, n(t.$t("weather.referenceTime")) + ": " + n(s.computeDateZ((Ne = (Ee = (Be = (we = a.models) == null ? void 0 : we.weather) == null ? void 0 : Be.NOAA) == null ? void 0 : Ee.meta) == null ? void 0 : Ne.initialisationTime)), 1),
-                  r("div", En, n((U = (Ue = (N = a.models) == null ? void 0 : N.weather) == null ? void 0 : Ue.ECMWF) == null ? void 0 : U.source) + " " + n((Ke = (qe = (Xe = a.models) == null ? void 0 : Xe.weather) == null ? void 0 : qe.ECMWF) == null ? void 0 : Ke.spatialResolution) + n(t.$t("units.km")) + " " + n((Qe = (Je = ($e = (Le = a.models) == null ? void 0 : Le.weather) == null ? void 0 : $e.ECMWF) == null ? void 0 : Je.meta) == null ? void 0 : Qe.days) + n(t.$t("units.days")), 1),
+                  r("div", En, n((U = (Ue = (N = a.models) == null ? void 0 : N.weather) == null ? void 0 : Ue.ECMWF) == null ? void 0 : U.source) + " " + n((Ke = (qe = (Xe = a.models) == null ? void 0 : Xe.weather) == null ? void 0 : qe.ECMWF) == null ? void 0 : Ke.spatialResolution) + n(t.$t("units.km")) + " " + n(($e = (Qe = (Je = (Le = a.models) == null ? void 0 : Le.weather) == null ? void 0 : Je.ECMWF) == null ? void 0 : Qe.meta) == null ? void 0 : $e.days) + n(t.$t("units.days")), 1),
                   r("div", Nn, n(t.$t("weather.source")) + ": ECMWF", 1),
                   r("div", Fn, n(t.$t("weather.lastUpdate")) + ": " + n(s.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),
                   r("div", Hn, n(t.$t("weather.referenceTime")) + ": " + n(s.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),
@@ -9751,9 +9761,9 @@ function oc(t, e, o, i, a, s) {
                   r("div", qn, n(t.$t("weather.lastUpdate")) + ": " + n(s.computeDateUpdate((Xt = (Yt = (Zt = (Vt = (Ut = a.models) == null ? void 0 : Ut.marine) == null ? void 0 : Vt.wave) == null ? void 0 : Zt.ECMWF) == null ? void 0 : Yt.meta) == null ? void 0 : Xt.availabilityTime)), 1),
                   r("div", Kn, n(t.$t("weather.referenceTime")) + ": " + n(s.computeDateZ((eo = (Qt = (Jt = (Kt = (qt = a.models) == null ? void 0 : qt.marine) == null ? void 0 : Kt.wave) == null ? void 0 : Jt.ECMWF) == null ? void 0 : Qt.meta) == null ? void 0 : eo.initialisationTime)), 1),
                   p(b),
-                  r("div", $n, n(t.$t("weather.currents")), 1),
-                  r("div", Jn, n((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) + " " + n((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) + n(t.$t("units.km")) + " " + n((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) + n(t.$t("units.days")), 1),
-                  r("div", Qn, n(t.$t("weather.source")) + ": ECMWF", 1),
+                  r("div", Jn, n(t.$t("weather.currents")), 1),
+                  r("div", Qn, n((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) + " " + n((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) + n(t.$t("units.km")) + " " + n((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) + n(t.$t("units.days")), 1),
+                  r("div", $n, n(t.$t("weather.source")) + ": ECMWF", 1),
                   r("div", ec, n(t.$t("weather.lastUpdate")) + ": " + n(s.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),
                   r("div", tc, n(t.$t("weather.referenceTime")) + ": " + n(s.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)
                 ];
@@ -9842,21 +9852,21 @@ function oc(t, e, o, i, a, s) {
       "menu-toggle": o.menuToggle,
       simple: o.simple
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle", "simple"])) : D("", !0),
-    o.map ? (g(), R(J, j({
+    o.map ? (g(), R(Q, j({
       key: 11,
       viewport: a.viewport,
       factor: (Pe = a.weatherLayers) == null ? void 0 : Pe["ice-thickness"],
       "menu-toggle": o.menuToggle,
       simple: o.simple
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle", "simple"])) : D("", !0),
-    o.map ? (g(), R(Q, j({
+    o.map ? (g(), R($, j({
       key: 12,
       viewport: a.viewport,
       factor: (Te = a.weatherLayers) == null ? void 0 : Te.precip3h,
       "menu-toggle": o.menuToggle,
       simple: o.simple
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle", "simple"])) : D("", !0),
-    o.map ? (g(), R($, j({
+    o.map ? (g(), R(J, j({
       key: 13,
       viewport: a.viewport,
       factor: (_e = a.weatherLayers) == null ? void 0 : _e.visibility,
@@ -10226,7 +10236,7 @@ class Za {
     }), a;
   }
   static pickHourly(e, o) {
-    var i, a, s, l, m, c, f, d, b, x, k, y, z, T, B, I, w, L, P, C, _, O, F, V, X, Z, J, Q, $, se, le, ue, ie, ce, ge, me, he, A, te, be, ve, Pe, Te, _e, Ie, Ce, H, oe, He, Oe, fe, Re;
+    var i, a, s, l, m, c, f, d, b, x, k, y, z, T, B, I, w, L, P, C, _, O, F, V, X, Z, Q, $, J, se, le, ue, ie, ce, ge, me, he, A, te, be, ve, Pe, Te, _e, Ie, Ce, H, oe, He, Oe, fe, Re;
     const W = typeof o == "string" ? S(o) : o, ye = e == null ? void 0 : e.weather, ae = e == null ? void 0 : e.marine, re = S((a = (i = ye == null ? void 0 : ye[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), je = re.clone().add((m = (l = (s = ye == null ? void 0 : ye[0]) == null ? void 0 : s.hourly) == null ? void 0 : l.time) == null ? void 0 : m.at(0), "h"), Ge = re.clone().add((d = (f = (c = ye == null ? void 0 : ye[0]) == null ? void 0 : c.hourly) == null ? void 0 : f.time) == null ? void 0 : d.at(-1), "h"), We = [];
     if (W.isBetween(je, Ge, "millisecond", "[]")) {
       const E = W.utc().diff(je, "h", !1);
@@ -10262,10 +10272,10 @@ class Za {
               speed: (F = U == null ? void 0 : U.wind_speed_10m) == null ? void 0 : F.at(E),
               kts: (V = U == null ? void 0 : U.wind_speed_10m) == null ? void 0 : V.at(E),
               degree: (X = U == null ? void 0 : U.wind_direction_10m) == null ? void 0 : X.at(E),
-              bearing: ((Z = U == null ? void 0 : U.wind_direction_10m) == null ? void 0 : Z.at(E)) !== null ? (((J = U == null ? void 0 : U.wind_direction_10m) == null ? void 0 : J.at(E)) + 180) % 360 : null,
-              gusts: (Q = U == null ? void 0 : U.wind_gusts_10m) == null ? void 0 : Q.at(E)
+              bearing: ((Z = U == null ? void 0 : U.wind_direction_10m) == null ? void 0 : Z.at(E)) !== null ? (((Q = U == null ? void 0 : U.wind_direction_10m) == null ? void 0 : Q.at(E)) + 180) % 360 : null,
+              gusts: ($ = U == null ? void 0 : U.wind_gusts_10m) == null ? void 0 : $.at(E)
             },
-            isDay: ($ = U == null ? void 0 : U.is_day) == null ? void 0 : $.at(E)
+            isDay: (J = U == null ? void 0 : U.is_day) == null ? void 0 : J.at(E)
           };
           const { name: Xe, url: qe, bg: Ke } = this.parseWeatherCode(we.code, we.isDay);
           we.name = Xe, we.url = qe, we.bg = Ke, we.wind.scale = this.beaufort(this.kts2ms(we.wind.kts)), we.wind.direction = this.degree2Direction(we.wind.degree), We.push({
@@ -10339,7 +10349,7 @@ class Za {
     };
   }
   static pickDaily(e, o) {
-    var i, a, s, l, m, c, f, d, b, x, k, y, z, T, B, I, w, L, P, C, _, O, F, V, X, Z, J, Q, $, se, le, ue, ie, ce, ge, me, he, A, te, be, ve, Pe, Te, _e;
+    var i, a, s, l, m, c, f, d, b, x, k, y, z, T, B, I, w, L, P, C, _, O, F, V, X, Z, Q, $, J, se, le, ue, ie, ce, ge, me, he, A, te, be, ve, Pe, Te, _e;
     const Ie = typeof o == "string" ? S(o) : o, Ce = e == null ? void 0 : e.weather, H = e == null ? void 0 : e.marine, oe = S((s = (a = (i = Ce == null ? void 0 : Ce[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : s.at(0)), He = S((c = (m = (l = Ce == null ? void 0 : Ce[0]) == null ? void 0 : l.daily) == null ? void 0 : m.time) == null ? void 0 : c.at(-1)), Oe = [];
     if (Ie.isBetween(oe, He, "millisecond", "[]")) {
       let fe, Re;
@@ -10376,7 +10386,7 @@ class Za {
               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: (X = ae.wind_gusts_10m_max) == null ? void 0 : X.at(W),
-              bearing: ((Z = ae.wind_direction_10m_dominant) == null ? void 0 : Z.at(W)) !== null ? (((J = ae.wind_direction_10m_dominant) == null ? void 0 : J.at(W)) + 180) % 360 : null
+              bearing: ((Z = ae.wind_direction_10m_dominant) == null ? void 0 : Z.at(W)) !== null ? (((Q = ae.wind_direction_10m_dominant) == null ? void 0 : Q.at(W)) + 180) % 360 : null
             }
           };
           const { name: re, url: je, bg: Ge } = this.parseWeatherCode(fe.code, !0);
@@ -10393,8 +10403,8 @@ class Za {
           Re = {
             wave: {
               sig: {
-                height: (Q = re.wave_height_max) == null ? void 0 : Q.at(W),
-                degree: ($ = re.wave_direction_dominant) == null ? void 0 : $.at(W),
+                height: ($ = re.wave_height_max) == null ? void 0 : $.at(W),
+                degree: (J = re.wave_direction_dominant) == null ? void 0 : J.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 ? (((ue = re.wave_direction_dominant) == null ? void 0 : ue.at(W)) + 180) % 360 : null
               },
@@ -11298,7 +11308,7 @@ const ic = {
       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, s, l, m, c, f, d, b, x, k, y, z, T, B, I, w, L, P, C, _, O, F, V, X, Z, J, Q, $, se, le, ue;
+      var t, e, o, i, a, s, l, m, c, f, d, b, x, k, y, z, T, B, I, w, L, P, C, _, O, F, V, X, Z, Q, $, J, se, le, ue;
       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((A) => A.properties.date === (ie == null ? void 0 : ie.format()) && !A.properties.disabled), ge = this.handleComputePolygons(ce), me = G.featureCollection([...ce]);
         ge.forEach((A) => {
@@ -11339,7 +11349,7 @@ const ic = {
               A.properties.nameCn = Te, A.properties.Name = ((d = (f = A.properties.name) == null ? void 0 : f.trim()) == null ? void 0 : d.replace(/^./, (_e) => _e.toUpperCase())) || A.properties.nameCn, he.push(A);
             }
             let te = this.Theme.current.value.colors["tropicals-ty"];
-            ((x = (b = A.properties) == null ? void 0 : b.wind) == null ? void 0 : x.kts) < 32 || !((y = (k = A.properties) == null ? void 0 : k.wind) != null && y.kts) ? te = this.Theme.current.value.colors["tropicals-td"] : ((T = (z = A.properties) == null ? void 0 : z.wind) == null ? void 0 : T.kts) >= 32 && ((I = (B = A.properties) == null ? void 0 : B.wind) == null ? void 0 : I.kts) < 47 ? te = this.Theme.current.value.colors["tropicals-ts"] : ((L = (w = A.properties) == null ? void 0 : w.wind) == null ? void 0 : L.kts) >= 47 && ((C = (P = A.properties) == null ? void 0 : P.wind) == null ? void 0 : C.kts) < 63 ? te = this.Theme.current.value.colors["tropicals-sts"] : ((O = (_ = A.properties) == null ? void 0 : _.wind) == null ? void 0 : O.kts) >= 63 && ((V = (F = A.properties) == null ? void 0 : F.wind) == null ? void 0 : V.kts) < 79 ? te = this.Theme.current.value.colors["tropicals-ty"] : ((Z = (X = A.properties) == null ? void 0 : X.wind) == null ? void 0 : Z.kts) >= 79 && ((Q = (J = A.properties) == null ? void 0 : J.wind) == null ? void 0 : Q.kts) < 94 ? te = this.Theme.current.value.colors["tropicals-sty"] : ((se = ($ = A.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"];
+            ((x = (b = A.properties) == null ? void 0 : b.wind) == null ? void 0 : x.kts) < 32 || !((y = (k = A.properties) == null ? void 0 : k.wind) != null && y.kts) ? te = this.Theme.current.value.colors["tropicals-td"] : ((T = (z = A.properties) == null ? void 0 : z.wind) == null ? void 0 : T.kts) >= 32 && ((I = (B = A.properties) == null ? void 0 : B.wind) == null ? void 0 : I.kts) < 47 ? te = this.Theme.current.value.colors["tropicals-ts"] : ((L = (w = A.properties) == null ? void 0 : w.wind) == null ? void 0 : L.kts) >= 47 && ((C = (P = A.properties) == null ? void 0 : P.wind) == null ? void 0 : C.kts) < 63 ? te = this.Theme.current.value.colors["tropicals-sts"] : ((O = (_ = A.properties) == null ? void 0 : _.wind) == null ? void 0 : O.kts) >= 63 && ((V = (F = A.properties) == null ? void 0 : F.wind) == null ? void 0 : V.kts) < 79 ? te = this.Theme.current.value.colors["tropicals-ty"] : ((Z = (X = A.properties) == null ? void 0 : X.wind) == null ? void 0 : Z.kts) >= 79 && (($ = (Q = A.properties) == null ? void 0 : Q.wind) == null ? void 0 : $.kts) < 94 ? te = this.Theme.current.value.colors["tropicals-sty"] : ((se = (J = A.properties) == null ? void 0 : J.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 be = `<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">
@@ -11509,7 +11519,7 @@ const ic = {
   key: 1,
   class: "my-3 w-100",
   style: { height: "80px" }
-}, qc = { class: "legend d-flex justify-start align-center" }, Kc = { class: "label" }, $c = { class: "legend d-flex justify-start align-center" }, Jc = { class: "label" }, Qc = { class: "legend d-flex justify-start align-center" }, em = { class: "label" }, tm = { class: "legend d-flex justify-start align-center" }, om = { class: "label" }, am = { class: "legend d-flex justify-start align-center" }, im = { class: "label" }, rm = { class: "legend d-flex justify-start align-center" }, sm = { class: "label" }, lm = { class: "legend d-flex justify-start align-center" }, nm = { class: "label" }, cm = { class: "legend d-flex justify-start align-center" }, mm = { class: "label" }, hm = { class: "legend d-flex justify-start align-center" }, dm = { class: "label" }, pm = { class: "legend d-flex justify-start align-center" }, um = { class: "label" }, gm = { class: "d-flex justify-star align-center" }, fm = { class: "font-weight-600 mr-1" }, ym = { class: "" }, bm = { class: "port-box d-flex flex-column justify-center align-start ga-2" }, wm = {
+}, qc = { class: "legend d-flex justify-start align-center" }, Kc = { class: "label" }, Jc = { class: "legend d-flex justify-start align-center" }, Qc = { class: "label" }, $c = { class: "legend d-flex justify-start align-center" }, em = { class: "label" }, tm = { class: "legend d-flex justify-start align-center" }, om = { class: "label" }, am = { class: "legend d-flex justify-start align-center" }, im = { class: "label" }, rm = { class: "legend d-flex justify-start align-center" }, sm = { class: "label" }, lm = { class: "legend d-flex justify-start align-center" }, nm = { class: "label" }, cm = { class: "legend d-flex justify-start align-center" }, mm = { class: "label" }, hm = { class: "legend d-flex justify-start align-center" }, dm = { class: "label" }, pm = { class: "legend d-flex justify-start align-center" }, um = { class: "label" }, gm = { class: "d-flex justify-star align-center" }, fm = { class: "font-weight-600 mr-1" }, ym = { class: "" }, bm = { class: "port-box d-flex flex-column justify-center align-start ga-2" }, wm = {
   key: 0,
   class: "d-flex justify-start align-center"
 }, xm = { class: "text-label pr-1" }, vm = {
@@ -11543,7 +11553,11 @@ function Nm(t, e, o, i, a, s) {
     }, [
       p(m, {
         text: t.$t("tropical.tropicals"),
-        location: "left"
+        location: "left",
+        interactive: !0,
+        "open-on-click": !1,
+        "open-on-focus": !o.simple,
+        "open-on-hover": !o.simple
       }, {
         activator: u(({ props: y }) => [
           p(l, j(y, {
@@ -11561,7 +11575,7 @@ function Nm(t, e, o, i, a, s) {
           }, 1040, ["class", "onClick"])
         ]),
         _: 1
-      }, 8, ["text"])
+      }, 8, ["text", "open-on-focus", "open-on-hover"])
     ], 4),
     a.showTropicalsInfo && !t.$attrs.hideTropicalsLegend ? (g(), M("div", {
       key: 0,
@@ -11762,11 +11776,11 @@ function Nm(t, e, o, i, a, s) {
                     e[16] || (e[16] = r("div", { class: "icon td" }, null, -1)),
                     r("div", Kc, n(t.$t("tropical.td")), 1)
                   ]),
-                  r("div", $c, [
+                  r("div", Jc, [
                     e[17] || (e[17] = r("div", { class: "icon ts" }, null, -1)),
-                    r("div", Jc, n(t.$t("tropical.ts")), 1)
+                    r("div", Qc, n(t.$t("tropical.ts")), 1)
                   ]),
-                  r("div", Qc, [
+                  r("div", $c, [
                     e[18] || (e[18] = r("div", { class: "icon sts" }, null, -1)),
                     r("div", em, n(t.$t("tropical.sts")), 1)
                   ]),
@@ -11823,7 +11837,7 @@ function Nm(t, e, o, i, a, s) {
             return [
               r("div", gm, [
                 r("span", fm, n(o.locale === "en" ? (y = a.hoverPoint) == null ? void 0 : y.Name : ((z = a.hoverPoint) == null ? void 0 : z.nameCn) || ((T = a.hoverPoint) == null ? void 0 : T.Name)), 1),
-                r("span", ym, " , " + n(t.$t("tropical." + ((B = a.hoverPoint) == null ? void 0 : B.levelI18n))), 1)
+                r("span", ym, " [" + n(t.$t("tropical." + ((B = a.hoverPoint) == null ? void 0 : B.levelI18n))) + "]", 1)
               ])
             ];
           }),
@@ -11832,7 +11846,7 @@ function Nm(t, e, o, i, a, s) {
         p(k),
         p(c, { class: "text-body-1" }, {
           default: u(() => {
-            var y, z, T, B, I, w, L, P, C, _, O, F, V, X, Z, J, Q, $, se, le;
+            var y, z, T, B, I, w, L, P, C, _, O, F, V, X, Z, Q, $, J, se, le;
             return [
               r("div", bm, [
                 ((y = a.hoverPoint) == null ? void 0 : y.type) === "forecast" ? (g(), M("div", wm, [
@@ -11865,9 +11879,9 @@ function Nm(t, e, o, i, a, s) {
                 ]),
                 ((Z = a.hoverPoint) == null ? void 0 : Z.type) === "history" ? (g(), M("div", Rm, [
                   r("label", Am, n(t.$t("tropical.moveSpeed")) + " : ", 1),
-                  r("span", null, n(((Q = JSON.parse((J = a.hoverPoint) == null ? void 0 : J.movement)) == null ? void 0 : Q.kts) ?? "-") + " kts", 1)
+                  r("span", null, n((($ = JSON.parse((Q = a.hoverPoint) == null ? void 0 : Q.movement)) == null ? void 0 : $.kts) ?? "-") + " kts", 1)
                 ])) : D("", !0),
-                (($ = a.hoverPoint) == null ? void 0 : $.type) === "history" ? (g(), M("div", Om, [
+                ((J = a.hoverPoint) == null ? void 0 : J.type) === "history" ? (g(), M("div", Om, [
                   r("label", Bm, n(t.$t("tropical.moveDir")) + " : ", 1),
                   r("span", null, n(((le = JSON.parse((se = a.hoverPoint) == null ? void 0 : se.movement)) == null ? void 0 : le.deg) ?? "-") + " °", 1)
                 ])) : D("", !0),
@@ -12381,7 +12395,7 @@ const Ym = {
   class: "idm-gl4-date-picker",
   ref: "idmGl4DatePicker"
 }, qm = { class: "flex-1-1-0" }, Km = { class: "pa-0" };
-function $m(t, e, o, i, a, s) {
+function Jm(t, e, o, i, a, s) {
   const l = v("VIcon"), m = v("VDatePicker"), c = v("VCardText"), f = v("VDivider"), d = v("VBtn"), b = v("VCardActions"), x = v("VCard");
   return g(), M("div", Xm, [
     r("div", {
@@ -12461,8 +12475,8 @@ function $m(t, e, o, i, a, s) {
     }, 8, ["style"])) : D("", !0)
   ], 512);
 }
-const Ka = /* @__PURE__ */ Y(Ym, [["render", $m]]);
-const Jm = {
+const Ka = /* @__PURE__ */ Y(Ym, [["render", Jm]]);
+const Qm = {
   name: "IdmPoint",
   components: {
     DateTimePicker: So,
@@ -13499,10 +13513,10 @@ const Jm = {
       }), this.loading = !1;
     },
     initTableData(t) {
-      var o, i, a, s, l, m, c, f, d, b, x, k, y, z, T, B, I, w, L, P, C, _, O, F, V, X, Z, J, Q, $, se, le, ue, ie, ce, ge, me, he, A, te, be;
+      var o, i, a, s, l, m, c, f, d, b, x, k, y, z, T, B, I, w, L, P, C, _, O, F, V, X, Z, Q, $, J, se, le, ue, ie, ce, ge, me, he, A, te, be;
       this.currentHourData = {}, this.positionGmt = (i = (o = t == null ? void 0 : t.weather) == null ? void 0 : o[0]) == null ? void 0 : i.timezone, this.positionOffset = (s = (a = t == null ? void 0 : t.weather) == null ? void 0 : a[0]) == null ? void 0 : s.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((m = e == null ? void 0 : e.weather) == null ? void 0 : m.temp, 0) ?? "-", this.currentHourData.precipProbability = this.computeRoundPrecision((f = (c = e == null ? void 0 : e.weather) == null ? void 0 : c.precip) == null ? void 0 : f.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((b = (d = e == null ? void 0 : e.weather) == null ? void 0 : d.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((y = (k = e == null ? void 0 : e.weather) == null ? void 0 : k.wind) == null ? void 0 : y.kts, 1) ?? "-", this.currentHourData.windDir = ((T = (z = e == null ? void 0 : e.weather) == null ? void 0 : z.wind) == null ? void 0 : T.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((I = (B = e == null ? void 0 : e.weather) == null ? void 0 : B.wind) == null ? void 0 : I.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((L = (w = e == null ? void 0 : e.weather) == null ? void 0 : w.wind) == null ? void 0 : L.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((C = (P = e == null ? void 0 : e.wave) == null ? void 0 : P.sig) == null ? void 0 : C.height, 1) ?? "-", this.currentHourData.sigwaveDir = (O = (_ = e == null ? void 0 : e.wave) == null ? void 0 : _.sig) == null ? void 0 : O.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 = (X = e == null ? void 0 : e.wave) == null ? void 0 : X.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((ue = (le = e == null ? void 0 : e.wave) == null ? void 0 : le.swell) == null ? void 0 : ue.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 = (ge = e == null ? void 0 : e.wave) == null ? void 0 : ge.swell) == null ? void 0 : me.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((he = e == null ? void 0 : e.current) == null ? void 0 : he.speed, 1) ?? "-", this.currentHourData.currentDir = (A = e == null ? void 0 : e.current) == null ? void 0 : A.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 = (be = e == null ? void 0 : e.weather) == null ? void 0 : be.url;
+      this.currentHourData.utc = e.utc, this.currentHourData.lat = t.lat, this.currentHourData.lng = t.lng, this.currentHourData.temp = this.computeRoundPrecision((m = e == null ? void 0 : e.weather) == null ? void 0 : m.temp, 0) ?? "-", this.currentHourData.precipProbability = this.computeRoundPrecision((f = (c = e == null ? void 0 : e.weather) == null ? void 0 : c.precip) == null ? void 0 : f.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((b = (d = e == null ? void 0 : e.weather) == null ? void 0 : d.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((y = (k = e == null ? void 0 : e.weather) == null ? void 0 : k.wind) == null ? void 0 : y.kts, 1) ?? "-", this.currentHourData.windDir = ((T = (z = e == null ? void 0 : e.weather) == null ? void 0 : z.wind) == null ? void 0 : T.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((I = (B = e == null ? void 0 : e.weather) == null ? void 0 : B.wind) == null ? void 0 : I.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((L = (w = e == null ? void 0 : e.weather) == null ? void 0 : w.wind) == null ? void 0 : L.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((C = (P = e == null ? void 0 : e.wave) == null ? void 0 : P.sig) == null ? void 0 : C.height, 1) ?? "-", this.currentHourData.sigwaveDir = (O = (_ = e == null ? void 0 : e.wave) == null ? void 0 : _.sig) == null ? void 0 : O.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 = (X = e == null ? void 0 : e.wave) == null ? void 0 : X.wd) == null ? void 0 : Z.height, 1) ?? "-", this.currentHourData.windwaveDir = ($ = (Q = e == null ? void 0 : e.wave) == null ? void 0 : Q.wd) == null ? void 0 : $.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((se = (J = e == null ? void 0 : e.wave) == null ? void 0 : J.wd) == null ? void 0 : se.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((ue = (le = e == null ? void 0 : e.wave) == null ? void 0 : le.swell) == null ? void 0 : ue.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 = (ge = e == null ? void 0 : e.wave) == null ? void 0 : ge.swell) == null ? void 0 : me.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((he = e == null ? void 0 : e.current) == null ? void 0 : he.speed, 1) ?? "-", this.currentHourData.currentDir = (A = e == null ? void 0 : e.current) == null ? void 0 : A.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 = (be = e == null ? void 0 : e.weather) == null ? void 0 : be.url;
     },
     handleBind() {
       var t, e;
@@ -13561,7 +13575,7 @@ const Jm = {
       this.$emit("cancelFollow", t);
     }
   }
-}, Qm = { class: "idm-gl4-spot" }, eh = { class: "d-flex justify-start align-center" }, th = { class: "text-h6 font-weight-600" }, oh = { class: "d-flex justify-start align-center ga-1 mb-1" }, ah = {
+}, $m = { class: "idm-gl4-spot" }, eh = { class: "d-flex justify-start align-center" }, th = { class: "text-h6 font-weight-600" }, oh = { class: "d-flex justify-start align-center ga-1 mb-1" }, ah = {
   class: "multi-color-icon",
   "aria-hidden": "true"
 }, ih = ["xlink:href"], rh = { class: "d-flex justify-start align-center ga-1 mb-1" }, sh = {
@@ -13615,21 +13629,25 @@ const Jm = {
 }, Oh = { class: "pa-0 text-left" }, Bh = { class: "d-flex justify-space-between align-center" }, jh = { class: "d-flex justify-start align-center" }, Eh = { class: "mx-1" }, Nh = { class: "d-flex justify-end align-center" }, Fh = { class: "mx-0 py-1 d-flex align-center justify-start" }, Hh = {
   style: { width: "60px" },
   class: "pa-0 pr-2 text-right opacity-50"
-}, Gh = { class: "pa-0 px-0" }, Wh = { class: "mx-0 py-1 d-flex align-center justify-start" }, Uh = { class: "pa-0 px-0" }, Vh = { class: "gray-bg-2 mx-4 my-2 py-3 px-2 rounded text-font-13 d-flex align-center justify-space-between" }, Zh = { class: "d-flex flex-column align-start justify-center ga-3" }, Yh = { class: "text-label pr-2" }, Xh = { class: "text-label pr-2" }, qh = { class: "text-label pr-2" }, Kh = { class: "d-flex flex-column align-start justify-center ga-3" }, $h = { class: "text-label pr-2" }, Jh = { class: "text-label pr-2" }, Qh = { class: "text-label pr-2" }, ed = { id: "idm-position-icon" }, td = {
+}, Gh = { class: "pa-0 px-0" }, Wh = { class: "mx-0 py-1 d-flex align-center justify-start" }, Uh = { class: "pa-0 px-0" }, Vh = { class: "gray-bg-2 mx-4 my-2 py-3 px-2 rounded text-font-13 d-flex align-center justify-space-between" }, Zh = { class: "d-flex flex-column align-start justify-center ga-3" }, Yh = { class: "text-label pr-2" }, Xh = { class: "text-label pr-2" }, qh = { class: "text-label pr-2" }, Kh = { class: "d-flex flex-column align-start justify-center ga-3" }, Jh = { class: "text-label pr-2" }, Qh = { class: "text-label pr-2" }, $h = { class: "text-label pr-2" }, ed = { id: "idm-position-icon" }, td = {
   class: "multi-color-icon",
   style: { height: "30px", width: "30px" },
   "aria-hidden": "true"
 }, od = ["xlink:href"];
 function ad(t, e, o, i, a, s) {
   const l = v("VBtn"), m = v("VTooltip"), c = v("VCardTitle"), f = v("VDivider"), d = v("VTextField"), b = v("VCol"), x = v("VRow"), k = v("DateTimePicker"), y = v("VBtnToggle"), z = v("VCardText"), T = v("VCardActions"), B = v("VForm"), I = v("VCard");
-  return g(), M("div", Qm, [
+  return g(), M("div", $m, [
     r("div", {
       class: "menu-bar-box transition pa-1",
       style: ee({ top: o.top + o.paddingTop + 126 + "px", right: a.right + "px" })
     }, [
       p(m, {
         text: t.$t("spot.spotsMeteo"),
-        location: "left"
+        location: "left",
+        interactive: !0,
+        "open-on-click": !1,
+        "open-on-focus": !o.simple,
+        "open-on-hover": !o.simple
       }, {
         activator: u(({ props: w }) => [
           p(l, j(w, {
@@ -13647,7 +13665,7 @@ function ad(t, e, o, i, a, s) {
           }, 1040, ["class", "onClick"])
         ]),
         _: 1
-      }, 8, ["text"])
+      }, 8, ["text", "open-on-focus", "open-on-hover"])
     ], 4),
     a.showForm && !o.simple ? (g(), R(I, {
       key: 0,
@@ -14204,15 +14222,15 @@ function ad(t, e, o, i, a, s) {
                 ]),
                 r("div", Kh, [
                   r("div", null, [
-                    r("span", $h, n(t.$t("weather.swell")), 1),
+                    r("span", Jh, n(t.$t("weather.swell")), 1),
                     r("span", null, n(a.currentHourData.swellDir ?? "-") + "/" + n(a.currentHourData.swellHeight ?? "-") + "m/" + n(a.currentHourData.swellPeriod ?? "-") + "s", 1)
                   ]),
                   r("div", null, [
-                    r("span", Jh, n(t.$t("weather.current")), 1),
+                    r("span", Qh, n(t.$t("weather.current")), 1),
                     r("span", null, n(a.currentHourData.currentDir ?? "-") + "/" + n(a.currentHourData.currentSpeed ?? "-") + "kts", 1)
                   ]),
                   r("div", null, [
-                    r("span", Qh, n(t.$t("weather.visibility")), 1),
+                    r("span", $h, n(t.$t("weather.visibility")), 1),
                     r("span", null, n(a.currentHourData.visibility ?? "-") + " nm", 1)
                   ])
                 ])
@@ -14235,7 +14253,7 @@ function ad(t, e, o, i, a, s) {
     ])
   ]);
 }
-const id = /* @__PURE__ */ Y(Jm, [["render", ad]]);
+const id = /* @__PURE__ */ Y(Qm, [["render", ad]]);
 const rd = {
   name: "IdmMeasure",
   props: {
@@ -14604,7 +14622,11 @@ function ld(t, e, o, i, a, s) {
     }, [
       p(m, {
         text: t.$t("measure.measure"),
-        location: "left"
+        location: "left",
+        interactive: !0,
+        "open-on-click": !1,
+        "open-on-focus": !o.simple,
+        "open-on-hover": !o.simple
       }, {
         activator: u(({ props: c }) => [
           p(l, j(c, {
@@ -14622,7 +14644,7 @@ function ld(t, e, o, i, a, s) {
           }, 1040, ["class", "onClick"])
         ]),
         _: 1
-      }, 8, ["text"])
+      }, 8, ["text", "open-on-focus", "open-on-hover"])
     ], 4)
   ]);
 }
@@ -15271,7 +15293,7 @@ function kd(t, e, o, i, a, s) {
     ])
   ], 4);
 }
-const $a = /* @__PURE__ */ Y(vd, [["render", kd]]), zd = {
+const Ja = /* @__PURE__ */ Y(vd, [["render", kd]]), zd = {
   name: "IdmGL4",
   components: {
     IdmOtherLayer: hl,
@@ -15280,7 +15302,7 @@ const $a = /* @__PURE__ */ Y(vd, [["render", kd]]), zd = {
     IdmMeasure: nd,
     IdmSpot: id,
     IdmBottomBar: xd,
-    IdmTimePlayer: $a
+    IdmTimePlayer: Ja
   },
   props: {
     map: {
@@ -15429,7 +15451,7 @@ class Cd {
     de(this, "hi");
     de(this, "td");
     de(this, "windy");
-    var o, i, a, s, l, m, c, f, d, b, x, k, y, z, T, B, I, w, L, P, C, _, O, F, V, X, Z, J, Q, $, se, le, ue, ie, ce, ge, me, he, A, te, be, ve, Pe, Te, _e, Ie, Ce, H, oe, He, Oe, fe, Re, W, ye, ae, re, je, Ge, We, E, we, Be, Ee, Ne, N, Ue, U, Xe, qe, Ke, Le, $e, Je, Qe, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Tt, Ct, Mt, St, Dt, It, Rt, At, Ot, Bt, jt, Et, Nt, Ft, Ht, Gt, Wt, Ut, Vt, Zt, Yt, Xt, qt, 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, Ao, Oo, Bo, jo, Eo, No, Fo, Ho, Go, Wo, Uo, Vo, Zo, Yo, Xo, qo, Ko, $o, Jo, Qo, ea, ta, oa, aa, ia, ra, sa, la, na, ca, ma, ha, da, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ta, Ca, Ma, Sa, Da, Ia, Ra, Aa, Oa, Ba, ja, Ea, Na, Fa, Ha, Ga, Wa, Ua;
+    var o, i, a, s, l, m, c, f, d, b, x, k, y, z, T, B, I, w, L, P, C, _, O, F, V, X, Z, Q, $, J, se, le, ue, ie, ce, ge, me, he, A, te, be, ve, Pe, Te, _e, Ie, Ce, H, oe, He, Oe, fe, Re, W, ye, ae, re, je, Ge, We, E, we, Be, Ee, Ne, N, Ue, U, Xe, qe, Ke, Le, Je, Qe, $e, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Tt, Ct, Mt, St, Dt, It, Rt, At, Ot, Bt, jt, Et, Nt, Ft, Ht, Gt, Wt, Ut, Vt, Zt, Yt, Xt, qt, 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, Ao, Oo, Bo, jo, Eo, No, Fo, Ho, Go, Wo, Uo, Vo, Zo, Yo, Xo, qo, Ko, Jo, Qo, $o, ea, ta, oa, aa, ia, ra, sa, la, na, ca, ma, ha, da, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ta, Ca, Ma, Sa, Da, Ia, Ra, Aa, Oa, Ba, ja, Ea, Na, Fa, Ha, Ga, Wa, Ua;
     this.i4 = {
       source: {
         type: "raster",
@@ -34083,8 +34105,8 @@ class Cd {
           (_ = (C = this.originStyle) == null ? void 0 : C.light.layers) == null ? void 0 : _.find((h) => h.id === "water-outline2"),
           (F = (O = this.originStyle) == null ? void 0 : O.light.layers) == null ? void 0 : F.find((h) => h.id === "empty-layer-2"),
           (X = (V = this.originStyle) == null ? void 0 : V.light.layers) == null ? void 0 : X.find((h) => h.id === "water-line-label"),
-          (J = (Z = this.originStyle) == null ? void 0 : Z.light.layers) == null ? void 0 : J.find((h) => h.id === "water-point-label"),
-          ($ = (Q = this.originStyle) == null ? void 0 : Q.light.layers) == null ? void 0 : $.find((h) => h.id === "world-12nm-v4-20231025"),
+          (Q = (Z = this.originStyle) == null ? void 0 : Z.light.layers) == null ? void 0 : Q.find((h) => h.id === "water-point-label"),
+          (J = ($ = this.originStyle) == null ? void 0 : $.light.layers) == null ? void 0 : J.find((h) => h.id === "world-12nm-v4-20231025"),
           (le = (se = this.originStyle) == null ? void 0 : se.light.layers) == null ? void 0 : le.find((h) => h.id === "ne-10m-outline"),
           (ie = (ue = this.originStyle) == null ? void 0 : ue.light.layers) == null ? void 0 : ie.find((h) => h.id === "ne-10m-label"),
           (ge = (ce = this.originStyle) == null ? void 0 : ce.light.layers) == null ? void 0 : ge.find((h) => h.id === "china-route-line"),
@@ -34127,8 +34149,8 @@ class Cd {
           (Ue = (N = this.originStyle) == null ? void 0 : N.dark.layers) == null ? void 0 : Ue.find((h) => h.id === "ice-area-fill"),
           (Xe = (U = this.originStyle) == null ? void 0 : U.dark.layers) == null ? void 0 : Xe.find((h) => h.id === "ice-area-line"),
           (Ke = (qe = this.originStyle) == null ? void 0 : qe.dark.layers) == null ? void 0 : Ke.find((h) => h.id === "loadlines-label"),
-          ($e = (Le = this.originStyle) == null ? void 0 : Le.dark.layers) == null ? void 0 : $e.find((h) => h.id === "loadlines-fill"),
-          (Qe = (Je = this.originStyle) == null ? void 0 : Je.dark.layers) == null ? void 0 : Qe.find((h) => h.id === "empty-layer-0"),
+          (Je = (Le = this.originStyle) == null ? void 0 : Le.dark.layers) == null ? void 0 : Je.find((h) => h.id === "loadlines-fill"),
+          ($e = (Qe = this.originStyle) == null ? void 0 : Qe.dark.layers) == null ? void 0 : $e.find((h) => h.id === "empty-layer-0"),
           (tt = (et = this.originStyle) == null ? void 0 : et.dark.layers) == null ? void 0 : tt.find((h) => h.id === "empty-layer-1"),
           (at = (ot = this.originStyle) == null ? void 0 : ot.dark.layers) == null ? void 0 : at.find((h) => h.id === "country-boundaries"),
           (rt = (it = this.originStyle) == null ? void 0 : it.dark.layers) == null ? void 0 : rt.find((h) => h.id === "water-outline"),
@@ -34255,8 +34277,8 @@ class Cd {
           (Xo = (Yo = this.originStyle) == null ? void 0 : Yo.light.layers) == null ? void 0 : Xo.find((h) => h.id === "land"),
           (Ko = (qo = this.originStyle) == null ? void 0 : qo.light.layers) == null ? void 0 : Ko.find((h) => h.id === "water"),
           this.i4.layer,
-          (Jo = ($o = this.originStyle) == null ? void 0 : $o.light.layers) == null ? void 0 : Jo.find((h) => h.id === "ice-area-fill"),
-          (ea = (Qo = this.originStyle) == null ? void 0 : Qo.light.layers) == null ? void 0 : ea.find((h) => h.id === "ice-area-line"),
+          (Qo = (Jo = this.originStyle) == null ? void 0 : Jo.light.layers) == null ? void 0 : Qo.find((h) => h.id === "ice-area-fill"),
+          (ea = ($o = this.originStyle) == null ? void 0 : $o.light.layers) == null ? void 0 : ea.find((h) => h.id === "ice-area-line"),
           (oa = (ta = this.originStyle) == null ? void 0 : ta.light.layers) == null ? void 0 : oa.find((h) => h.id === "loadlines-label"),
           (ia = (aa = this.originStyle) == null ? void 0 : aa.light.layers) == null ? void 0 : ia.find((h) => h.id === "loadlines-fill"),
           (sa = (ra = this.originStyle) == null ? void 0 : ra.light.layers) == null ? void 0 : sa.find((h) => h.id === "empty-layer-0"),
@@ -34380,7 +34402,7 @@ const Md = {
         preserveDrawingBuffer: !0,
         fadeDuration: 300
       });
-      t.dragRotate.disable(), t.on("load", () => {
+      t.dragRotate.disable(), t.touchZoomRotate.disableRotation(), t.on("load", () => {
         this.zoom = 2, this.map = t, this.$emit("menuToggle"), this.addScaleControl();
       }), t.on("move", () => {
         var e;
@@ -34483,7 +34505,7 @@ function Ad(t, e, o, i, a, s) {
 }
 const Od = /* @__PURE__ */ Y(Md, [["render", Ad]]), Yd = {
   install(t) {
-    t.component("MapInitial", Od), t.component("MapboxGL", Td), t.component("TropicalGL", qa), t.component("LatLngGL", Xa), t.component("DateTimePicker", So), t.component("DateRangePicker", Ka), t.component("PortDetail", Do), t.component("TimePlayer", $a);
+    t.component("MapInitial", Od), t.component("MapboxGL", Td), t.component("TropicalGL", qa), t.component("LatLngGL", Xa), t.component("DateTimePicker", So), t.component("DateRangePicker", Ka), t.component("PortDetail", Do), t.component("TimePlayer", Ja);
   }
 };
 export {
@@ -34496,7 +34518,7 @@ export {
   Cd as MapboxStyleHelper,
   Se as ParticleSchema,
   Do as PortDetail,
-  $a as TimePlayer,
+  Ja as TimePlayer,
   qa as TropicalGL,
   Io as Viewport,
   Fe as WebGL,