npm - @idmui/spot - Versions diffs - 0.1.4 → 0.1.5 - Mend

@idmui/spot 0.1.4 → 0.1.5

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 (3) hide show

package/dist/index.js CHANGED Viewed

@@ -1,20 +1,20 @@
-import K from "moment";
+import Q from "moment";
 import X from "moment-timezone";
-import { Search as be } from "@element-plus/icons-vue";
-import { LngLatHelper as re } from "@idm-plugin/geo";
-import * as ge from "echarts";
-import { markRaw as ke, resolveComponent as le, openBlock as n, createElementBlock as o, createElementVNode as i, createVNode as he, withCtx as de, Fragment as f, renderList as y, createBlock as De, toDisplayString as x, createCommentVNode as ce, createTextVNode as _, normalizeClass as b, normalizeStyle as ie } from "vue";
-import ve from "axios";
-class fe {
-  static pickHourly(e, t) {
-    var h, s, v, M, C, S, L, N, I, P, H, a, r, q, z, T, R, A, E, G, F, B, V, O, U, J, Z, Y, w, D, m, k, W, u, Q, p, $, g, se, ae;
-    const ue = typeof t == "string" ? K(t) : t, te = e.weather, pe = e.marine, me = K(te[0].hourly.date).utc(), ne = me.clone().add(te[0].hourly.time.at(0), "h"), ye = me.clone().add(te[0].hourly.time.at(-1), "h"), we = [];
-    if (ue.isBetween(ne, ye, "millisecond", "[]")) {
-      const d = ue.utc().diff(ne, "h", !1);
-      let j, ee;
-      if (te)
-        for (const oe of te) {
-          const c = oe.hourly;
+import { Search as zt } from "@element-plus/icons-vue";
+import { LngLatHelper as lt } from "@idm-plugin/geo";
+import * as gt from "echarts";
+import { markRaw as kt, resolveComponent as ht, openBlock as n, createElementBlock as o, createElementVNode as i, createVNode as dt, withCtx as ct, Fragment as b, renderList as x, createBlock as Dt, toDisplayString as f, createCommentVNode as pt, createTextVNode as y, normalizeClass as _, normalizeStyle as nt } from "vue";
+import vt from "axios";
+class bt {
+  static pickHourly(t, e) {
+    var h, s, v, M, C, S, L, N, I, P, H, a, r, q, D, T, R, A, E, G, F, B, O, V, U, J, Z, Y, u, k, w, z, W, p, K, m, $, g, st, at;
+    const it = typeof e == "string" ? Q(e) : e, et = t.weather, mt = t.marine, wt = Q(et[0].hourly.date).utc(), ot = wt.clone().add(et[0].hourly.time.at(0), "h"), xt = wt.clone().add(et[0].hourly.time.at(-1), "h"), ut = [];
+    if (it.isBetween(ot, xt, "millisecond", "[]")) {
+      const d = it.utc().diff(ot, "h", !1);
+      let j, tt;
+      if (et)
+        for (const rt of et) {
+          const c = rt.hourly;
           j = {
             temp: (h = c.temperature_2m) == null ? void 0 : h.at(d),
             apparentTemp: (s = c.apparent_temperature) == null ? void 0 : s.at(d),
@@ -32,18 +32,18 @@ class fe {
               speed: (H = c.wind_speed_10m) == null ? void 0 : H.at(d),
               kts: (a = c.wind_speed_10m) == null ? void 0 : a.at(d),
               degree: (r = c.wind_direction_10m) == null ? void 0 : r.at(d),
-              bearing: ((q = c.wind_direction_10m) == null ? void 0 : q.at(d)) !== null ? (((z = c.wind_direction_10m) == null ? void 0 : z.at(d)) + 180) % 360 : null,
+              bearing: ((q = c.wind_direction_10m) == null ? void 0 : q.at(d)) !== null ? (((D = c.wind_direction_10m) == null ? void 0 : D.at(d)) + 180) % 360 : null,
               gusts: (T = c.wind_gusts_10m) == null ? void 0 : T.at(d)
             },
             isDay: (R = c.is_day) == null ? void 0 : R.at(d)
           };
-          const { name: xe, url: _e } = this.parseWeatherCode(j.code, j.isDay);
-          j.name = xe, j.url = _e, j.wind.scale = this.beaufort(this.kts2ms(j.wind.kts)), j.wind.direction = this.degree2Direction(j.wind.degree);
+          const { name: ft, url: yt, bg: _t } = this.parseWeatherCode(j.code, j.isDay);
+          j.name = ft, j.url = yt, j.bg = _t, j.wind.scale = this.beaufort(this.kts2ms(j.wind.kts)), j.wind.direction = this.degree2Direction(j.wind.degree);
         }
-      if (pe)
-        for (const oe of pe) {
-          const c = oe.hourly;
-          ee = {
+      if (mt)
+        for (const rt of mt) {
+          const c = rt.hourly;
+          tt = {
             wave: {
               sig: {
                 height: (A = c.wave_height) == null ? void 0 : A.at(d),
@@ -52,460 +52,516 @@ class fe {
                 period: (B = c.wave_period) == null ? void 0 : B.at(d)
               },
               swell: {
-                height: (V = c.swell_wave_height) == null ? void 0 : V.at(d),
-                degree: (O = c.swell_wave_direction) == null ? void 0 : O.at(d),
+                height: (O = c.swell_wave_height) == null ? void 0 : O.at(d),
+                degree: (V = c.swell_wave_direction) == null ? void 0 : V.at(d),
                 bearing: ((U = c.swell_wave_direction) == null ? void 0 : U.at(d)) !== null ? (((J = c.swell_wave_direction) == null ? void 0 : J.at(d)) + 180) % 360 : null,
                 period: (Z = c.swell_wave_period) == null ? void 0 : Z.at(d),
                 peakPeriod: (Y = c.swell_wave_peak_period) == null ? void 0 : Y.at(d)
               },
               wd: {
-                height: (w = c.wind_wave_height) == null ? void 0 : w.at(d),
-                degree: (D = c.wind_wave_direction) == null ? void 0 : D.at(d),
-                bearing: ((m = c.wind_wave_direction) == null ? void 0 : m.at(d)) !== null ? (((k = c.wind_wave_direction) == null ? void 0 : k.at(d)) + 180) % 360 : null,
+                height: (u = c.wind_wave_height) == null ? void 0 : u.at(d),
+                degree: (k = c.wind_wave_direction) == null ? void 0 : k.at(d),
+                bearing: ((w = c.wind_wave_direction) == null ? void 0 : w.at(d)) !== null ? (((z = c.wind_wave_direction) == null ? void 0 : z.at(d)) + 180) % 360 : null,
                 period: (W = c.wind_wave_period) == null ? void 0 : W.at(d),
-                peakPeriod: (u = c.wind_wave_peak_period) == null ? void 0 : u.at(d)
+                peakPeriod: (p = c.wind_wave_peak_period) == null ? void 0 : p.at(d)
               }
             },
             current: {
-              speed: (Q = c.ocean_current_velocity) == null ? void 0 : Q.at(d),
-              kts: (p = c.ocean_current_velocity) == null ? void 0 : p.at(d),
+              speed: (K = c.ocean_current_velocity) == null ? void 0 : K.at(d),
+              kts: (m = c.ocean_current_velocity) == null ? void 0 : m.at(d),
               degree: ($ = c.ocean_current_direction) == null ? void 0 : $.at(d),
               bearing: ((g = c.ocean_current_direction) == null ? void 0 : g.at(d)) ?? null
             },
-            sst: (se = c.sea_surface_temperature) == null ? void 0 : se.at(d),
-            height: (ae = c.sea_level_height_msl) == null ? void 0 : ae.at(d)
-          }, ee.wave = this.parseWave(ee.wave), ee.current.direction = this.degree2Direction(ee.current.degree);
+            sst: (st = c.sea_surface_temperature) == null ? void 0 : st.at(d),
+            height: (at = c.sea_level_height_msl) == null ? void 0 : at.at(d)
+          }, tt.wave = this.parseWave(tt.wave), tt.current.direction = this.degree2Direction(tt.current.degree);
         }
-      we.push({
-        utc: ne.add(d, "h").format(),
+      ut.push({
+        utc: ot.add(d, "h").format(),
         weather: { ...j },
-        ...ee
+        ...tt
       });
     }
-    return we;
+    return ut;
   }
-  static toLegacy(e) {
+  static toLegacy(t) {
     return {
-      wind: e.weather.wind,
-      visibility: e.weather.visibility,
-      temp: e.weather.temp,
-      prmsl: e.weather.pmsl,
+      wind: t.weather.wind,
+      visibility: t.weather.visibility,
+      temp: t.weather.temp,
+      prmsl: t.weather.pmsl,
       gusts: {
-        kts: e.weather.wind.gusts
+        kts: t.weather.wind.gusts
       },
-      precip: e.weather.precip,
-      code: e.weather.code,
-      name: e.weather.name,
-      url: e.weather.url,
-      wave: e.wave,
-      current: e.current,
-      sst: e.sst,
-      height: e.height,
-      utc: e.utc
+      precip: t.weather.precip,
+      code: t.weather.code,
+      name: t.weather.name,
+      url: t.weather.url,
+      wave: t.wave,
+      current: t.current,
+      sst: t.sst,
+      height: t.height,
+      utc: t.utc
     };
   }
-  static pickDaily(e, t) {
-    var h, s, v, M, C, S, L, N, I, P, H, a, r, q, z, T, R, A, E, G, F, B, V, O, U, J, Z;
-    const Y = typeof t == "string" ? K(t) : t, w = e.weather, D = e.marine, m = K(w[0].daily.time.at(0)), k = K(w[0].daily.time.at(-1)), W = [];
-    if (Y.isBetween(m, k, "millisecond", "[]")) {
-      let u, Q;
-      const p = Y.diff(m, "d", !1);
-      if (w)
-        for (const $ of w) {
+  static pickDaily(t, e) {
+    var h, s, v, M, C, S, L, N, I, P, H, a, r, q, D, T, R, A, E, G, F, B, O, V, U, J, Z;
+    const Y = typeof e == "string" ? Q(e) : e, u = t.weather, k = t.marine, w = Q(u[0].daily.time.at(0)), z = Q(u[0].daily.time.at(-1)), W = [];
+    if (Y.isBetween(w, z, "millisecond", "[]")) {
+      let p, K;
+      const m = Y.diff(w, "d", !1);
+      if (u)
+        for (const $ of u) {
           const g = $.daily;
-          u = {
-            code: (h = g.weather_code) == null ? void 0 : h.at(p),
+          p = {
+            code: (h = g.weather_code) == null ? void 0 : h.at(m),
             temp: {
-              max: (s = g.temperature_2m_max) == null ? void 0 : s.at(p),
-              min: (v = g.temperature_2m_min) == null ? void 0 : v.at(p),
-              mean: (M = g.temperature_2m_mean) == null ? void 0 : M.at(p)
+              max: (s = g.temperature_2m_max) == null ? void 0 : s.at(m),
+              min: (v = g.temperature_2m_min) == null ? void 0 : v.at(m),
+              mean: (M = g.temperature_2m_mean) == null ? void 0 : M.at(m)
             },
             apparentTemp: {
-              max: (C = g.apparent_temperature_max) == null ? void 0 : C.at(p),
-              min: (S = g.apparent_temperature_min) == null ? void 0 : S.at(p)
+              max: (C = g.apparent_temperature_max) == null ? void 0 : C.at(m),
+              min: (S = g.apparent_temperature_min) == null ? void 0 : S.at(m)
             },
             precip: {
-              sum: (L = g.precipitation_sum) == null ? void 0 : L.at(p),
-              hours: (N = g.precipitation_hours) == null ? void 0 : N.at(p),
-              probability: (I = g.precipitation_probability_max) == null ? void 0 : I.at(p)
+              sum: (L = g.precipitation_sum) == null ? void 0 : L.at(m),
+              hours: (N = g.precipitation_hours) == null ? void 0 : N.at(m),
+              probability: (I = g.precipitation_probability_max) == null ? void 0 : I.at(m)
             },
             rh: {
-              max: (P = g.relative_humidity_2m_max) == null ? void 0 : P.at(p),
-              min: (H = g.relative_humidity_2m_min) == null ? void 0 : H.at(p),
-              mean: (a = g.relative_humidity_2m_mean) == null ? void 0 : a.at(p)
+              max: (P = g.relative_humidity_2m_max) == null ? void 0 : P.at(m),
+              min: (H = g.relative_humidity_2m_min) == null ? void 0 : H.at(m),
+              mean: (a = g.relative_humidity_2m_mean) == null ? void 0 : a.at(m)
             },
             wind: {
-              speed: (r = g.wind_speed_10m_max) == null ? void 0 : r.at(p),
-              kts: (q = g.wind_speed_10m_max) == null ? void 0 : q.at(p),
-              degree: (z = g.wind_direction_10m_dominant) == null ? void 0 : z.at(p),
-              gusts: (T = g.wind_gusts_10m_max) == null ? void 0 : T.at(p)
+              speed: (r = g.wind_speed_10m_max) == null ? void 0 : r.at(m),
+              kts: (q = g.wind_speed_10m_max) == null ? void 0 : q.at(m),
+              degree: (D = g.wind_direction_10m_dominant) == null ? void 0 : D.at(m),
+              gusts: (T = g.wind_gusts_10m_max) == null ? void 0 : T.at(m)
             }
           };
-          const { name: se, url: ae } = this.parseWeatherCode(u.code, !0);
-          u.name = se, u.url = ae, u.wind.scale = this.beaufort(this.kts2ms(u.wind.kts)), u.wind.direction = this.degree2Direction(u.wind.degree);
+          const { name: st, url: at, bg: it } = this.parseWeatherCode(p.code, !0);
+          p.name = st, p.url = at, p.bg = it, p.wind.scale = this.beaufort(this.kts2ms(p.wind.kts)), p.wind.direction = this.degree2Direction(p.wind.degree);
         }
-      if (D)
-        for (const $ of D) {
+      if (k)
+        for (const $ of k) {
           const g = $.daily;
-          Q = {
+          K = {
             wave: {
               sig: {
-                height: (R = g.wave_height_max) == null ? void 0 : R.at(p),
-                degree: (A = g.wave_direction_dominant) == null ? void 0 : A.at(p),
-                period: (E = g.wave_period_max) == null ? void 0 : E.at(p)
+                height: (R = g.wave_height_max) == null ? void 0 : R.at(m),
+                degree: (A = g.wave_direction_dominant) == null ? void 0 : A.at(m),
+                period: (E = g.wave_period_max) == null ? void 0 : E.at(m)
               },
               swell: {
-                height: (G = g.swell_wave_height_max) == null ? void 0 : G.at(p),
-                degree: (F = g.wave_direction_dominant) == null ? void 0 : F.at(p),
-                period: (B = g.swell_wave_period_max) == null ? void 0 : B.at(p),
-                peakPeriod: (V = g.swell_wave_peak_period_max) == null ? void 0 : V.at(p)
+                height: (G = g.swell_wave_height_max) == null ? void 0 : G.at(m),
+                degree: (F = g.wave_direction_dominant) == null ? void 0 : F.at(m),
+                period: (B = g.swell_wave_period_max) == null ? void 0 : B.at(m),
+                peakPeriod: (O = g.swell_wave_peak_period_max) == null ? void 0 : O.at(m)
               },
               wd: {
-                height: (O = g.wind_wave_height_max) == null ? void 0 : O.at(p),
-                degree: (U = g.wind_wave_direction_dominant) == null ? void 0 : U.at(p),
-                period: (J = g.wind_wave_period_max) == null ? void 0 : J.at(p),
-                peakPeriod: (Z = g.wind_wave_peak_period_max) == null ? void 0 : Z.at(p)
+                height: (V = g.wind_wave_height_max) == null ? void 0 : V.at(m),
+                degree: (U = g.wind_wave_direction_dominant) == null ? void 0 : U.at(m),
+                period: (J = g.wind_wave_period_max) == null ? void 0 : J.at(m),
+                peakPeriod: (Z = g.wind_wave_peak_period_max) == null ? void 0 : Z.at(m)
               }
             }
-          }, Q.wave = this.parseWave(Q.wave);
+          }, K.wave = this.parseWave(K.wave);
         }
       W.push({
-        utc: m.add(p, "d").utc().format(),
-        weather: { ...u },
-        ...Q
+        utc: w.add(m, "d").utc().format(),
+        weather: { ...p },
+        ...K
       });
     }
     return W;
   }
-  static parseWave(e) {
-    return e.sig.direction = this.degree2Direction(e.sig.degree), e.swell.direction = this.degree2Direction(e.swell.degree), e.wd.direction = this.degree2Direction(e.wd.degree), e.sig.scale = this.douglas(e.sig.height), e.swell.scale = this.douglas(e.swell.height), e.wd.scale = this.douglas(e.wd.height), e;
+  static parseWave(t) {
+    return t.sig.direction = this.degree2Direction(t.sig.degree), t.swell.direction = this.degree2Direction(t.swell.degree), t.wd.direction = this.degree2Direction(t.wd.degree), t.sig.scale = this.douglas(t.sig.height), t.swell.scale = this.douglas(t.swell.height), t.wd.scale = this.douglas(t.wd.height), t;
   }
-  static parseWeatherCode(e, t) {
-    const h = this.weatherCode(e);
-    return (t ? h.day : h.night) || {};
+  static parseWeatherCode(t, e) {
+    const h = this.weatherCode(t);
+    return (e ? h.day : h.night) || {};
   }
-  static weatherCode(e) {
-    const t = {
-      code: e
+  static weatherCode(t) {
+    const e = {
+      code: t
     };
-    switch (e) {
+    switch (t) {
       case 0:
-        t.day = {
+        e.day = {
           name: "Sunny",
-          url: "https://osshz.idmwx.com/asset/weather/01d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/01d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg1.png"
+        }, e.night = {
           name: "Clear",
-          url: "https://osshz.idmwx.com/asset/weather/01n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/01n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg1.png"
         };
         break;
       case 1:
-        t.day = {
+        e.day = {
           name: "Mainly Sunny",
-          url: "https://osshz.idmwx.com/asset/weather/01d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/01d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg1.png"
+        }, e.night = {
           name: "Mainly Clear",
-          url: "https://osshz.idmwx.com/asset/weather/01n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/01n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg1.png"
         };
         break;
       case 2:
-        t.day = {
+        e.day = {
           name: "Partly Cloudy",
-          url: "https://osshz.idmwx.com/asset/weather/02d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/02d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg2.png"
+        }, e.night = {
           name: "Partly Cloudy",
-          url: "https://osshz.idmwx.com/asset/weather/02n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/02n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg2.png"
         };
         break;
       case 3:
-        t.day = {
-          name: "Cloudy",
-          url: "https://osshz.idmwx.com/asset/weather/03d.svg"
-        }, t.night = {
-          name: "Cloudy",
-          url: "https://osshz.idmwx.com/asset/weather/03n.svg"
+        e.day = {
+          name: "Overcast",
+          url: "https://osshz.idmwx.com/asset/weather/04d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg3.png"
+        }, e.night = {
+          name: "Overcast",
+          url: "https://osshz.idmwx.com/asset/weather/04n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg3.png"
         };
         break;
       case 45:
-        t.day = {
+        e.day = {
           name: "Foggy",
-          url: "https://osshz.idmwx.com/asset/weather/50d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/50d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg4.png"
+        }, e.night = {
           name: "Foggy",
-          url: "https://osshz.idmwx.com/asset/weather/50n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/50n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg4.png"
         };
         break;
       case 48:
-        t.day = {
+        e.day = {
           name: "Rime Fog",
-          url: "https://osshz.idmwx.com/asset/weather/50d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/50d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg4.png"
+        }, e.night = {
           name: "Rime Fog",
-          url: "https://osshz.idmwx.com/asset/weather/50n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/50n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg4.png"
         };
         break;
       case 51:
-        t.day = {
+        e.day = {
           name: "Light Drizzle",
-          url: "https://osshz.idmwx.com/asset/weather/09d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/14d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
+        }, e.night = {
           name: "Light Drizzle",
-          url: "https://osshz.idmwx.com/asset/weather/09n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/09n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
         };
         break;
       case 53:
-        t.day = {
+        e.day = {
           name: "Drizzle",
-          url: "https://osshz.idmwx.com/asset/weather/09d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/14d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
+        }, e.night = {
           name: "Drizzle",
-          url: "https://osshz.idmwx.com/asset/weather/09n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/09n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
         };
         break;
       case 55:
-        t.day = {
+        e.day = {
           name: "Heavy Drizzle",
-          url: "https://osshz.idmwx.com/asset/weather/09d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/15d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
+        }, e.night = {
           name: "Heavy Drizzle",
-          url: "https://osshz.idmwx.com/asset/weather/09n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/15n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
         };
         break;
       case 56:
-        t.day = {
+        e.day = {
           name: "Light Freezing Drizzle",
-          url: "https://osshz.idmwx.com/asset/weather/09d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/14d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
+        }, e.night = {
           name: "Light Freezing Drizzle",
-          url: "https://osshz.idmwx.com/asset/weather/09n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/09n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
         };
         break;
       case 57:
-        t.day = {
+        e.day = {
           name: "Freezing Drizzle",
-          url: "https://osshz.idmwx.com/asset/weather/09d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/14d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
+        }, e.night = {
           name: "Freezing Drizzle",
-          url: "https://osshz.idmwx.com/asset/weather/09n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/09n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
         };
         break;
       case 61:
-        t.day = {
+        e.day = {
           name: "Light Rain",
-          url: "https://osshz.idmwx.com/asset/weather/10d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/16d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
+        }, e.night = {
           name: "Light Rain",
-          url: "https://osshz.idmwx.com/asset/weather/10n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/10n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
         };
         break;
       case 63:
-        t.day = {
+        e.day = {
           name: "Rain",
-          url: "https://osshz.idmwx.com/asset/weather/10d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/16d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
+        }, e.night = {
           name: "Rain",
-          url: "https://osshz.idmwx.com/asset/weather/10n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/10n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
         };
         break;
       case 65:
-        t.day = {
+        e.day = {
           name: "Heavy Rain",
-          url: "https://osshz.idmwx.com/asset/weather/10d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/16d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
+        }, e.night = {
           name: "Heavy Rain",
-          url: "https://osshz.idmwx.com/asset/weather/10n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/10n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
         };
         break;
       case 66:
-        t.day = {
+        e.day = {
           name: "Light Freezing Rain",
-          url: "https://osshz.idmwx.com/asset/weather/10d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/16d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
+        }, e.night = {
           name: "Light Freezing Rain",
-          url: "https://osshz.idmwx.com/asset/weather/10n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/10n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
         };
         break;
       case 67:
-        t.day = {
+        e.day = {
           name: "Freezing Rain",
-          url: "https://osshz.idmwx.com/asset/weather/10d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/16d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
+        }, e.night = {
           name: "Freezing Rain",
-          url: "https://osshz.idmwx.com/asset/weather/10n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/10n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
         };
         break;
       case 71:
-        t.day = {
+        e.day = {
           name: "Light Snow",
-          url: "https://osshz.idmwx.com/asset/weather/13d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/17d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg6.png"
+        }, e.night = {
           name: "Light Snow",
-          url: "https://osshz.idmwx.com/asset/weather/13n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/13n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg6.png"
         };
         break;
       case 73:
-        t.day = {
+        e.day = {
           name: "Snow",
-          url: "https://osshz.idmwx.com/asset/weather/13d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/17d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg6.png"
+        }, e.night = {
           name: "Snow",
-          url: "https://osshz.idmwx.com/asset/weather/13n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/13n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg6.png"
         };
         break;
       case 75:
-        t.day = {
+        e.day = {
           name: "Heavy Snow",
-          url: "https://osshz.idmwx.com/asset/weather/13d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/17d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg6.png"
+        }, e.night = {
           name: "Heavy Snow",
-          url: "https://osshz.idmwx.com/asset/weather/13n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/13n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg6.png"
         };
         break;
       case 77:
-        t.day = {
+        e.day = {
           name: "Snow Grains",
-          url: "https://osshz.idmwx.com/asset/weather/13d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/17d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg6.png"
+        }, e.night = {
           name: "Snow Grains",
-          url: "https://osshz.idmwx.com/asset/weather/13n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/13n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg6.png"
         };
         break;
       case 80:
-        t.day = {
+        e.day = {
           name: "Light Showers",
-          url: "https://osshz.idmwx.com/asset/weather/09d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/09d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
+        }, e.night = {
           name: "Light Showers",
-          url: "https://osshz.idmwx.com/asset/weather/09n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/09n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
         };
         break;
       case 81:
-        t.day = {
+        e.day = {
           name: "Showers",
-          url: "https://osshz.idmwx.com/asset/weather/09d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/09d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
+        }, e.night = {
           name: "Showers",
-          url: "https://osshz.idmwx.com/asset/weather/09n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/09n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
         };
         break;
       case 82:
-        t.day = {
+        e.day = {
           name: "Heavy Showers",
-          url: "https://osshz.idmwx.com/asset/weather/09d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/09d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
+        }, e.night = {
           name: "Heavy Showers",
-          url: "https://osshz.idmwx.com/asset/weather/09n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/09n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
         };
         break;
       case 85:
-        t.day = {
+        e.day = {
           name: "Light Snow Showers",
-          url: "https://osshz.idmwx.com/asset/weather/13d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/13d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg6.png"
+        }, e.night = {
           name: "Light Snow Showers",
-          url: "https://osshz.idmwx.com/asset/weather/13n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/13n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg6.png"
         };
         break;
       case 86:
-        t.day = {
+        e.day = {
           name: "Snow Showers",
-          url: "https://osshz.idmwx.com/asset/weather/13d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/13d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg6.png"
+        }, e.night = {
           name: "Snow Showers",
-          url: "https://osshz.idmwx.com/asset/weather/13n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/13n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg6.png"
         };
         break;
       case 95:
-        t.day = {
+        e.day = {
           name: "Thunderstorm",
-          url: "https://osshz.idmwx.com/asset/weather/11d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/11d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
+        }, e.night = {
           name: "Thunderstorm",
-          url: "https://osshz.idmwx.com/asset/weather/11n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/11n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
         };
         break;
       case 96:
-        t.day = {
+        e.day = {
           name: "Light Thunderstorms With Hail",
-          url: "https://osshz.idmwx.com/asset/weather/11d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/11d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
+        }, e.night = {
           name: "Light Thunderstorms With Hail",
-          url: "https://osshz.idmwx.com/asset/weather/11n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/11n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
         };
         break;
       case 99:
-        t.day = {
+        e.day = {
           name: "Thunderstorms With Hail",
-          url: "https://osshz.idmwx.com/asset/weather/11d.svg"
-        }, t.night = {
+          url: "https://osshz.idmwx.com/asset/weather/11d.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
+        }, e.night = {
           name: "Thunderstorms With Hail",
-          url: "https://osshz.idmwx.com/asset/weather/11n.svg"
+          url: "https://osshz.idmwx.com/asset/weather/11n.svg",
+          bg: "https://osshz.idmwx.com/asset/weather/bg5.png"
         };
         break;
     }
-    return t;
+    return e;
   }
-  static kts2ms(e) {
-    return isNaN(e) || e === null ? e : Math.round(e * 1852 / 3600 * 1e4) / 1e4;
+  static kts2ms(t) {
+    return isNaN(t) || t === null ? t : Math.round(t * 1852 / 3600 * 1e4) / 1e4;
   }
-  static kts2kmh(e) {
-    return isNaN(e) || e === null ? e : e * 1.852;
+  static kts2kmh(t) {
+    return isNaN(t) || t === null ? t : t * 1.852;
   }
-  static m2nm(e) {
-    return isNaN(e) || e === null ? e : Math.round(e / 1e3 / 1.852 * 1e4) / 1e4;
+  static m2nm(t) {
+    return isNaN(t) || t === null ? t : Math.round(t / 1e3 / 1.852 * 1e4) / 1e4;
   }
-  static kmh2kts(e) {
-    return isNaN(e) || e === null ? e : this.ms2kts(e * 1e3 / 3600);
+  static kmh2kts(t) {
+    return isNaN(t) || t === null ? t : this.ms2kts(t * 1e3 / 3600);
   }
-  static ms2kts(e) {
-    return isNaN(e) || e === null ? e : Math.round(e * 3600 / 1852 * 1e4) / 1e4;
+  static ms2kts(t) {
+    return isNaN(t) || t === null ? t : Math.round(t * 3600 / 1852 * 1e4) / 1e4;
   }
   /**
    * 角度转为弧度
    * @param degree
    */
-  static degree2Radian(e) {
-    if (isNaN(e) || e === null)
-      return e;
-    let t = e % 360 / 360 * 2 * Math.PI;
-    return t = t < 0 ? t + 2 * Math.PI : t, t;
+  static degree2Radian(t) {
+    if (isNaN(t) || t === null)
+      return t;
+    let e = t % 360 / 360 * 2 * Math.PI;
+    return e = e < 0 ? e + 2 * Math.PI : e, e;
   }
   /**
    * 将方位角转换为方向
    * @param degree 角度[-360,360]
    * @return {string}
    */
-  static degree2Direction(e) {
-    const t = this.degree2Radian(e);
-    if (isNaN(t) || t === null)
+  static degree2Direction(t) {
+    const e = this.degree2Radian(t);
+    if (isNaN(e) || e === null)
       return null;
     let h = "N/A";
     const s = Math.PI / 16;
-    return t < s ? h = "N" : t >= s && t < 3 * s ? h = "NNE" : t >= 3 * s && t < 5 * s ? h = "NE" : t >= 5 * s && t < 7 * s ? h = "ENE" : t >= 7 * s && t < 9 * s ? h = "E" : t >= 9 * s && t < 11 * s ? h = "ESE" : t >= 11 * s && t < 13 * s ? h = "SE" : t >= 13 * s && t < 15 * s ? h = "SSE" : t >= 15 * s && t < 17 * s ? h = "S" : t >= 17 * s && t < 19 * s ? h = "SSW" : t >= 19 * s && t < 21 * s ? h = "SW" : t >= 21 * s && t < 23 * s ? h = "WSW" : t >= 23 * s && t < 25 * s ? h = "W" : t >= 25 * s && t < 27 * s ? h = "WNW" : t >= 27 * s && t < 29 * s ? h = "NW" : t >= 29 * s && t < 31 * s ? h = "NNW" : t >= 31 * s && t < 32 * s && (h = "N"), h;
+    return e < s ? h = "N" : e >= s && e < 3 * s ? h = "NNE" : e >= 3 * s && e < 5 * s ? h = "NE" : e >= 5 * s && e < 7 * s ? h = "ENE" : e >= 7 * s && e < 9 * s ? h = "E" : e >= 9 * s && e < 11 * s ? h = "ESE" : e >= 11 * s && e < 13 * s ? h = "SE" : e >= 13 * s && e < 15 * s ? h = "SSE" : e >= 15 * s && e < 17 * s ? h = "S" : e >= 17 * s && e < 19 * s ? h = "SSW" : e >= 19 * s && e < 21 * s ? h = "SW" : e >= 21 * s && e < 23 * s ? h = "WSW" : e >= 23 * s && e < 25 * s ? h = "W" : e >= 25 * s && e < 27 * s ? h = "WNW" : e >= 27 * s && e < 29 * s ? h = "NW" : e >= 29 * s && e < 31 * s ? h = "NNW" : e >= 31 * s && e < 32 * s && (h = "N"), h;
   }
   /**
    * 计算风力蒲福等级
    * @param speed m/s
    * @returns {number}
    */
-  static beaufort(e) {
-    let t = 0;
-    return isNaN(e) || (e = Math.round(e * 10) / 10, e <= 0.2 ? t = 0 : e <= 1.5 ? t = 1 : e <= 3.3 ? t = 2 : e <= 5.4 ? t = 3 : e <= 7.9 ? t = 4 : e <= 10.7 ? t = 5 : e <= 13.8 ? t = 6 : e <= 17.1 ? t = 7 : e <= 20.7 ? t = 8 : e <= 22.4 ? t = 9 : e <= 28.4 ? t = 10 : e <= 32.6 ? t = 11 : e > 32.6 && (t = 12)), t;
+  static beaufort(t) {
+    let e = 0;
+    return isNaN(t) || (t = Math.round(t * 10) / 10, t <= 0.2 ? e = 0 : t <= 1.5 ? e = 1 : t <= 3.3 ? e = 2 : t <= 5.4 ? e = 3 : t <= 7.9 ? e = 4 : t <= 10.7 ? e = 5 : t <= 13.8 ? e = 6 : t <= 17.1 ? e = 7 : t <= 20.7 ? e = 8 : t <= 22.4 ? e = 9 : t <= 28.4 ? e = 10 : t <= 32.6 ? e = 11 : t > 32.6 && (e = 12)), e;
   }
   /**
    * 计算海浪等级
    * @param height 高度 m
    */
-  static douglas(e) {
-    let t = "Calm";
-    return isNaN(e) || e <= 0.1 ? t = "Calm" : e <= 0.5 ? t = "Smooth" : e <= 1.25 ? t = "Slight" : e <= 2.5 ? t = "Moderate" : e <= 4 ? t = "Rough" : e <= 6 ? t = "VeryRough" : e <= 9 ? t = "High" : e <= 14 ? t = "VeryHigh" : t = "Precipitous", t;
+  static douglas(t) {
+    let e = "Calm";
+    return isNaN(t) || t <= 0.1 ? e = "Calm" : t <= 0.5 ? e = "Smooth" : t <= 1.25 ? e = "Slight" : t <= 2.5 ? e = "Moderate" : t <= 4 ? e = "Rough" : t <= 6 ? e = "VeryRough" : t <= 9 ? e = "High" : t <= 14 ? e = "VeryHigh" : e = "Precipitous", e;
   }
 }
-const ze = (l, e) => {
-  const t = l.__vccOpts || l;
-  for (const [h, s] of e)
-    t[h] = s;
-  return t;
-}, Se = {
+const St = (l, t) => {
+  const e = l.__vccOpts || l;
+  for (const [h, s] of t)
+    e[h] = s;
+  return e;
+}, Lt = {
   name: "SpotReport",
   props: {
     token: {
@@ -514,7 +570,7 @@ const ze = (l, e) => {
     },
     ts: {
       type: String,
-      default: K().utc().format()
+      default: Q().utc().format()
     },
     timeZone: {
       type: Number,
@@ -530,7 +586,7 @@ const ze = (l, e) => {
     return {
       placeholder: "search for port name or coordinates",
       searchName: void 0,
-      rawSearchIcon: ke(be),
+      rawSearchIcon: kt(zt),
       positionGmt: void 0,
       issuedDate: void 0,
       meteoData: {},
@@ -554,7 +610,7 @@ const ze = (l, e) => {
     },
     computeHourZ() {
       return function(l) {
-        return l ? `${K(l).utc().format("HH")}Z` : "-";
+        return l ? `${Q(l).utc().format("HH")}Z` : "-";
       };
     },
     computeWeek() {
@@ -568,30 +624,30 @@ const ze = (l, e) => {
       };
     },
     computeLat() {
-      return function(l, e = 4) {
-        return re.lat2pretty(l, e).pretty;
+      return function(l, t = 4) {
+        return lt.lat2pretty(l, t).pretty;
       };
     },
     computeLng() {
-      return function(l, e = 4) {
-        return re.lng2pretty(l, e).pretty;
+      return function(l, t = 4) {
+        return lt.lng2pretty(l, t).pretty;
       };
     },
     roundPrecision() {
-      return function(l, e = 4) {
-        return isNaN(l) ? "-" : re.roundPrecision(l, e);
+      return function(l, t = 4) {
+        return isNaN(l) ? "-" : lt.roundPrecision(l, t);
       };
     }
   },
   watch: {
     "report.version": {
       handler() {
-        var l, e, t;
+        var l, t, e;
         this.report && (this.meteoData = this.report, this.position = {
           id: this.report.portId,
           lat: (l = this.report) == null ? void 0 : l.lat,
-          lng: (e = this.report) == null ? void 0 : e.lng,
-          name: ((t = this.report) == null ? void 0 : t.searchName) || this.computeLat(this.report.lat) + "," + this.computeLng(this.report.lng)
+          lng: (t = this.report) == null ? void 0 : t.lng,
+          name: ((e = this.report) == null ? void 0 : e.searchName) || this.computeLat(this.report.lat) + "," + this.computeLng(this.report.lng)
         }, this.handleRender());
       }
     }
@@ -603,14 +659,14 @@ const ze = (l, e) => {
       });
     },
     initInfo() {
-      var l, e;
-      this.loading = !1, this.positionGmt = (e = (l = this.meteoData.weather) == null ? void 0 : l[0]) == null ? void 0 : e.timezone, this.issuedDate = K(this.ts).utc().format("MMM-DD/HHmm[Z], YYYY"), this.activeIndex = X(this.ts).tz(this.positionGmt).hour(), this.pickedDate = X(this.ts).tz(this.positionGmt).set({ hour: 0, minute: 0, second: 0, millisecond: 0 }).format(), this.collectList = JSON.parse(localStorage.getItem("idmCollectList") || "[]"), this.positionList = JSON.parse(JSON.stringify(this.collectList)), this.isCollected = this.collectList.some((t) => {
+      var l, t;
+      this.loading = !1, this.positionGmt = (t = (l = this.meteoData.weather) == null ? void 0 : l[0]) == null ? void 0 : t.timezone, this.issuedDate = Q(this.ts).utc().format("MMM-DD/HHmm[Z], YYYY"), this.activeIndex = X(this.ts).tz(this.positionGmt).hour(), this.pickedDate = X(this.ts).tz(this.positionGmt).set({ hour: 0, minute: 0, second: 0, millisecond: 0 }).format(), this.collectList = JSON.parse(localStorage.getItem("idmCollectList") || "[]"), this.positionList = JSON.parse(JSON.stringify(this.collectList)), this.isCollected = this.collectList.some((e) => {
         var h;
-        return t.name === ((h = this.position) == null ? void 0 : h.name);
+        return e.name === ((h = this.position) == null ? void 0 : h.name);
       });
     },
     initTableData() {
-      var l, e, t, h, s, v, M, C, S, L, N, I, P, H, a, r, q, z, T, R, A, E, G, F, B, V, O, U, J, Z, Y, w, D, m;
+      var l, t, e, h, s, v, M, C, S, L, N, I, P, H, a, r, q, D, T, R, A, E, G, F, B, O, V, U, J, Z, Y, u, k, w;
       this.tableData = {
         hours: [],
         utcHours: [],
@@ -637,23 +693,23 @@ const ze = (l, e) => {
         seaLevel: [],
         seaTemp: []
       };
-      for (let k = 0; k < 24; k++) {
-        const W = K(this.pickedDate).clone().add(k, "h").format();
+      for (let z = 0; z < 24; z++) {
+        const W = Q(this.pickedDate).clone().add(z, "h").format();
         this.tableData.hours.push(W);
-        const u = ((l = fe.pickHourly(this.meteoData, W)) == null ? void 0 : l[0]) || {};
-        this.tableData.weatherUrls.push((e = u.weather) == null ? void 0 : e.url), this.tableData.weatherNames.push(((t = u.weather) == null ? void 0 : t.name) ?? "-"), this.tableData.temp.push(this.roundPrecision((h = u.weather) == null ? void 0 : h.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((v = (s = u.weather) == null ? void 0 : s.precip) == null ? void 0 : v.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((C = (M = u.weather) == null ? void 0 : M.precip) == null ? void 0 : C.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((S = u.weather) == null ? void 0 : S.visibility, 0) ?? "-"), this.tableData.humidity.push(this.roundPrecision((L = u.weather) == null ? void 0 : L.rh, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((I = (N = u.weather) == null ? void 0 : N.wind) == null ? void 0 : I.kts, 1)), this.tableData.windDir.push((H = (P = u.weather) == null ? void 0 : P.wind) == null ? void 0 : H.bearing), this.tableData.windGust.push(this.roundPrecision((r = (a = u.weather) == null ? void 0 : a.wind) == null ? void 0 : r.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((z = (q = u.wave) == null ? void 0 : q.sig) == null ? void 0 : z.height, 1) ?? "-"), this.tableData.sigwaveDir.push((R = (T = u.wave) == null ? void 0 : T.sig) == null ? void 0 : R.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((E = (A = u.wave) == null ? void 0 : A.wd) == null ? void 0 : E.height, 1) ?? "-"), this.tableData.windwaveDir.push((F = (G = u.wave) == null ? void 0 : G.wd) == null ? void 0 : F.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((V = (B = u.wave) == null ? void 0 : B.wd) == null ? void 0 : V.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((U = (O = u.wave) == null ? void 0 : O.swell) == null ? void 0 : U.height, 1) ?? "-"), this.tableData.swellDir.push((Z = (J = u.wave) == null ? void 0 : J.swell) == null ? void 0 : Z.bearing), this.tableData.swellPeriod.push(this.roundPrecision((w = (Y = u.wave) == null ? void 0 : Y.swell) == null ? void 0 : w.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((D = u.current) == null ? void 0 : D.speed, 1) ?? "-"), this.tableData.currentDir.push((m = u.current) == null ? void 0 : m.bearing), this.tableData.seaLevel.push(this.roundPrecision(u.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(u.sst, 0) ?? "-");
+        const p = ((l = bt.pickHourly(this.meteoData, W)) == null ? void 0 : l[0]) || {};
+        this.tableData.weatherUrls.push((t = p.weather) == null ? void 0 : t.url), this.tableData.weatherNames.push(((e = p.weather) == null ? void 0 : e.name) ?? "-"), this.tableData.temp.push(this.roundPrecision((h = p.weather) == null ? void 0 : h.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((v = (s = p.weather) == null ? void 0 : s.precip) == null ? void 0 : v.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((C = (M = p.weather) == null ? void 0 : M.precip) == null ? void 0 : C.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((S = p.weather) == null ? void 0 : S.visibility, 0) ?? "-"), this.tableData.humidity.push(this.roundPrecision((L = p.weather) == null ? void 0 : L.rh, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((I = (N = p.weather) == null ? void 0 : N.wind) == null ? void 0 : I.kts, 1)), this.tableData.windDir.push((H = (P = p.weather) == null ? void 0 : P.wind) == null ? void 0 : H.bearing), this.tableData.windGust.push(this.roundPrecision((r = (a = p.weather) == null ? void 0 : a.wind) == null ? void 0 : r.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((D = (q = p.wave) == null ? void 0 : q.sig) == null ? void 0 : D.height, 1) ?? "-"), this.tableData.sigwaveDir.push((R = (T = p.wave) == null ? void 0 : T.sig) == null ? void 0 : R.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((E = (A = p.wave) == null ? void 0 : A.wd) == null ? void 0 : E.height, 1) ?? "-"), this.tableData.windwaveDir.push((F = (G = p.wave) == null ? void 0 : G.wd) == null ? void 0 : F.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((O = (B = p.wave) == null ? void 0 : B.wd) == null ? void 0 : O.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((U = (V = p.wave) == null ? void 0 : V.swell) == null ? void 0 : U.height, 1) ?? "-"), this.tableData.swellDir.push((Z = (J = p.wave) == null ? void 0 : J.swell) == null ? void 0 : Z.bearing), this.tableData.swellPeriod.push(this.roundPrecision((u = (Y = p.wave) == null ? void 0 : Y.swell) == null ? void 0 : u.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((k = p.current) == null ? void 0 : k.speed, 1) ?? "-"), this.tableData.currentDir.push((w = p.current) == null ? void 0 : w.bearing), this.tableData.seaLevel.push(this.roundPrecision(p.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(p.sst, 0) ?? "-");
       }
     },
     initEchart() {
-      var T, R, A, E, G, F, B, V, O, U, J, Z, Y;
-      const l = [], e = [], t = [], h = [], s = [], v = [], M = [], C = [], S = [], L = [], N = {};
-      for (let w = 0; w < 7; w++) {
-        const D = K(this.pickedDate).clone().add(w, "d");
-        l.push(X(D).tz(this.positionGmt).format("yyyy-MM-DD")), e.push(this.computeMMMDD(D)), t.push(w === 0 ? "Today" : this.computeWeek(D));
-        const m = ((T = fe.pickDaily(this.meteoData, D)) == null ? void 0 : T[0]) || {};
-        h.push(this.roundPrecision((A = (R = m.weather) == null ? void 0 : R.temp) == null ? void 0 : A.min, 0)), s.push(this.roundPrecision((G = (E = m.weather) == null ? void 0 : E.temp) == null ? void 0 : G.max, 0)), C.push(this.roundPrecision((B = (F = m.weather) == null ? void 0 : F.wind) == null ? void 0 : B.kts, 1) ?? "- kts"), L.push(this.roundPrecision((O = (V = m.weather) == null ? void 0 : V.precip) == null ? void 0 : O.sum, 0) ?? "- mm"), v.push({ symbol: "image://" + ((U = m.weather) == null ? void 0 : U.url) }), M.push((J = m.weather) == null ? void 0 : J.name), S.push((Y = (Z = m.weather) == null ? void 0 : Z.wind) == null ? void 0 : Y.degree);
+      var T, R, A, E, G, F, B, O, V, U, J, Z, Y;
+      const l = [], t = [], e = [], h = [], s = [], v = [], M = [], C = [], S = [], L = [], N = {};
+      for (let u = 0; u < 7; u++) {
+        const k = Q(this.pickedDate).clone().add(u, "d");
+        l.push(X(k).tz(this.positionGmt).format("yyyy-MM-DD")), t.push(this.computeMMMDD(k)), e.push(u === 0 ? "Today" : this.computeWeek(k));
+        const w = ((T = bt.pickDaily(this.meteoData, k)) == null ? void 0 : T[0]) || {};
+        h.push(this.roundPrecision((A = (R = w.weather) == null ? void 0 : R.temp) == null ? void 0 : A.min, 0)), s.push(this.roundPrecision((G = (E = w.weather) == null ? void 0 : E.temp) == null ? void 0 : G.max, 0)), C.push(this.roundPrecision((B = (F = w.weather) == null ? void 0 : F.wind) == null ? void 0 : B.kts, 1) ?? "- kts"), L.push(this.roundPrecision((V = (O = w.weather) == null ? void 0 : O.precip) == null ? void 0 : V.sum, 0) ?? "- mm"), v.push({ symbol: "image://" + ((U = w.weather) == null ? void 0 : U.url) }), M.push((J = w.weather) == null ? void 0 : J.name), S.push((Y = (Z = w.weather) == null ? void 0 : Z.wind) == null ? void 0 : Y.degree);
       }
-      const I = Math.max(...s.filter((w) => typeof w == "number" && !isNaN(w))) - Math.min(...h.filter((w) => typeof w == "number" && !isNaN(w))), P = Math.min(...h.filter((w) => typeof w == "number" && !isNaN(w))) - 1.5 * I, H = Math.max(...s.filter((w) => typeof w == "number" && !isNaN(w))) + 2 * I, a = 4 + 0.5 / l.length * 92 + "%", r = "data:image/svg+xml;base64," + window.btoa(
+      const I = Math.max(...s.filter((u) => typeof u == "number" && !isNaN(u))) - Math.min(...h.filter((u) => typeof u == "number" && !isNaN(u))), P = Math.min(...h.filter((u) => typeof u == "number" && !isNaN(u))) - 1.5 * I, H = Math.max(...s.filter((u) => typeof u == "number" && !isNaN(u))) + 2 * I, a = 4 + 0.5 / l.length * 92 + "%", r = "data:image/svg+xml;base64," + window.btoa(
         unescape(
           encodeURIComponent(
             '<svg t="1740385441519" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10951" width="200" height="200"><path d="M512 804.83593751A276.87183211 276.87183211 0 0 1 235.12816789 527.9641054Q235.12816789 375.21005376 512 13.82031251q276.87183211 361.30792288 276.87183211 514.14379289a276.87183211 276.87183211 0 0 1-276.87183211 276.87183211zM294.4461577 527.9641054a217.47202472 217.47202472 0 0 0 217.5538423 217.55384231 19.79993605 19.79993605 0 1 0 0-39.51805453 177.9539702 177.9539702 0 0 1-177.9539702-178.03578778 19.79993605 19.79993605 0 0 0-39.5998721 0z" fill="#0c73a8" p-id="10952"></path></svg>'
@@ -665,24 +721,24 @@ const ze = (l, e) => {
             '<svg t="1740383449285" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10797" width="200" height="200"><path d="M133.8 579l-44.4-44.4c-18.8-18.8-18.8-49.2 0-67.8L478 78c18.8-18.8 49.2-18.8 67.8 0l388.6 388.6c18.8 18.8 18.8 49.2 0 67.8L890 578.8c-19 19-50 18.6-68.6-0.8L592 337.2V912c0 26.6-21.4 48-48 48h-64c-26.6 0-48-21.4-48-48V337.2L202.4 578.2c-18.6 19.6-49.6 20-68.6 0.8z" fill="#ffffff" p-id="10798"></path></svg>'
           )
         )
-      ), z = new Image(64, 64);
-      z.src = q, z.onload = () => {
-        for (let m = 0; m < 7; m++) {
-          const k = document.createElement("canvas"), W = k.getContext("2d");
-          k.width = z.width, k.height = z.height;
-          const Q = S[m] * (Math.PI / 180);
-          W.translate(k.width / 2, k.height / 2), W.rotate(Q), W.translate(-z.width / 2, -z.height / 2), W.drawImage(z, 0, 0, 64, 64);
-          const p = k.toDataURL();
-          N[`WindIcon${m}`] = {
+      ), D = new Image(64, 64);
+      D.src = q, D.onload = () => {
+        for (let w = 0; w < 7; w++) {
+          const z = document.createElement("canvas"), W = z.getContext("2d");
+          z.width = D.width, z.height = D.height;
+          const K = S[w] * (Math.PI / 180);
+          W.translate(z.width / 2, z.height / 2), W.rotate(K), W.translate(-D.width / 2, -D.height / 2), W.drawImage(D, 0, 0, 64, 64);
+          const m = z.toDataURL();
+          N[`WindIcon${w}`] = {
             height: 12,
             width: 12,
             align: "left",
             backgroundColor: {
-              image: p
+              image: m
             }
           };
         }
-        const w = ge.init(document.getElementById("weather-chart")), D = {
+        const u = gt.init(document.getElementById("weather-chart")), k = {
           grid: {
             bottom: 0,
             top: 0,
@@ -693,8 +749,8 @@ const ze = (l, e) => {
             trigger: "item",
             show: !0,
             position: "right",
-            formatter: function(m) {
-              return m.seriesName === "Weather Icon" ? M[m.dataIndex] : !1;
+            formatter: function(w) {
+              return w.seriesName === "Weather Icon" ? M[w.dataIndex] : !1;
             }
           },
           legend: {
@@ -856,7 +912,7 @@ const ze = (l, e) => {
               singleAxisIndex: 0,
               coordinateSystem: "singleAxis",
               type: "scatter",
-              data: t,
+              data: e,
               label: {
                 show: !0,
                 color: "#fff",
@@ -869,7 +925,7 @@ const ze = (l, e) => {
               singleAxisIndex: 1,
               coordinateSystem: "singleAxis",
               type: "scatter",
-              data: e,
+              data: t,
               label: {
                 show: !0,
                 color: "#fff",
@@ -948,8 +1004,8 @@ const ze = (l, e) => {
                     vertical: "center"
                   }
                 },
-                formatter: function(m) {
-                  return `{WindIcon${m.dataIndex}|}{title|${m.value}} kts`;
+                formatter: function(w) {
+                  return `{WindIcon${w.dataIndex}|}{title|${w.value}} kts`;
                 }
               },
               symbolSize: 0
@@ -977,31 +1033,31 @@ const ze = (l, e) => {
                     vertical: "center"
                   }
                 },
-                formatter: function(m) {
-                  return `{dIcon|}{title|${m.value}} mm`;
+                formatter: function(w) {
+                  return `{dIcon|}{title|${w.value}} mm`;
                 }
               },
               symbolSize: 0
             }
           ]
         };
-        w.setOption(D), w.on("click", (m) => {
-          const k = m.dataIndex;
-          this.pickedDate = X(l[k]).tz(this.positionGmt).set({ hour: 0, minute: 0, second: 0, millisecond: 0 }).format(), this.pickedWeek = k === 0 ? "Today" : this.computeWeek(this.pickedDate), this.activeIndex = k === 0 ? X(this.ts).tz(this.positionGmt).hour() : void 0, this.initTableData(), D.series[3].markArea = {
+        u.setOption(k), u.on("click", (w) => {
+          const z = w.dataIndex;
+          this.pickedDate = X(l[z]).tz(this.positionGmt).set({ hour: 0, minute: 0, second: 0, millisecond: 0 }).format(), this.pickedWeek = z === 0 ? "Today" : this.computeWeek(this.pickedDate), this.activeIndex = z === 0 ? X(this.ts).tz(this.positionGmt).hour() : void 0, this.initTableData(), k.series[3].markArea = {
             itemStyle: {
               color: "rgb(71,143,206)"
             },
             data: [
               [
                 {
-                  x: 4 + k / l.length * 92 + "%"
+                  x: 4 + z / l.length * 92 + "%"
                 },
                 {
-                  x: 4 + (k + 1) / l.length * 92 + "%"
+                  x: 4 + (z + 1) / l.length * 92 + "%"
                 }
               ]
             ]
-          }, w.setOption(D);
+          }, u.setOption(k);
         });
       };
     },
@@ -1010,22 +1066,22 @@ const ze = (l, e) => {
     },
     async fetchSuggestPosition(l) {
       var h;
-      const e = l.replaceAll("，", ",");
-      if (!e)
+      const t = l.replaceAll("，", ",");
+      if (!t)
         return this.positionList = this.collectList, !1;
-      const t = await ve.get(`https://cbe.idmwx.com/api/arc/ports/suggest?n=${e}`, {
+      const e = await vt.get(`https://cbe.idmwx.com/api/arc/ports/suggest?n=${t}`, {
         headers: {
           Authorization: this.token
         }
       });
-      (t == null ? void 0 : t.data.code) === 0 && (this.positionList = (h = t == null ? void 0 : t.data.data) == null ? void 0 : h.map((s) => (s.name = s.id ? s.name : this.computeLat(s.lat) + ", " + this.computeLng(s.lng), s)));
+      (e == null ? void 0 : e.data.code) === 0 && (this.positionList = (h = e == null ? void 0 : e.data.data) == null ? void 0 : h.map((s) => (s.name = s.id ? s.name : this.computeLat(s.lat) + ", " + this.computeLng(s.lng), s)));
     },
     async handleFetchMeteo() {
-      var t, h, s;
+      var e, h, s;
       if (!this.searchName)
         return !1;
       this.position = {
-        portId: (t = this.positionList.find((v) => v.name === this.searchName)) == null ? void 0 : t.id,
+        portId: (e = this.positionList.find((v) => v.name === this.searchName)) == null ? void 0 : e.id,
         lat: (h = this.positionList.find((v) => v.name === this.searchName)) == null ? void 0 : h.lat,
         lng: (s = this.positionList.find((v) => v.name === this.searchName)) == null ? void 0 : s.lng,
         name: this.searchName
@@ -1036,48 +1092,48 @@ const ze = (l, e) => {
         // datetime: this.ts ? moment(this.ts).utc().add(-1,'d').format() : moment().add(-1,'d').utc().format(),
         forecastDays: 8,
         selfHosted: !1
-      }, e = await ve.post("https://cbe.idmwx.com/api/arc/meteo2/spot/forecast", l, {
+      }, t = await vt.post("https://cbe.idmwx.com/api/arc/meteo2/spot/forecast", l, {
         headers: {
           Authorization: this.token
         }
       });
-      (e == null ? void 0 : e.data.code) === 0 && (this.meteoData = {
-        ...e == null ? void 0 : e.data.data
+      (t == null ? void 0 : t.data.code) === 0 && (this.meteoData = {
+        ...t == null ? void 0 : t.data.data
       }), this.handleRender();
     },
     handleClear() {
-      this.loading = !0, this.meteoData = {}, this.isCollected = !1, ge.dispose(document.getElementById("weather-chart"));
+      this.loading = !0, this.meteoData = {}, this.isCollected = !1, gt.dispose(document.getElementById("weather-chart"));
     }
   }
-}, Le = { class: "spot-report" }, Ne = { class: "header-box flex-between" }, Ie = { class: "bg" }, Me = { class: "search-box flex-start" }, Ce = { class: "content-box" }, Pe = { class: "title-box flex-between" }, He = { class: "main-title" }, We = { class: "sub-title" }, Te = { class: "flex-end" }, Re = {
+}, Nt = { class: "spot-report" }, It = { class: "header-box flex-between" }, Mt = { class: "bg" }, Ct = { class: "search-box flex-start" }, Pt = { class: "content-box" }, Ht = { class: "title-box flex-between" }, Wt = { class: "main-title" }, Tt = { class: "sub-title" }, Rt = { class: "flex-end" }, At = {
   key: 0,
   id: "weather-chart"
-}, Ae = {
+}, Et = {
   key: 1,
   class: "weather-chart flex-center"
-}, Ee = {
+}, Gt = {
   key: 2,
   class: "weather-chart flex-center"
-}, Ge = {
+}, Ft = {
   key: 3,
   class: "card-box"
-}, Fe = { class: "date" }, Be = { class: "basic-table" }, Ve = { class: "day" }, Oe = { class: "hour" }, Ue = { class: "icon" }, Je = ["src"], Ze = { class: "text" }, Ye = { class: "text" }, qe = { class: "text" }, je = { class: "text" }, Ke = { class: "text" }, Qe = { class: "text" }, Xe = { key: 1 }, $e = { class: "text" }, et = { class: "text" }, tt = { class: "wave-current-table" }, st = { class: "text" }, at = { class: "text" }, it = { key: 1 }, nt = { class: "text" }, ot = { class: "text" }, rt = { class: "text" }, lt = { key: 1 }, ht = { class: "text" }, dt = { class: "text" }, ct = { class: "text" }, ut = { key: 1 }, pt = { class: "text" }, mt = { class: "sea-table" }, wt = { class: "text" }, gt = { class: "text" }, vt = {
+}, Bt = { class: "date" }, Ot = { class: "basic-table" }, Vt = { class: "day" }, Ut = { class: "hour" }, Jt = { class: "icon" }, Zt = ["src"], Yt = { class: "text" }, jt = { class: "text" }, qt = { class: "text" }, Qt = { class: "text" }, Kt = { class: "text" }, Xt = { class: "text" }, $t = { key: 1 }, te = { class: "text" }, ee = { class: "text" }, se = { class: "wave-current-table" }, ae = { class: "text" }, ie = { class: "text" }, ne = { key: 1 }, oe = { class: "text" }, re = { class: "text" }, le = { class: "text" }, he = { key: 1 }, de = { class: "text" }, ce = { class: "text" }, pe = { class: "text" }, me = { key: 1 }, we = { class: "text" }, ue = { class: "sea-table" }, ge = { class: "text" }, ve = { class: "text" }, be = {
   key: 4,
   class: "card-box flex-center"
-}, ft = {
+}, xe = {
   key: 5,
   class: "card-box flex-center"
 };
-function yt(l, e, t, h, s, v) {
+function fe(l, t, e, h, s, v) {
   var L, N, I, P, H;
-  const M = le("ElOption"), C = le("ElSelect"), S = le("ElTooltip");
-  return n(), o("div", Le, [
-    i("div", Ne, [
-      i("div", Ie, [
-        i("div", Me, [
-          he(C, {
+  const M = ht("ElOption"), C = ht("ElSelect"), S = ht("ElTooltip");
+  return n(), o("div", Nt, [
+    i("div", It, [
+      i("div", Mt, [
+        i("div", Ct, [
+          dt(C, {
             modelValue: s.searchName,
-            "onUpdate:modelValue": e[0] || (e[0] = (a) => s.searchName = a),
+            "onUpdate:modelValue": t[0] || (t[0] = (a) => s.searchName = a),
             filterable: "",
             class: "input",
             clearable: "",
@@ -1085,13 +1141,13 @@ function yt(l, e, t, h, s, v) {
             placeholder: s.placeholder,
             autocomplete: "",
             "remote-show-suffix": "",
-            onFocus: e[1] || (e[1] = (a) => s.placeholder = ""),
-            onBlur: e[2] || (e[2] = (a) => s.placeholder = "search for port name or coordinates"),
+            onFocus: t[1] || (t[1] = (a) => s.placeholder = ""),
+            onBlur: t[2] || (t[2] = (a) => s.placeholder = "search for port name or coordinates"),
             "remote-method": v.fetchSuggestPosition,
             onChange: v.handleFetchMeteo
           }, {
-            default: de(() => [
-              (n(!0), o(f, null, y(s.positionList, (a) => (n(), De(M, {
+            default: ct(() => [
+              (n(!0), o(b, null, x(s.positionList, (a) => (n(), Dt(M, {
                 key: a.name,
                 label: a.name,
                 value: a.name
@@ -1102,447 +1158,447 @@ function yt(l, e, t, h, s, v) {
         ])
       ])
     ]),
-    i("div", Ce, [
-      i("div", Pe, [
+    i("div", Pt, [
+      i("div", Ht, [
         i("div", null, [
-          i("div", He, "Weather forecast for " + x(((L = s.position) == null ? void 0 : L.name) || "-") + " ( " + x(s.positionGmt) + " )", 1),
-          i("div", We, "At " + x((N = s.position) != null && N.portId ? "port" : "coordinates") + ", issued " + x(s.issuedDate), 1)
+          i("div", Wt, "Weather forecast for " + f(((L = s.position) == null ? void 0 : L.name) || "-") + " ( " + f(s.positionGmt) + " )", 1),
+          i("div", Tt, "At " + f((N = s.position) != null && N.portId ? "port" : "coordinates") + ", issued " + f(s.issuedDate), 1)
         ]),
-        i("div", Te, [
-          he(S, {
+        i("div", Rt, [
+          dt(S, {
             placement: "left",
             effect: "light",
             content: s.isCollected ? "remove the port/coordinate from the search list" : "add the port/coordinate to the search list",
             "show-after": 1e3
           }, {
-            default: de(() => [
+            default: ct(() => [
               s.isCollected ? (n(), o("span", {
                 key: 0,
                 class: "iconfont icon active",
-                onClick: e[3] || (e[3] = (...a) => v.handleCollect && v.handleCollect(...a))
+                onClick: t[3] || (t[3] = (...a) => v.handleCollect && v.handleCollect(...a))
               }, "")) : (n(), o("span", {
                 key: 1,
                 class: "iconfont icon",
-                onClick: e[4] || (e[4] = (...a) => v.handleCollect && v.handleCollect(...a))
+                onClick: t[4] || (t[4] = (...a) => v.handleCollect && v.handleCollect(...a))
               }, ""))
             ]),
             _: 1
           }, 8, ["content"])
         ])
       ]),
-      (I = s.position) != null && I.name && !s.loading ? (n(), o("div", Re)) : s.loading ? (n(), o("div", Ae, "Loading....")) : s.position.name ? ce("", !0) : (n(), o("div", Ee, "No Data")),
-      (P = s.position) != null && P.name && !s.loading ? (n(), o("div", Ge, [
-        i("div", Fe, x(s.pickedWeek) + " " + x(v.computeMMMDD(s.pickedDate)), 1),
-        i("table", Be, [
-          i("tr", Ve, [
-            e[5] || (e[5] = i("th", {
+      (I = s.position) != null && I.name && !s.loading ? (n(), o("div", At)) : s.loading ? (n(), o("div", Et, "Loading....")) : s.position.name ? pt("", !0) : (n(), o("div", Gt, "No Data")),
+      (P = s.position) != null && P.name && !s.loading ? (n(), o("div", Ft, [
+        i("div", Bt, f(s.pickedWeek) + " " + f(v.computeMMMDD(s.pickedDate)), 1),
+        i("table", Ot, [
+          i("tr", Vt, [
+            t[5] || (t[5] = i("th", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("Local time"),
+              y("Local time"),
               i("span", { class: "unit" }, "(LT)")
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.hours, (a, r) => (n(), o("th", {
+            (n(!0), o(b, null, x(s.tableData.hours, (a, r) => (n(), o("th", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + "local"
-            }, x(v.computeHourL(a)), 3))), 128))
+            }, f(v.computeHourL(a)), 3))), 128))
           ]),
-          i("tr", Oe, [
-            e[6] || (e[6] = i("th", {
+          i("tr", Ut, [
+            t[6] || (t[6] = i("th", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("UTC"),
+              y("UTC"),
               i("span", { class: "unit" })
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.hours, (a, r) => (n(), o("th", {
+            (n(!0), o(b, null, x(s.tableData.hours, (a, r) => (n(), o("th", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + "z"
-            }, x(v.computeHourZ(a)), 3))), 128))
+            }, f(v.computeHourZ(a)), 3))), 128))
           ]),
-          i("tr", Ue, [
-            e[7] || (e[7] = i("td", {
+          i("tr", Jt, [
+            t[7] || (t[7] = i("td", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("Weather"),
+              y("Weather"),
               i("span", { class: "unit" })
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.weatherUrls, (a, r) => (n(), o("td", {
+            (n(!0), o(b, null, x(s.tableData.weatherUrls, (a, r) => (n(), o("td", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + "url"
             }, [
-              he(S, {
+              dt(S, {
                 placement: "top",
                 effect: "light",
                 content: s.tableData.weatherNames[r],
                 "show-after": 500
               }, {
-                default: de(() => [
+                default: ct(() => [
                   a ? (n(), o("img", {
                     key: 0,
                     class: "iconfont weather-icon",
                     src: a
-                  }, null, 8, Je)) : ce("", !0)
+                  }, null, 8, Zt)) : pt("", !0)
                 ]),
                 _: 2
               }, 1032, ["content"])
             ], 2))), 128))
           ]),
-          i("tr", Ze, [
-            e[8] || (e[8] = i("td", {
+          i("tr", Yt, [
+            t[8] || (t[8] = i("td", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("Temperature"),
+              y("Temperature"),
               i("span", { class: "unit" }, "°C")
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.temp, (a, r) => (n(), o("td", {
+            (n(!0), o(b, null, x(s.tableData.temp, (a, r) => (n(), o("td", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + a
-            }, x(a), 3))), 128))
+            }, f(a), 3))), 128))
           ]),
-          i("tr", Ye, [
-            e[9] || (e[9] = i("td", {
+          i("tr", jt, [
+            t[9] || (t[9] = i("td", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("Precipitation Probability"),
+              y("Precipitation Probability"),
               i("span", { class: "unit" }, "%")
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.precipProbability, (a, r) => (n(), o("td", {
+            (n(!0), o(b, null, x(s.tableData.precipProbability, (a, r) => (n(), o("td", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + a
-            }, x(a), 3))), 128))
+            }, f(a), 3))), 128))
           ]),
-          i("tr", qe, [
-            e[10] || (e[10] = i("td", {
+          i("tr", qt, [
+            t[10] || (t[10] = i("td", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("Precipitation 1h"),
+              y("Precipitation 1h"),
               i("span", { class: "unit" }, "mm")
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.precip1h, (a, r) => (n(), o("td", {
+            (n(!0), o(b, null, x(s.tableData.precip1h, (a, r) => (n(), o("td", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + a
-            }, x(a), 3))), 128))
+            }, f(a), 3))), 128))
           ]),
-          i("tr", je, [
-            e[11] || (e[11] = i("td", {
+          i("tr", Qt, [
+            t[11] || (t[11] = i("td", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("Visibility"),
+              y("Visibility"),
               i("span", { class: "unit" }, "nm")
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.visibility, (a, r) => (n(), o("td", {
+            (n(!0), o(b, null, x(s.tableData.visibility, (a, r) => (n(), o("td", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + a
-            }, x(a), 3))), 128))
+            }, f(a), 3))), 128))
           ]),
-          i("tr", Ke, [
-            e[12] || (e[12] = i("td", {
+          i("tr", Kt, [
+            t[12] || (t[12] = i("td", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("Relative Humidity"),
+              y("Relative Humidity"),
               i("span", { class: "unit" }, "%")
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.humidity, (a, r) => (n(), o("td", {
+            (n(!0), o(b, null, x(s.tableData.humidity, (a, r) => (n(), o("td", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + a
-            }, x(a), 3))), 128))
+            }, f(a), 3))), 128))
           ]),
-          i("tr", Qe, [
-            e[13] || (e[13] = i("td", {
+          i("tr", Xt, [
+            t[13] || (t[13] = i("td", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("Wind direction"),
+              y("Wind direction"),
               i("span", { class: "unit" })
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.windDir, (a, r) => (n(), o("td", {
+            (n(!0), o(b, null, x(s.tableData.windDir, (a, r) => (n(), o("td", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + a
             }, [
-              isNaN(a) ? (n(), o("span", Xe, "-")) : (n(), o("span", {
+              isNaN(a) ? (n(), o("span", $t, "-")) : (n(), o("span", {
                 key: 0,
                 class: "iconfont icon",
-                style: ie({ display: "inline-block", transform: `rotate(${a}deg)` })
+                style: nt({ display: "inline-block", transform: `rotate(${a}deg)` })
               }, "", 4))
             ], 2))), 128))
           ]),
-          i("tr", $e, [
-            e[14] || (e[14] = i("td", {
+          i("tr", te, [
+            t[14] || (t[14] = i("td", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("Wind speed"),
+              y("Wind speed"),
               i("span", { class: "unit" }, "kts")
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.windSpeed, (a, r) => (n(), o("td", {
+            (n(!0), o(b, null, x(s.tableData.windSpeed, (a, r) => (n(), o("td", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + a
-            }, x(a), 3))), 128))
+            }, f(a), 3))), 128))
           ]),
-          i("tr", et, [
-            e[15] || (e[15] = i("td", {
+          i("tr", ee, [
+            t[15] || (t[15] = i("td", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("Wind gust"),
+              y("Wind gust"),
               i("span", { class: "unit" }, "kts")
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.windGust, (a, r) => (n(), o("td", {
+            (n(!0), o(b, null, x(s.tableData.windGust, (a, r) => (n(), o("td", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + a
-            }, x(a), 3))), 128))
+            }, f(a), 3))), 128))
           ])
         ]),
-        e[27] || (e[27] = i("div", { style: { "text-align": "center", padding: "3px" } }, null, -1)),
-        i("table", tt, [
-          i("tr", st, [
-            e[16] || (e[16] = i("td", {
+        t[27] || (t[27] = i("div", { style: { "text-align": "center", padding: "3px" } }, null, -1)),
+        i("table", se, [
+          i("tr", ae, [
+            t[16] || (t[16] = i("td", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("Wind wave height"),
+              y("Wind wave height"),
               i("span", { class: "unit" }, "m")
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.windwaveHeight, (a, r) => (n(), o("td", {
+            (n(!0), o(b, null, x(s.tableData.windwaveHeight, (a, r) => (n(), o("td", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + a
-            }, x(a), 3))), 128))
+            }, f(a), 3))), 128))
           ]),
-          i("tr", at, [
-            e[17] || (e[17] = i("td", {
+          i("tr", ie, [
+            t[17] || (t[17] = i("td", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("Wind wave direction"),
+              y("Wind wave direction"),
               i("span", { class: "unit" })
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.windwaveDir, (a, r) => (n(), o("td", {
+            (n(!0), o(b, null, x(s.tableData.windwaveDir, (a, r) => (n(), o("td", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + a
             }, [
-              isNaN(a) ? (n(), o("span", it, "-")) : (n(), o("span", {
+              isNaN(a) ? (n(), o("span", ne, "-")) : (n(), o("span", {
                 key: 0,
                 class: "iconfont icon",
-                style: ie({ display: "inline-block", transform: `rotate(${a}deg)` })
+                style: nt({ display: "inline-block", transform: `rotate(${a}deg)` })
               }, "", 4))
             ], 2))), 128))
           ]),
-          i("tr", nt, [
-            e[18] || (e[18] = i("td", {
+          i("tr", oe, [
+            t[18] || (t[18] = i("td", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("Wind wave period"),
+              y("Wind wave period"),
               i("span", { class: "unit" }, "s")
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.windwavePeriod, (a, r) => (n(), o("td", {
+            (n(!0), o(b, null, x(s.tableData.windwavePeriod, (a, r) => (n(), o("td", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + a
-            }, x(a), 3))), 128))
+            }, f(a), 3))), 128))
           ]),
-          i("tr", ot, [
-            e[19] || (e[19] = i("td", {
+          i("tr", re, [
+            t[19] || (t[19] = i("td", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("Swell height"),
+              y("Swell height"),
               i("span", { class: "unit" }, "m")
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.swellHeight, (a, r) => (n(), o("td", {
+            (n(!0), o(b, null, x(s.tableData.swellHeight, (a, r) => (n(), o("td", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + a
-            }, x(a), 3))), 128))
+            }, f(a), 3))), 128))
           ]),
-          i("tr", rt, [
-            e[20] || (e[20] = i("td", {
+          i("tr", le, [
+            t[20] || (t[20] = i("td", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("Swell direction"),
+              y("Swell direction"),
               i("span", { class: "unit" })
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.swellDir, (a, r) => (n(), o("td", {
+            (n(!0), o(b, null, x(s.tableData.swellDir, (a, r) => (n(), o("td", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + a
             }, [
-              isNaN(a) ? (n(), o("span", lt, "-")) : (n(), o("span", {
+              isNaN(a) ? (n(), o("span", he, "-")) : (n(), o("span", {
                 key: 0,
                 class: "iconfont icon",
-                style: ie({ display: "inline-block", transform: `rotate(${a}deg)` })
+                style: nt({ display: "inline-block", transform: `rotate(${a}deg)` })
               }, "", 4))
             ], 2))), 128))
           ]),
-          i("tr", ht, [
-            e[21] || (e[21] = i("td", {
+          i("tr", de, [
+            t[21] || (t[21] = i("td", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("Swell period"),
+              y("Swell period"),
               i("span", { class: "unit" }, "s")
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.swellPeriod, (a, r) => (n(), o("td", {
+            (n(!0), o(b, null, x(s.tableData.swellPeriod, (a, r) => (n(), o("td", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + a
-            }, x(a), 3))), 128))
+            }, f(a), 3))), 128))
           ]),
-          i("tr", dt, [
-            e[22] || (e[22] = i("td", {
+          i("tr", ce, [
+            t[22] || (t[22] = i("td", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("Sig wave height"),
+              y("Sig wave height"),
               i("span", { class: "unit" }, "m")
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.sigwaveHeight, (a, r) => (n(), o("td", {
+            (n(!0), o(b, null, x(s.tableData.sigwaveHeight, (a, r) => (n(), o("td", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + a
-            }, x(a), 3))), 128))
+            }, f(a), 3))), 128))
           ]),
-          i("tr", ct, [
-            e[23] || (e[23] = i("td", {
+          i("tr", pe, [
+            t[23] || (t[23] = i("td", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("Current direction"),
+              y("Current direction"),
               i("span", { class: "unit" })
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.currentDir, (a, r) => (n(), o("td", {
+            (n(!0), o(b, null, x(s.tableData.currentDir, (a, r) => (n(), o("td", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + a
             }, [
-              isNaN(a) ? (n(), o("span", ut, "-")) : (n(), o("span", {
+              isNaN(a) ? (n(), o("span", me, "-")) : (n(), o("span", {
                 key: 0,
                 class: "iconfont icon",
-                style: ie({ display: "inline-block", transform: `rotate(${a}deg)` })
+                style: nt({ display: "inline-block", transform: `rotate(${a}deg)` })
               }, "", 4))
             ], 2))), 128))
           ]),
-          i("tr", pt, [
-            e[24] || (e[24] = i("td", {
+          i("tr", we, [
+            t[24] || (t[24] = i("td", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("Current speed"),
+              y("Current speed"),
               i("span", { class: "unit" }, "kts")
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.currentSpeed, (a, r) => (n(), o("td", {
+            (n(!0), o(b, null, x(s.tableData.currentSpeed, (a, r) => (n(), o("td", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + a
-            }, x(a), 3))), 128))
+            }, f(a), 3))), 128))
           ])
         ]),
-        e[28] || (e[28] = i("div", { style: { "text-align": "center", padding: "3px" } }, null, -1)),
-        i("table", mt, [
-          i("tr", wt, [
-            e[25] || (e[25] = i("td", {
+        t[28] || (t[28] = i("div", { style: { "text-align": "center", padding: "3px" } }, null, -1)),
+        i("table", ue, [
+          i("tr", ge, [
+            t[25] || (t[25] = i("td", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("Sea level height"),
+              y("Sea level height"),
               i("span", { class: "unit" }, "m")
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.seaLevel, (a, r) => (n(), o("td", {
+            (n(!0), o(b, null, x(s.tableData.seaLevel, (a, r) => (n(), o("td", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + a
-            }, x(a), 3))), 128))
+            }, f(a), 3))), 128))
           ]),
-          i("tr", gt, [
-            e[26] || (e[26] = i("td", {
+          i("tr", ve, [
+            t[26] || (t[26] = i("td", {
               rowspan: "1",
               colspan: "1",
               class: "tr-title"
             }, [
-              _("Sea surface temperature"),
+              y("Sea surface temperature"),
               i("span", { class: "unit" }, "°C")
             ], -1)),
-            (n(!0), o(f, null, y(s.tableData.seaTemp, (a, r) => (n(), o("td", {
+            (n(!0), o(b, null, x(s.tableData.seaTemp, (a, r) => (n(), o("td", {
               rowspan: "1",
               colspan: "1",
-              class: b(s.activeIndex === r ? "active" : ""),
+              class: _(s.activeIndex === r ? "active" : ""),
               key: Math.random() + a
-            }, x(a), 3))), 128))
+            }, f(a), 3))), 128))
           ])
         ])
-      ])) : s.loading ? (n(), o("div", vt, "Loading....")) : (H = s.position) != null && H.name ? ce("", !0) : (n(), o("div", ft, "No Data"))
+      ])) : s.loading ? (n(), o("div", be, "Loading....")) : (H = s.position) != null && H.name ? pt("", !0) : (n(), o("div", xe, "No Data"))
     ])
   ]);
 }
-const xt = /* @__PURE__ */ ze(Se, [["render", yt], ["__scopeId", "data-v-299b53fa"]]), Lt = {
+const ye = /* @__PURE__ */ St(Lt, [["render", fe], ["__scopeId", "data-v-299b53fa"]]), Ne = {
   install(l) {
-    l.component("SpotReport", xt);
+    l.component("SpotReport", ye);
   }
 };
 export {
-  xt as SpotReport,
-  Lt as SpotReportPlugin
+  ye as SpotReport,
+  Ne as SpotReportPlugin
 };