@idmwx/idmui-gl4 0.7.2 → 0.7.4

package/dist/index.js

@@ -1,9 +1,9 @@
 var Ta = Object.defineProperty;
 var Ia = (t, e, o) => e in t ? Ta(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var le = (t, e, o) => (Ia(t, typeof e != "symbol" ? e + "" : e, o), o);
+var se = (t, e, o) => (Ia(t, typeof e != "symbol" ? e + "" : e, o), o);
 import Be from "axios";
 import { useTheme as Ee } from "vuetify";
-import { openBlock as b, createElementBlock as I, resolveComponent as w, withDirectives as He, createBlock as j, withCtx as u, createVNode as m, createElementVNode as l, vShow as We, toDisplayString as y, createTextVNode as G, normalizeStyle as ae, mergeProps as B, normalizeClass as Ye, Fragment as ke, renderList as Le, createCommentVNode as O, withModifiers as Ra } from "vue";
+import { openBlock as b, createElementBlock as T, resolveComponent as w, withDirectives as He, createBlock as j, withCtx as u, createVNode as m, createElementVNode as l, vShow as We, toDisplayString as y, createTextVNode as G, normalizeStyle as ae, mergeProps as B, normalizeClass as Ye, Fragment as ke, renderList as Le, createCommentVNode as O, withModifiers as Ra } from "vue";
 import we from "mapbox-gl";
 import { LngLatHelper as oe, TropicalHelper as Pa, LaneHelper as Fe } from "@idm-plugin/geo";
 import * as E from "@turf/turf";
@@ -12,7 +12,7 @@ import D from "moment";
 import Da from "@mapbox/sphericalmercator";
 import { LayerHelper as Oa } from "@idm-plugin/tag";
 import { Meteo2Assist as ao } from "@idm-plugin/meteo";
-const X = (t, e) => {
+const Z = (t, e) => {
   const o = t.__vccOpts || t;
   for (const [i, a] of e)
     o[i] = a;
@@ -114,9 +114,9 @@ const X = (t, e) => {
   }
 };
 function Ea(t, e, o, i, a, r) {
-  return b(), I("div");
+  return b(), T("div");
 }
-const ja = /* @__PURE__ */ X(Ba, [["render", Ea]]), Na = {
+const ja = /* @__PURE__ */ Z(Ba, [["render", Ea]]), Na = {
   name: "IdmGmdssArea",
   props: {
     map: {
@@ -243,9 +243,9 @@ const ja = /* @__PURE__ */ X(Ba, [["render", Ea]]), Na = {
   }
 };
 function Fa(t, e, o, i, a, r) {
-  return b(), I("div");
+  return b(), T("div");
 }
-const Ha = /* @__PURE__ */ X(Na, [["render", Fa]]), Wa = {
+const Ha = /* @__PURE__ */ Z(Na, [["render", Fa]]), Wa = {
   name: "IdmEcaZone",
   props: {
     map: {
@@ -344,9 +344,9 @@ const Ha = /* @__PURE__ */ X(Na, [["render", Fa]]), Wa = {
   }
 };
 function Ga(t, e, o, i, a, r) {
-  return b(), I("div");
+  return b(), T("div");
 }
-const Ua = /* @__PURE__ */ X(Wa, [["render", Ga]]);
+const Ua = /* @__PURE__ */ Z(Wa, [["render", Ga]]);
 const Va = {
   name: "IdmAlertZone",
   props: {
@@ -523,7 +523,7 @@ function Za(t, e, o, i, a, r) {
     [We, a.showZone]
   ]);
 }
-const Xa = /* @__PURE__ */ X(Va, [["render", Za]]);
+const Xa = /* @__PURE__ */ Z(Va, [["render", Za]]);
 const qa = {
   name: "IdmPort",
   props: {
@@ -700,7 +700,7 @@ function ti(t, e, o, i, a, r) {
     [We, a.showInfo]
   ]);
 }
-const oi = /* @__PURE__ */ X(qa, [["render", ti], ["__scopeId", "data-v-0cf4535a"]]), ai = {
+const oi = /* @__PURE__ */ Z(qa, [["render", ti], ["__scopeId", "data-v-0cf4535a"]]), ai = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -789,9 +789,9 @@ const oi = /* @__PURE__ */ X(qa, [["render", ti], ["__scopeId", "data-v-0cf4535a
   }
 };
 function ii(t, e, o, i, a, r) {
-  return b(), I("div");
+  return b(), T("div");
 }
-const ri = /* @__PURE__ */ X(ai, [["render", ii]]), li = {
+const ri = /* @__PURE__ */ Z(ai, [["render", ii]]), li = {
   name: "IdmTimezone",
   props: {
     map: {
@@ -967,9 +967,9 @@ const ri = /* @__PURE__ */ X(ai, [["render", ii]]), li = {
   }
 };
 function si(t, e, o, i, a, r) {
-  return b(), I("div");
+  return b(), T("div");
 }
-const ni = /* @__PURE__ */ X(li, [["render", si]]), ci = {
+const ni = /* @__PURE__ */ Z(li, [["render", si]]), ci = {
   name: "IdmVoluntaryReportingArea",
   props: {
     map: {
@@ -1064,9 +1064,9 @@ const ni = /* @__PURE__ */ X(li, [["render", si]]), ci = {
   }
 };
 function mi(t, e, o, i, a, r) {
-  return b(), I("div");
+  return b(), T("div");
 }
-const hi = /* @__PURE__ */ X(ci, [["render", mi]]), di = {
+const hi = /* @__PURE__ */ Z(ci, [["render", mi]]), di = {
   name: "IdmSpecialArea",
   props: {
     map: {
@@ -1161,9 +1161,9 @@ const hi = /* @__PURE__ */ X(ci, [["render", mi]]), di = {
   }
 };
 function pi(t, e, o, i, a, r) {
-  return b(), I("div");
+  return b(), T("div");
 }
-const ui = /* @__PURE__ */ X(di, [["render", pi]]), gi = {
+const ui = /* @__PURE__ */ Z(di, [["render", pi]]), gi = {
   name: "IdmTerminator",
   props: {
     map: {
@@ -1218,9 +1218,9 @@ const ui = /* @__PURE__ */ X(di, [["render", pi]]), gi = {
   }
 };
 function fi(t, e, o, i, a, r) {
-  return b(), I("div");
+  return b(), T("div");
 }
-const yi = /* @__PURE__ */ X(gi, [["render", fi]]), bi = {
+const yi = /* @__PURE__ */ Z(gi, [["render", fi]]), bi = {
   name: "IdmWorld12nm",
   props: {
     map: {
@@ -1279,7 +1279,7 @@ const yi = /* @__PURE__ */ X(gi, [["render", fi]]), bi = {
 function wi(t, e, o, i, a, r) {
   return null;
 }
-const xi = /* @__PURE__ */ X(bi, [["render", wi]]);
+const xi = /* @__PURE__ */ Z(bi, [["render", wi]]);
 const vi = {
   name: "IdmWorldMarine",
   props: {
@@ -1320,7 +1320,7 @@ const vi = {
 function _i(t, e, o, i, a, r) {
   return null;
 }
-const ki = /* @__PURE__ */ X(vi, [["render", _i]]), zi = {
+const ki = /* @__PURE__ */ Z(vi, [["render", _i]]), zi = {
   name: "IdmChinaRoute",
   props: {
     map: {
@@ -1361,7 +1361,7 @@ const ki = /* @__PURE__ */ X(vi, [["render", _i]]), zi = {
 function Li(t, e, o, i, a, r) {
   return null;
 }
-const Pi = /* @__PURE__ */ X(zi, [["render", Li]]);
+const Pi = /* @__PURE__ */ Z(zi, [["render", Li]]);
 const Ci = {
   name: "IdmTideStations",
   props: {
@@ -1481,7 +1481,7 @@ function Ai(t, e, o, i, a, r) {
     [We, a.showInfo]
   ]);
 }
-const Di = /* @__PURE__ */ X(Ci, [["render", Ai], ["__scopeId", "data-v-fb4aeed3"]]), Oi = {
+const Di = /* @__PURE__ */ Z(Ci, [["render", Ai], ["__scopeId", "data-v-fb4aeed3"]]), Oi = {
   name: "IdmIceAreas",
   props: {
     map: {
@@ -1521,7 +1521,7 @@ const Di = /* @__PURE__ */ X(Ci, [["render", Ai], ["__scopeId", "data-v-fb4aeed3
 function Bi(t, e, o, i, a, r) {
   return null;
 }
-const Ei = /* @__PURE__ */ X(Oi, [["render", Bi]]);
+const Ei = /* @__PURE__ */ Z(Oi, [["render", Bi]]);
 const ji = {
   name: "IdmLatLng",
   props: {
@@ -1694,7 +1694,7 @@ const ji = {
 };
 function Ni(t, e, o, i, a, r) {
   var s, c, n;
-  return b(), I("div", {
+  return b(), T("div", {
     class: "idm-lat-lng-tip-gl4 pa-2 text-caption text-right rounded",
     style: ae({ right: a.right + "px" })
   }, [
@@ -1703,7 +1703,7 @@ function Ni(t, e, o, i, a, r) {
     l("div", null, y((n = a.lngLat) == null ? void 0 : n.str), 1)
   ], 4);
 }
-const Sa = /* @__PURE__ */ X(ji, [["render", Ni]]);
+const Sa = /* @__PURE__ */ Z(ji, [["render", Ni]]);
 const Fi = {
   name: "IdmOtherLayerr",
   components: {
@@ -1761,6 +1761,9 @@ const Fi = {
     },
     forecastModel: {
       type: String
+    },
+    realTime: {
+      type: String
     }
   },
   emits: ["map", "other", "menuToggle", "mapFeather", "theme", "followLayerList", "otherCheckList"],
@@ -1774,7 +1777,7 @@ const Fi = {
       otherLayers: {},
       activeOtherLayers: [],
       cache: {
-        v: "0.0.1",
+        v: "0.0.2",
         versionKey: "otherLayerCacheVersionGL4",
         checkListKey: "otherChecklistCacheGL4",
         followListKey: "otherFollowListCacheGL4",
@@ -1827,8 +1830,16 @@ const Fi = {
       immediate: !0
     },
     checkList: {
-      handler() {
-        localStorage.setItem(this.cache.checkListKey, JSON.stringify(this.checkList)), this.activeOtherLayers = this.tagLayers.filter((t) => this.checkList.includes(t.key)) || [], this.handleLayersChange(), this.$emit("otherCheckList", this.checkList);
+      handler(t, e) {
+        localStorage.setItem(this.cache.checkListKey, JSON.stringify(this.checkList)), this.activeOtherLayers = this.tagLayers.filter((r) => this.checkList.includes(r.key)) || [];
+        const o = t == null ? void 0 : t.filter((r) => !(e != null && e.includes(r))), i = e == null ? void 0 : e.filter((r) => !(t != null && t.includes(r))), a = t == null ? void 0 : t.filter((r) => e == null ? void 0 : e.includes(r));
+        if ((i == null ? void 0 : i.length) > 0 && i.forEach((r) => {
+          this.otherLayers[r] = void 0, delete this.otherLayers[r];
+        }), (o == null ? void 0 : o.length) > 0) {
+          const r = this.tagLayers.filter((s) => this.checkList.includes(s.key) && !a.includes(s.key)) || [];
+          this.handleLayersChange(r);
+        }
+        this.$emit("otherCheckList", this.checkList);
       }
     },
     followList: {
@@ -1858,7 +1869,7 @@ const Fi = {
     async fetchOtherLayers(t = { all: !1, dayNight: !1 }) {
       var o, i, a, r;
       let e = this.layerWeight;
-      if (this.otherLayers = {}, e) {
+      if (e) {
         if (t.all) {
           const s = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], c = await Be.get(`${s}/api/arc/other/layers/links?l=${e}&t=${this.realTime}`, {
             headers: {
@@ -1906,13 +1917,11 @@ const Fi = {
             });
           }
         }
-      } else
-        this.otherLayers = {};
+      }
     },
-    handleLayersChange() {
-      var e;
-      const t = (e = this.activeOtherLayers) == null ? void 0 : e.reduce((o, i) => o + (i == null ? void 0 : i.weight), 0);
-      this.layerWeight !== t && (this.layerWeight = t, this.fetchOtherLayers({ all: !0 }));
+    handleLayersChange(t) {
+      const e = t == null ? void 0 : t.reduce((o, i) => o + (i == null ? void 0 : i.weight), 0);
+      this.layerWeight = e, this.fetchOtherLayers({ all: !0 });
     }
   }
 }, Hi = { class: "idm-gl4-other-layer" }, Wi = { class: "header-box d-flex justify-space-between align-center px-4" }, Gi = { class: "text-h5 font-weight-medium" }, Ui = { class: "list-box scroll pl-4 pr-2 overflow-y-auto" }, Vi = { class: "layers-body mt-4 d-flex justify-start align-center flex-wrap" }, Yi = ["onClick"], Zi = {
@@ -1933,9 +1942,9 @@ const Fi = {
   class: "border rounded-sm"
 }, Qi = { class: "text-body-2 text-center pt-1" };
 function Ji(t, e, o, i, a, r) {
-  var $, ee, Q, ce, de, pe, me, K, ie, ue;
-  const s = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), g = w("VCardItem"), p = w("VCheckbox"), d = w("VCardText"), f = w("VCard"), k = w("IdmTideStations"), v = w("IdmIceAreas"), S = w("IdmWorld12nm"), C = w("IdmWorldMarine"), N = w("IdmChinaRoute"), M = w("IdmWarZone"), L = w("IdmGmdssArea"), _ = w("IdmEcaZone"), z = w("IdmAlertZone"), P = w("IdmPort"), x = w("IdmLoadLine"), T = w("IdmTimezone"), U = w("IdmVRA"), Y = w("IdmSpecialArea"), q = w("IdmTerminator"), Z = w("IdmLatLng");
-  return b(), I("div", Hi, [
+  var $, ee, Q, le, de, pe, me, K, ie, ue;
+  const s = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), g = w("VCardItem"), p = w("VCheckbox"), d = w("VCardText"), f = w("VCard"), k = w("IdmTideStations"), v = w("IdmIceAreas"), S = w("IdmWorld12nm"), C = w("IdmWorldMarine"), N = w("IdmChinaRoute"), M = w("IdmWarZone"), L = w("IdmGmdssArea"), _ = w("IdmEcaZone"), z = w("IdmAlertZone"), P = w("IdmPort"), x = w("IdmLoadLine"), I = w("IdmTimezone"), V = w("IdmVRA"), X = w("IdmSpecialArea"), q = w("IdmTerminator"), Y = w("IdmLatLng");
+  return b(), T("div", Hi, [
     l("div", {
       class: "menu-bar-box transition px-1 rounded",
       style: ae({ top: o.top + 10 + "px", right: a.right + "px" })
@@ -2008,23 +2017,23 @@ function Ji(t, e, o, i, a, r) {
             m(d, { class: "pb-2" }, {
               default: u(() => [
                 l("div", Vi, [
-                  (b(!0), I(ke, null, Le(a.mapFeathers, (F) => (b(), I("div", {
+                  (b(!0), T(ke, null, Le(a.mapFeathers, (F) => (b(), T("div", {
                     key: F.value,
                     class: "mb-2 feather-item",
-                    onClick: (se) => r.handleToggleMapFeather(F)
+                    onClick: (ne) => r.handleToggleMapFeather(F)
                   }, [
                     l("div", {
                       class: Ye([a.mapFeather === F.value ? "active" : "", "img-box"])
                     }, [
-                      F.value === "dark" ? (b(), I("img", Zi)) : F.value === "nautical" ? (b(), I("img", Xi)) : F.value === "satellite" ? (b(), I("img", qi)) : (b(), I("img", Ki))
+                      F.value === "dark" ? (b(), T("img", Zi)) : F.value === "nautical" ? (b(), T("img", Xi)) : F.value === "satellite" ? (b(), T("img", qi)) : (b(), T("img", Ki))
                     ], 2),
                     l("div", Qi, y(t.$t(`layer.${F.locale}`)), 1)
                   ], 8, Yi))), 128))
                 ]),
-                (b(!0), I(ke, null, Le(a.tagLayers.filter((F) => ["graticule", "day-night", "time-zones"].includes(F.key)), (F) => (b(), j(p, {
+                (b(!0), T(ke, null, Le(a.tagLayers.filter((F) => ["graticule", "day-night", "time-zones"].includes(F.key)), (F) => (b(), j(p, {
                   key: F.key,
                   modelValue: a.checkList,
-                  "onUpdate:modelValue": e[0] || (e[0] = (se) => a.checkList = se),
+                  "onUpdate:modelValue": e[0] || (e[0] = (ne) => a.checkList = ne),
                   value: F.key,
                   label: t.$t(`layer.${F.locale}`),
                   color: "primary",
@@ -2060,10 +2069,10 @@ function Ji(t, e, o, i, a, r) {
             }),
             m(d, { class: "py-2" }, {
               default: u(() => [
-                (b(!0), I(ke, null, Le(a.tagLayers.filter((F) => ["ports", "nav-warnings", "tidal-stations"].includes(F.key)), (F) => (b(), j(p, {
+                (b(!0), T(ke, null, Le(a.tagLayers.filter((F) => ["ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (b(), j(p, {
                   key: F.key,
                   modelValue: a.checkList,
-                  "onUpdate:modelValue": e[1] || (e[1] = (se) => a.checkList = se),
+                  "onUpdate:modelValue": e[1] || (e[1] = (ne) => a.checkList = ne),
                   value: F.key,
                   label: t.$t(`layer.${F.locale}`),
                   color: "primary",
@@ -2099,10 +2108,10 @@ function Ji(t, e, o, i, a, r) {
             }),
             m(d, { class: "py-2" }, {
               default: u(() => [
-                (b(!0), I(ke, null, Le(a.tagLayers.filter((F) => !["graticule", "day-night", "time-zones", "ports", "nav-warnings", "tidal-stations"].includes(F.key)), (F) => (b(), j(p, {
+                (b(!0), T(ke, null, Le(a.tagLayers.filter((F) => !["graticule", "day-night", "time-zones", "ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (b(), j(p, {
                   key: F.key,
                   modelValue: a.checkList,
-                  "onUpdate:modelValue": e[2] || (e[2] = (se) => a.checkList = se),
+                  "onUpdate:modelValue": e[2] || (e[2] = (ne) => a.checkList = ne),
                   value: F.key,
                   label: t.$t(`layer.${F.locale}`),
                   color: "primary",
@@ -2214,7 +2223,7 @@ function Ji(t, e, o, i, a, r) {
     o.map ? (b(), j(z, B({
       key: 8,
       map: o.map,
-      zone: (ce = a.otherLayers) == null ? void 0 : ce["alert-zones"]
+      zone: (le = a.otherLayers) == null ? void 0 : le["alert-zones"]
     }, t.$attrs, {
       "before-layer": "empty-layer-3",
       theme: o.theme
@@ -2230,17 +2239,17 @@ function Ji(t, e, o, i, a, r) {
       map: o.map,
       line: (pe = a.otherLayers) == null ? void 0 : pe["load-lines"]
     }, t.$attrs), null, 16, ["map", "line"])) : O("", !0),
-    o.map ? (b(), j(T, B({
+    o.map ? (b(), j(I, B({
       key: 11,
       map: o.map,
       zone: (me = a.otherLayers) == null ? void 0 : me["time-zones"]
     }, t.$attrs), null, 16, ["map", "zone"])) : O("", !0),
-    o.map ? (b(), j(U, B({
+    o.map ? (b(), j(V, B({
       key: 12,
       map: o.map,
       area: (K = a.otherLayers) == null ? void 0 : K["voluntary-reporting-area"]
     }, t.$attrs), null, 16, ["map", "area"])) : O("", !0),
-    o.map ? (b(), j(Y, B({
+    o.map ? (b(), j(X, B({
       key: 13,
       map: o.map,
       area: (ie = a.otherLayers) == null ? void 0 : ie["special-area"]
@@ -2250,7 +2259,7 @@ function Ji(t, e, o, i, a, r) {
       map: o.map,
       area: (ue = a.otherLayers) == null ? void 0 : ue["day-night"]
     }, t.$attrs), null, 16, ["map", "area"])) : O("", !0),
-    o.map ? (b(), j(Z, B({
+    o.map ? (b(), j(Y, B({
       key: 15,
       map: o.map,
       "menu-toggle": o.menuToggle,
@@ -2258,18 +2267,18 @@ function Ji(t, e, o, i, a, r) {
     }, t.$attrs), null, 16, ["map", "menu-toggle", "show"])) : O("", !0)
   ]);
 }
-const $i = /* @__PURE__ */ X(Fi, [["render", Ji]]);
+const $i = /* @__PURE__ */ Z(Fi, [["render", Ji]]);
 class io {
   constructor(e) {
-    le(this, "map");
-    le(this, "mercator");
-    le(this, "rampColorLayer");
-    le(this, "rampColorSource");
-    le(this, "particleLayer");
-    le(this, "particleSource");
-    le(this, "rampColorCanvas");
-    le(this, "particleCanvas");
-    le(this, "ratio");
+    se(this, "map");
+    se(this, "mercator");
+    se(this, "rampColorLayer");
+    se(this, "rampColorSource");
+    se(this, "particleLayer");
+    se(this, "particleSource");
+    se(this, "rampColorCanvas");
+    se(this, "particleCanvas");
+    se(this, "ratio");
     this.map = e, this.mercator = new Da(), this.rampColorLayer = "ramp-color-layer", this.rampColorSource = "ramp-color-source", this.particleLayer = "particle-layer", this.particleSource = "particle-source", this.rampColorCanvas = document.createElement("canvas"), this.particleCanvas = document.createElement("canvas"), this.ratio = window.devicePixelRatio;
   }
   /**
@@ -2544,10 +2553,10 @@ class Ne {
     });
   }
 }
-class ne {
+class ce {
 }
 // 顶点渲染
-le(ne, "vertexSchema", `
+se(ce, "vertexSchema", `
     //canvas 坐标系上的坐标 (x, y)
     attribute vec2 a_position; //像素坐标
     attribute vec2 a_texCoord; //纹理坐标
@@ -2562,7 +2571,7 @@ le(ne, "vertexSchema", `
       gl_Position = vec4(position * vec2(1, -1), 0.0, 1.0);
       v_texCoord = a_texCoord;
     }`), // 类如风、流等u v双变量片元渲染
-le(ne, "uvFragmentSchema", `
+se(ce, "uvFragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image;
     uniform vec2 u_range_u_v;
@@ -2582,7 +2591,7 @@ le(ne, "uvFragmentSchema", `
 
       gl_FragColor = color;
     }`), // 类如浪、气压等单变量片元渲染
-le(ne, "fragmentSchema", `
+se(ce, "fragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image; // 灰度
     uniform sampler2D u_color; // 色值映射
@@ -2595,7 +2604,7 @@ le(ne, "fragmentSchema", `
     }`);
 class be {
 }
-le(be, "vertexSchema", `
+se(be, "vertexSchema", `
     precision mediump float;
 
     attribute float a_index; // 索引
@@ -2619,7 +2628,7 @@ le(be, "vertexSchema", `
       gl_PointSize = 1.0;
       // gl_PointSize = u_point;
       gl_Position = vec4(2.0 * v_particle_pos.x - 1.0, 1.0 - 2.0 * v_particle_pos.y, 0, 1);
-    }`), le(be, "fragmentSchema", `
+    }`), se(be, "fragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_factor;
@@ -2641,7 +2650,7 @@ le(be, "vertexSchema", `
 
       float f = 1.0 - uv.b;
       gl_FragColor = texture2D(u_color_ramp, ramp_pos) * f;
-    }`), le(be, "quadVertSchema", `
+    }`), se(be, "quadVertSchema", `
     precision mediump float;
 
     attribute vec2 a_pos;
@@ -2651,7 +2660,7 @@ le(be, "vertexSchema", `
     void main() {
       v_tex_pos = a_pos;
       gl_Position = vec4(1.0 - 2.0 * a_pos, 0, 1);
-    }`), le(be, "screenFragmentSchema", `
+    }`), se(be, "screenFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_screen;
@@ -2663,7 +2672,7 @@ le(be, "vertexSchema", `
       vec4 color = texture2D(u_screen, 1.0 - v_tex_pos);
       // a hack to guarantee opacity fade out even with a value close to 1.0
       gl_FragColor = vec4(floor(255.0 * color * u_opacity) / 255.0);
-    }`), le(be, "updateFragmentSchema", `
+    }`), se(be, "updateFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_particles;
@@ -2912,7 +2921,7 @@ const er = {
 function or(t, e, o, i, a, r) {
   return null;
 }
-const ar = /* @__PURE__ */ X(tr, [["render", or]]);
+const ar = /* @__PURE__ */ Z(tr, [["render", or]]);
 const ir = {
   name: "IdmWindParticle",
   props: {
@@ -3023,7 +3032,7 @@ const ir = {
           [1, "rgb(91, 136, 161)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ne.vertexSchema, ne.uvFragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ce.vertexSchema, ce.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
       this.handleParticleSetup();
@@ -3082,7 +3091,7 @@ const ir = {
 }, rr = { key: 0 };
 function lr(t, e, o, i, a, r) {
   var s;
-  return (s = o.factor) != null && s.active ? (b(), I("div", rr, [
+  return (s = o.factor) != null && s.active ? (b(), T("div", rr, [
     l("div", {
       class: "legend-bars-gl4 wind",
       style: ae({ right: a.right + "px" })
@@ -3098,7 +3107,7 @@ function lr(t, e, o, i, a, r) {
     ]), 4)
   ])) : O("", !0);
 }
-const sr = /* @__PURE__ */ X(ir, [["render", lr]]), nr = {
+const sr = /* @__PURE__ */ Z(ir, [["render", lr]]), nr = {
   name: "IdmCurrent",
   props: {
     map: {
@@ -3259,7 +3268,7 @@ const sr = /* @__PURE__ */ X(ir, [["render", lr]]), nr = {
 function cr(t, e, o, i, a, r) {
   return null;
 }
-const mr = /* @__PURE__ */ X(nr, [["render", cr]]);
+const mr = /* @__PURE__ */ Z(nr, [["render", cr]]);
 const hr = {
   name: "IdmCurrentParticle",
   props: {
@@ -3362,7 +3371,7 @@ const hr = {
           [1, "rgb(195,194,194)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ne.vertexSchema, ne.uvFragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ce.vertexSchema, ce.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
       this.handleParticleSetup();
@@ -3426,7 +3435,7 @@ const hr = {
 }, dr = { key: 0 };
 function pr(t, e, o, i, a, r) {
   var s;
-  return (s = o.factor) != null && s.active ? (b(), I("div", dr, [
+  return (s = o.factor) != null && s.active ? (b(), T("div", dr, [
     l("div", {
       class: "legend-bars-gl4 current",
       style: ae({ right: a.right + "px" })
@@ -3441,7 +3450,7 @@ function pr(t, e, o, i, a, r) {
     ]), 4)
   ])) : O("", !0);
 }
-const ur = /* @__PURE__ */ X(hr, [["render", pr]]);
+const ur = /* @__PURE__ */ Z(hr, [["render", pr]]);
 const gr = {
   name: "IdmTemp",
   props: {
@@ -3538,7 +3547,7 @@ const gr = {
           //13
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ce.vertexSchema, ce.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -3554,7 +3563,7 @@ const gr = {
 }, fr = { key: 0 };
 function yr(t, e, o, i, a, r) {
   var s;
-  return (s = o.factor) != null && s.active ? (b(), I("div", fr, [
+  return (s = o.factor) != null && s.active ? (b(), T("div", fr, [
     l("div", {
       class: "legend-bars-gl4 sig-wave",
       style: ae({ right: a.right + "px" })
@@ -3569,7 +3578,7 @@ function yr(t, e, o, i, a, r) {
     ]), 4)
   ])) : O("", !0);
 }
-const br = /* @__PURE__ */ X(gr, [["render", yr], ["__scopeId", "data-v-79ce70e2"]]), wr = {
+const br = /* @__PURE__ */ Z(gr, [["render", yr], ["__scopeId", "data-v-79ce70e2"]]), wr = {
   name: "IdmSigWave",
   props: {
     map: {
@@ -3721,7 +3730,7 @@ const br = /* @__PURE__ */ X(gr, [["render", yr], ["__scopeId", "data-v-79ce70e2
 function xr(t, e, o, i, a, r) {
   return null;
 }
-const vr = /* @__PURE__ */ X(wr, [["render", xr]]), _r = {
+const vr = /* @__PURE__ */ Z(wr, [["render", xr]]), _r = {
   name: "IdmSwell",
   props: {
     map: {
@@ -3873,9 +3882,9 @@ const vr = /* @__PURE__ */ X(wr, [["render", xr]]), _r = {
   }
 };
 function kr(t, e, o, i, a, r) {
-  return b(), I("div");
+  return b(), T("div");
 }
-const zr = /* @__PURE__ */ X(_r, [["render", kr]]), Lr = {
+const zr = /* @__PURE__ */ Z(_r, [["render", kr]]), Lr = {
   name: "IdmPrmsl",
   props: {
     map: {
@@ -4032,7 +4041,7 @@ const zr = /* @__PURE__ */ X(_r, [["render", kr]]), Lr = {
 function Cr(t, e, o, i, a, r) {
   var n;
   const s = w("VBtn"), c = w("VTooltip");
-  return (n = o.prmsl) != null && n.active ? (b(), I("div", Pr, [
+  return (n = o.prmsl) != null && n.active ? (b(), T("div", Pr, [
     l("div", {
       class: "menu-bar-box pa-1 rounded",
       style: ae({ right: a.right + "px" })
@@ -4062,7 +4071,7 @@ function Cr(t, e, o, i, a, r) {
     ], 4)
   ])) : O("", !0);
 }
-const Sr = /* @__PURE__ */ X(Lr, [["render", Cr]]);
+const Sr = /* @__PURE__ */ Z(Lr, [["render", Cr]]);
 const Mr = {
   name: "IdmIceEdge",
   props: {
@@ -4151,7 +4160,7 @@ const Mr = {
           // 100%
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ce.vertexSchema, ce.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -4167,7 +4176,7 @@ const Mr = {
 }, Tr = { key: 0 };
 function Ir(t, e, o, i, a, r) {
   var s;
-  return (s = o.factor) != null && s.active ? (b(), I("div", Tr, [
+  return (s = o.factor) != null && s.active ? (b(), T("div", Tr, [
     l("div", {
       class: "legend-bars-gl4 ice-edge",
       style: ae({ right: a.right + "px" })
@@ -4187,7 +4196,7 @@ function Ir(t, e, o, i, a, r) {
     ]), 4)
   ])) : O("", !0);
 }
-const Rr = /* @__PURE__ */ X(Mr, [["render", Ir]]);
+const Rr = /* @__PURE__ */ Z(Mr, [["render", Ir]]);
 const Ar = {
   name: "IdmCover",
   props: {
@@ -4267,7 +4276,7 @@ const Ar = {
           // 100%
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ce.vertexSchema, ce.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -4283,7 +4292,7 @@ const Ar = {
 }, Dr = { key: 0 };
 function Or(t, e, o, i, a, r) {
   var s;
-  return (s = o.factor) != null && s.active ? (b(), I("div", Dr, [
+  return (s = o.factor) != null && s.active ? (b(), T("div", Dr, [
     l("div", {
       class: "legend-bars-gl4 ice-cover",
       style: ae({ right: a.right + "px" })
@@ -4297,7 +4306,7 @@ function Or(t, e, o, i, a, r) {
     ]), 4)
   ])) : O("", !0);
 }
-const Br = /* @__PURE__ */ X(Ar, [["render", Or], ["__scopeId", "data-v-9696d73b"]]);
+const Br = /* @__PURE__ */ Z(Ar, [["render", Or], ["__scopeId", "data-v-9696d73b"]]);
 const Er = {
   name: "IdmThickness",
   props: {
@@ -4385,7 +4394,7 @@ const Er = {
           // 4m
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ce.vertexSchema, ce.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -4401,7 +4410,7 @@ const Er = {
 }, jr = { key: 0 };
 function Nr(t, e, o, i, a, r) {
   var s;
-  return (s = o.factor) != null && s.active ? (b(), I("div", jr, [
+  return (s = o.factor) != null && s.active ? (b(), T("div", jr, [
     l("div", {
       class: "legend-bars-gl4 ice-thickness",
       style: ae({ right: a.right + "px" })
@@ -4416,7 +4425,7 @@ function Nr(t, e, o, i, a, r) {
     ]), 4)
   ])) : O("", !0);
 }
-const Fr = /* @__PURE__ */ X(Er, [["render", Nr]]);
+const Fr = /* @__PURE__ */ Z(Er, [["render", Nr]]);
 const Hr = {
   name: "IdmPrecip3h",
   props: {
@@ -4505,7 +4514,7 @@ const Hr = {
           [1, "rgba(197,5,58,0.8)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ce.vertexSchema, ce.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -4521,7 +4530,7 @@ const Hr = {
 }, Wr = { key: 0 };
 function Gr(t, e, o, i, a, r) {
   var s;
-  return (s = o.factor) != null && s.active ? (b(), I("div", Wr, [
+  return (s = o.factor) != null && s.active ? (b(), T("div", Wr, [
     l("div", {
       class: "legend-bars-gl4 precip3h",
       style: ae({ right: a.right + "px" })
@@ -4537,7 +4546,7 @@ function Gr(t, e, o, i, a, r) {
     ]), 4)
   ])) : O("", !0);
 }
-const Ur = /* @__PURE__ */ X(Hr, [["render", Gr]]);
+const Ur = /* @__PURE__ */ Z(Hr, [["render", Gr]]);
 const Vr = {
   name: "IdmVisibility",
   props: {
@@ -4616,7 +4625,7 @@ const Vr = {
           [1, "rgba(144,144,144,0)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ce.vertexSchema, ce.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -4632,7 +4641,7 @@ const Vr = {
 }, Yr = { key: 0 };
 function Zr(t, e, o, i, a, r) {
   var s;
-  return (s = o.factor) != null && s.active ? (b(), I("div", Yr, [
+  return (s = o.factor) != null && s.active ? (b(), T("div", Yr, [
     l("div", {
       class: "legend-bars-gl4 visibility",
       style: ae({ right: a.right + "px" })
@@ -4646,7 +4655,7 @@ function Zr(t, e, o, i, a, r) {
     ]), 4)
   ])) : O("", !0);
 }
-const Xr = /* @__PURE__ */ X(Vr, [["render", Zr]]);
+const Xr = /* @__PURE__ */ Z(Vr, [["render", Zr]]);
 const qr = {
   name: "IdmWaterTemp",
   props: {
@@ -4728,7 +4737,7 @@ const qr = {
           //
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ce.vertexSchema, ce.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -4744,7 +4753,7 @@ const qr = {
 }, Kr = { key: 0 };
 function Qr(t, e, o, i, a, r) {
   var s;
-  return (s = o.factor) != null && s.active ? (b(), I("div", Kr, [
+  return (s = o.factor) != null && s.active ? (b(), T("div", Kr, [
     l("div", {
       class: "legend-bars-gl4 water-temp",
       style: ae({ right: a.right + "px" })
@@ -4758,7 +4767,7 @@ function Qr(t, e, o, i, a, r) {
     ]), 4)
   ])) : O("", !0);
 }
-const Jr = /* @__PURE__ */ X(qr, [["render", Qr]]);
+const Jr = /* @__PURE__ */ Z(qr, [["render", Qr]]);
 const $r = {
   name: "IdmTemp",
   props: {
@@ -4851,7 +4860,7 @@ const $r = {
           [1, "rgb(138, 43, 10)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ce.vertexSchema, ce.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -4867,7 +4876,7 @@ const $r = {
 }, el = { key: 0 };
 function tl(t, e, o, i, a, r) {
   var s;
-  return (s = o.factor) != null && s.active ? (b(), I("div", el, [
+  return (s = o.factor) != null && s.active ? (b(), T("div", el, [
     l("div", {
       class: "legend-bars-gl4 temp",
       style: ae({ right: a.right + "px" })
@@ -4883,7 +4892,7 @@ function tl(t, e, o, i, a, r) {
     ]), 4)
   ])) : O("", !0);
 }
-const ol = /* @__PURE__ */ X($r, [["render", tl]]);
+const ol = /* @__PURE__ */ Z($r, [["render", tl]]);
 const al = {
   name: "IdmGlLayer",
   components: {
@@ -5177,12 +5186,12 @@ const al = {
                 );
               const z = await Promise.all(_);
               this.weatherLayers = {}, z.map((P) => {
-                var U, Y, q, Z;
-                const x = ((U = P == null ? void 0 : P.data) == null ? void 0 : U.data) || (P == null ? void 0 : P.data);
-                let T = (q = (Y = P == null ? void 0 : P.config) == null ? void 0 : Y.headers) == null ? void 0 : q.key;
-                T && x && (this.weatherLayers[T] = {
+                var V, X, q, Y;
+                const x = ((V = P == null ? void 0 : P.data) == null ? void 0 : V.data) || (P == null ? void 0 : P.data);
+                let I = (q = (X = P == null ? void 0 : P.config) == null ? void 0 : X.headers) == null ? void 0 : q.key;
+                I && x && (this.weatherLayers[I] = {
                   raw: x,
-                  type: ((Z = P == null ? void 0 : P.config) == null ? void 0 : Z.responseType) === "blob" ? "image" : "json",
+                  type: ((Y = P == null ? void 0 : P.config) == null ? void 0 : Y.responseType) === "blob" ? "image" : "json",
                   etime: M.data.etime
                 });
               });
@@ -5276,37 +5285,37 @@ const al = {
             for (const z in L)
               if (z > c && z < n && (!(a <= this.zoom) || z % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                 const P = L[z].lng;
-                r > s ? P.forEach((x, T) => {
-                  var U, Y, q, Z, $, ee;
+                r > s ? P.forEach((x, I) => {
+                  var V, X, q, Y, $, ee;
                   if (a < 2) {
                     if ((x >= 0 && x <= 360 || x >= -360 && x <= 0) && x % 10 === 0) {
                       const Q = E.point([x, z], {
-                        val: ((U = L[z].val) == null ? void 0 : U[T]) || ((Y = L[z].dir) == null ? void 0 : Y[T]),
-                        spd: (q = L[z].spd) == null ? void 0 : q[T]
+                        val: ((V = L[z].val) == null ? void 0 : V[I]) || ((X = L[z].dir) == null ? void 0 : X[I]),
+                        spd: (q = L[z].spd) == null ? void 0 : q[I]
                       });
                       M.push(Q);
                     }
                   } else if ((x >= r && x <= 180 || x >= -180 && x <= s) && (!(a <= this.zoom) || x % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                     const Q = E.point([x, z], {
-                      val: ((Z = L[z].val) == null ? void 0 : Z[T]) || (($ = L[z].dir) == null ? void 0 : $[T]),
-                      spd: (ee = L[z].spd) == null ? void 0 : ee[T]
+                      val: ((Y = L[z].val) == null ? void 0 : Y[I]) || (($ = L[z].dir) == null ? void 0 : $[I]),
+                      spd: (ee = L[z].spd) == null ? void 0 : ee[I]
                     });
                     M.push(Q);
                   }
-                }) : P.forEach((x, T) => {
-                  var U, Y, q, Z, $, ee;
+                }) : P.forEach((x, I) => {
+                  var V, X, q, Y, $, ee;
                   if (r < 2) {
                     if ((x >= 0 && x <= 360 || x >= -360 && x <= 0) && x % 10 === 0) {
                       const Q = E.point([x, z], {
-                        val: ((U = L[z].val) == null ? void 0 : U[T]) || ((Y = L[z].dir) == null ? void 0 : Y[T]),
-                        spd: (q = L[z].spd) == null ? void 0 : q[T]
+                        val: ((V = L[z].val) == null ? void 0 : V[I]) || ((X = L[z].dir) == null ? void 0 : X[I]),
+                        spd: (q = L[z].spd) == null ? void 0 : q[I]
                       });
                       M.push(Q);
                     }
                   } else if (x >= r && x <= s && (!(a <= this.zoom) || x % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                     const Q = E.point([x, z], {
-                      val: ((Z = L[z].val) == null ? void 0 : Z[T]) || (($ = L[z].dir) == null ? void 0 : $[T]),
-                      spd: (ee = L[z].spd) == null ? void 0 : ee[T]
+                      val: ((Y = L[z].val) == null ? void 0 : Y[I]) || (($ = L[z].dir) == null ? void 0 : $[I]),
+                      spd: (ee = L[z].spd) == null ? void 0 : ee[I]
                     });
                     M.push(Q);
                   }
@@ -5319,9 +5328,9 @@ const al = {
                 const z = [];
                 for (const P in (f = _.raw) == null ? void 0 : f.LineString) {
                   const x = _.raw.LineString[P];
-                  for (const T of x)
+                  for (const I of x)
                     z.push(
-                      E.lineString(T, {
+                      E.lineString(I, {
                         val: Number(P)
                       })
                     );
@@ -5340,37 +5349,37 @@ const al = {
             for (const z in L)
               if (z > c && z < n && (!(a <= this.zoom) || z % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                 const P = L[z].lng;
-                r > s ? P.forEach((x, T) => {
-                  var U, Y, q, Z, $, ee;
+                r > s ? P.forEach((x, I) => {
+                  var V, X, q, Y, $, ee;
                   if (a < 2) {
                     if ((x >= 0 && x <= 360 || x >= -360 && x <= 0) && x % 10 === 0) {
                       const Q = E.point([x, z], {
-                        val: ((U = L[z].val) == null ? void 0 : U[T]) || ((Y = L[z].dir) == null ? void 0 : Y[T]),
-                        spd: (q = L[z].spd) == null ? void 0 : q[T]
+                        val: ((V = L[z].val) == null ? void 0 : V[I]) || ((X = L[z].dir) == null ? void 0 : X[I]),
+                        spd: (q = L[z].spd) == null ? void 0 : q[I]
                       });
                       M.push(Q);
                     }
                   } else if ((x >= r && x <= 180 || x >= -180 && x <= s) && (!(a <= this.zoom) || x % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                     const Q = E.point([x, z], {
-                      val: ((Z = L[z].val) == null ? void 0 : Z[T]) || (($ = L[z].dir) == null ? void 0 : $[T]),
-                      spd: (ee = L[z].spd) == null ? void 0 : ee[T]
+                      val: ((Y = L[z].val) == null ? void 0 : Y[I]) || (($ = L[z].dir) == null ? void 0 : $[I]),
+                      spd: (ee = L[z].spd) == null ? void 0 : ee[I]
                     });
                     M.push(Q);
                   }
-                }) : P.forEach((x, T) => {
-                  var U, Y, q, Z, $, ee;
+                }) : P.forEach((x, I) => {
+                  var V, X, q, Y, $, ee;
                   if (r < 2) {
                     if ((x >= 0 && x <= 360 || x >= -360 && x <= 0) && x % 10 === 0) {
                       const Q = E.point([x, z], {
-                        val: ((U = L[z].val) == null ? void 0 : U[T]) || ((Y = L[z].dir) == null ? void 0 : Y[T]),
-                        spd: (q = L[z].spd) == null ? void 0 : q[T]
+                        val: ((V = L[z].val) == null ? void 0 : V[I]) || ((X = L[z].dir) == null ? void 0 : X[I]),
+                        spd: (q = L[z].spd) == null ? void 0 : q[I]
                       });
                       M.push(Q);
                     }
                   } else if (x >= r && x <= s && (!(a <= this.zoom) || x % (a < this.zoom / 2 ? 5 : 3) === 0)) {
                     const Q = E.point([x, z], {
-                      val: ((Z = L[z].val) == null ? void 0 : Z[T]) || (($ = L[z].dir) == null ? void 0 : $[T]),
-                      spd: (ee = L[z].spd) == null ? void 0 : ee[T]
+                      val: ((Y = L[z].val) == null ? void 0 : Y[I]) || (($ = L[z].dir) == null ? void 0 : $[I]),
+                      spd: (ee = L[z].spd) == null ? void 0 : ee[I]
                     });
                     M.push(Q);
                   }
@@ -5382,10 +5391,10 @@ const al = {
               if (!_.data) {
                 const P = [];
                 for (const x in (v = _.raw) == null ? void 0 : v.Polygon) {
-                  const T = _.raw.Polygon[x];
-                  for (const U of T)
+                  const I = _.raw.Polygon[x];
+                  for (const V of I)
                     P.push(
-                      E.polygon(U, {
+                      E.polygon(V, {
                         val: Number(x)
                       })
                     );
@@ -5402,38 +5411,38 @@ const al = {
               if (_ > c && _ < n && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                 const z = L[_].lng;
                 r > s ? z.forEach((P, x) => {
-                  var T, U, Y, q;
+                  var I, V, X, q;
                   if (a < 2) {
                     if ((P >= 0 && P <= 360 || P >= -360 && P <= 0) && P % 10 === 0) {
-                      const Z = E.point([P, _], {
-                        dir: ((T = L[_].val) == null ? void 0 : T[x]) || ((U = L[_].dir) == null ? void 0 : U[x]),
+                      const Y = E.point([P, _], {
+                        dir: ((I = L[_].val) == null ? void 0 : I[x]) || ((V = L[_].dir) == null ? void 0 : V[x]),
                         spd: L[_].spd[x]
                       });
-                      M.push(Z);
+                      M.push(Y);
                     }
                   } else if ((P >= r && P <= 180 || P >= -180 && P <= s) && (!(a <= this.zoom) || P % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const Z = E.point([P, _], {
-                      dir: ((Y = L[_].val) == null ? void 0 : Y[x]) || ((q = L[_].dir) == null ? void 0 : q[x]),
+                    const Y = E.point([P, _], {
+                      dir: ((X = L[_].val) == null ? void 0 : X[x]) || ((q = L[_].dir) == null ? void 0 : q[x]),
                       spd: L[_].spd[x]
                     });
-                    M.push(Z);
+                    M.push(Y);
                   }
                 }) : z.forEach((P, x) => {
-                  var T, U, Y, q;
+                  var I, V, X, q;
                   if (a < 2) {
                     if ((P >= 0 && P <= 360 || P >= -360 && P <= 0) && P % 10 === 0) {
-                      const Z = E.point([P, _], {
-                        dir: ((T = L[_].val) == null ? void 0 : T[x]) || ((U = L[_].dir) == null ? void 0 : U[x]),
+                      const Y = E.point([P, _], {
+                        dir: ((I = L[_].val) == null ? void 0 : I[x]) || ((V = L[_].dir) == null ? void 0 : V[x]),
                         spd: L[_].spd[x]
                       });
-                      M.push(Z);
+                      M.push(Y);
                     }
                   } else if (P >= r && P <= s && (!(a <= this.zoom) || P % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const Z = E.point([P, _], {
-                      dir: ((Y = L[_].val) == null ? void 0 : Y[x]) || ((q = L[_].dir) == null ? void 0 : q[x]),
+                    const Y = E.point([P, _], {
+                      dir: ((X = L[_].val) == null ? void 0 : X[x]) || ((q = L[_].dir) == null ? void 0 : q[x]),
                       spd: L[_].spd[x]
                     });
-                    M.push(Z);
+                    M.push(Y);
                   }
                 });
               }
@@ -5550,9 +5559,9 @@ const al = {
   class: "d-flex justify-start align-center ga-4 pl-6"
 }, wl = { class: "text-body-1 py-2" }, xl = { class: "text-body-1 font-weight-medium" }, vl = { class: "text-body-2 opacity-70" }, _l = { class: "text-body-2 opacity-70 mb-3" }, kl = { class: "text-body-1 font-weight-medium" }, zl = { class: "text-body-2 opacity-70" }, Ll = { class: "text-body-2 opacity-70 mb-3" }, Pl = { class: "text-body-1 py-2" }, Cl = { class: "text-body-1 font-weight-medium" }, Sl = { class: "text-body-2 opacity-70" }, Ml = { class: "text-body-2 opacity-70 mb-3" }, Tl = { class: "text-body-1 font-weight-medium" }, Il = { class: "text-body-2 opacity-70" }, Rl = { class: "text-body-2 opacity-70 mb-3" }, Al = { class: "text-body-1 py-2" }, Dl = { class: "text-body-1 font-weight-medium" }, Ol = { class: "text-body-2 opacity-70" }, Bl = { class: "text-body-2 opacity-70 mb-3" };
 function El(t, e, o, i, a, r) {
-  var pe, me, K, ie, ue, F, se, xe, ve, Se, Me, Te, Ie, Re, ye;
-  const s = w("VBtn"), c = w("VTooltip"), n = w("VCol"), g = w("VRow"), p = w("VCardText"), d = w("VDivider"), f = w("VCard"), k = w("VSwitch"), v = w("VCardTitle"), S = w("VCardItem"), C = w("VCheckbox"), N = w("VRadio"), M = w("VBtnToggle"), L = w("IdmWindBarb"), _ = w("IdmSigWaveHeight"), z = w("IdmCurrentDirection"), P = w("IdmPrmsl"), x = w("IdmWindParticle"), T = w("IdmCurrentParticle"), U = w("IdmWave"), Y = w("IdmSwell"), q = w("IdmIceEdge"), Z = w("IdmIceCover"), $ = w("IdmIceThickness"), ee = w("IdmPrecip3h"), Q = w("IdmVisibility"), ce = w("IdmWaterTemp"), de = w("IdmTemp");
-  return b(), I("div", il, [
+  var pe, me, K, ie, ue, F, ne, xe, ve, Se, Me, Te, Ie, Re, ye;
+  const s = w("VBtn"), c = w("VTooltip"), n = w("VCol"), g = w("VRow"), p = w("VCardText"), d = w("VDivider"), f = w("VCard"), k = w("VSwitch"), v = w("VCardTitle"), S = w("VCardItem"), C = w("VCheckbox"), N = w("VRadio"), M = w("VBtnToggle"), L = w("IdmWindBarb"), _ = w("IdmSigWaveHeight"), z = w("IdmCurrentDirection"), P = w("IdmPrmsl"), x = w("IdmWindParticle"), I = w("IdmCurrentParticle"), V = w("IdmWave"), X = w("IdmSwell"), q = w("IdmIceEdge"), Y = w("IdmIceCover"), $ = w("IdmIceThickness"), ee = w("IdmPrecip3h"), Q = w("IdmVisibility"), le = w("IdmWaterTemp"), de = w("IdmTemp");
+  return b(), T("div", il, [
     l("div", {
       class: "menu-bar-box transition pa-1",
       style: ae({ top: o.top + 94 + "px", right: a.right + "px" })
@@ -5579,7 +5588,7 @@ function El(t, e, o, i, a, r) {
         _: 1
       }, 8, ["text"])
     ], 4),
-    r.showTipMenu ? (b(), I("div", rl, [
+    r.showTipMenu ? (b(), T("div", rl, [
       l("div", {
         class: "menu-bar-box pa-1 rounded",
         style: ae({ right: a.right + "px" })
@@ -5619,7 +5628,7 @@ function El(t, e, o, i, a, r) {
               e[9] || (e[9] = l("div", { class: "text-body-1 font-weight-600 mb-2" }, "Wind Level", -1)),
               m(g, { class: "ma-0 ml-n1 text-body-2" }, {
                 default: u(() => [
-                  (b(!0), I(ke, null, Le(a.legend.barbs, (H, te) => (b(), j(n, {
+                  (b(!0), T(ke, null, Le(a.legend.barbs, (H, te) => (b(), j(n, {
                     key: H,
                     cols: "6",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
@@ -5651,14 +5660,14 @@ function El(t, e, o, i, a, r) {
                 style: { width: "100px" }
               }, {
                 default: u(() => [
-                  (b(!0), I(ke, null, Le(a.legend.sigWaveHeight, (H, te) => (b(), j(n, {
+                  (b(!0), T(ke, null, Le(a.legend.sigWaveHeight, (H, te) => (b(), j(n, {
                     key: te,
                     cols: "12",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
                   }, {
                     default: u(() => [
                       l("div", nl, [
-                        te === 0 ? (b(), I("div", cl)) : (b(), I("div", {
+                        te === 0 ? (b(), T("div", cl)) : (b(), T("div", {
                           key: 1,
                           style: ae({ width: "24px", height: "12px", background: H.color })
                         }, null, 4)),
@@ -5683,7 +5692,7 @@ function El(t, e, o, i, a, r) {
                 style: { width: "110px" }
               }, {
                 default: u(() => [
-                  (b(!0), I(ke, null, Le(a.legend.current, (H, te) => (b(), j(n, {
+                  (b(!0), T(ke, null, Le(a.legend.current, (H, te) => (b(), j(n, {
                     key: te,
                     cols: "12",
                     class: "d-flex flex-row justify-center align-center py-1 px-0 ma-0"
@@ -5769,7 +5778,7 @@ function El(t, e, o, i, a, r) {
             }),
             m(p, { class: "py-2" }, {
               default: u(() => [
-                (b(!0), I(ke, null, Le(a.tagLayers.filter((H) => H.overlays), (H) => (b(), j(C, {
+                (b(!0), T(ke, null, Le(a.tagLayers.filter((H) => H.overlays), (H) => (b(), j(C, {
                   key: H.key,
                   modelValue: a.checkList,
                   "onUpdate:modelValue": e[2] || (e[2] = (te) => a.checkList = te),
@@ -5809,7 +5818,7 @@ function El(t, e, o, i, a, r) {
             }),
             m(p, { class: "py-2" }, {
               default: u(() => [
-                (b(!0), I(ke, null, Le(a.tagLayers.filter((H) => !H.overlays && H.key !== "ice-thickness"), (H) => (b(), I(ke, {
+                (b(!0), T(ke, null, Le(a.tagLayers.filter((H) => !H.overlays && H.key !== "ice-thickness"), (H) => (b(), T(ke, {
                   key: H.key
                 }, [
                   m(N, {
@@ -5825,7 +5834,7 @@ function El(t, e, o, i, a, r) {
                     "hide-details": "",
                     onClick: (te) => a.renderKey = a.renderKey === H.key ? "" : H.key
                   }, null, 8, ["modelValue", "label", "value", "disabled", "onClick"]),
-                  a.renderKey === "wind-particle" && H.key === "wind-particle" ? (b(), I("div", yl, [
+                  a.renderKey === "wind-particle" && H.key === "wind-particle" ? (b(), T("div", yl, [
                     l("span", null, y(t.$t("weather.particleAnimatiom")), 1),
                     m(k, {
                       modelValue: a.showWindParticle,
@@ -5839,7 +5848,7 @@ function El(t, e, o, i, a, r) {
                       "hide-details": ""
                     }, null, 8, ["modelValue"])
                   ])) : O("", !0),
-                  a.renderKey === "current-particle" && H.key === "current-particle" ? (b(), I("div", bl, [
+                  a.renderKey === "current-particle" && H.key === "current-particle" ? (b(), T("div", bl, [
                     l("span", null, y(t.$t("weather.particleAnimatiom")), 1),
                     m(k, {
                       modelValue: a.showCurrentParticle,
@@ -5924,13 +5933,13 @@ function El(t, e, o, i, a, r) {
             }),
             m(p, { class: "" }, {
               default: u(() => {
-                var H, te, je, Pe, he, ge, W, _e, J, re, Ae, A, fe, Ce, De, Oe, R, V, Ge, Ue, Ve, ze, Ze, Xe, qe, Ke, Qe, Je, $e, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, St, Mt, Tt, It, Rt, At, Dt, Ot, Bt, Et, jt, Nt, Ft, Ht, Wt, Gt, Ut, Vt, Yt, Zt, Xt, qt, Kt, Qt, Jt;
+                var H, te, je, Pe, he, ge, W, _e, J, re, Ae, A, fe, Ce, De, Oe, R, U, Ge, Ue, Ve, ze, Ze, Xe, qe, Ke, Qe, Je, $e, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, St, Mt, Tt, It, Rt, At, Dt, Ot, Bt, Et, jt, Nt, Ft, Ht, Wt, Gt, Ut, Vt, Yt, Zt, Xt, qt, Kt, Qt, Jt;
                 return [
                   l("div", wl, y(t.$t("weather.atmospheric")), 1),
                   l("div", xl, y((je = (te = (H = a.models) == null ? void 0 : H.weather) == null ? void 0 : te.NOAA) == null ? void 0 : je.source) + " " + y((ge = (he = (Pe = a.models) == null ? void 0 : Pe.weather) == null ? void 0 : he.NOAA) == null ? void 0 : ge.spatialResolution) + y(t.$t("units.km")) + " " + y((re = (J = (_e = (W = a.models) == null ? void 0 : W.weather) == null ? void 0 : _e.NOAA) == null ? void 0 : J.meta) == null ? void 0 : re.days) + y(t.$t("units.days")), 1),
                   l("div", vl, y(t.$t("weather.source")) + ": NOAA", 1),
                   l("div", _l, y(t.$t("weather.lastUpdate")) + ": " + y(r.computeDateZ((Ce = (fe = (A = (Ae = a.models) == null ? void 0 : Ae.weather) == null ? void 0 : A.NOAA) == null ? void 0 : fe.meta) == null ? void 0 : Ce.initialisationTime)), 1),
-                  l("div", kl, y((R = (Oe = (De = a.models) == null ? void 0 : De.weather) == null ? void 0 : Oe.ECMWF) == null ? void 0 : R.source) + " " + y((Ue = (Ge = (V = a.models) == null ? void 0 : V.weather) == null ? void 0 : Ge.ECMWF) == null ? void 0 : Ue.spatialResolution) + y(t.$t("units.km")) + " " + y((Xe = (Ze = (ze = (Ve = a.models) == null ? void 0 : Ve.weather) == null ? void 0 : ze.ECMWF) == null ? void 0 : Ze.meta) == null ? void 0 : Xe.days) + y(t.$t("units.days")), 1),
+                  l("div", kl, y((R = (Oe = (De = a.models) == null ? void 0 : De.weather) == null ? void 0 : Oe.ECMWF) == null ? void 0 : R.source) + " " + y((Ue = (Ge = (U = a.models) == null ? void 0 : U.weather) == null ? void 0 : Ge.ECMWF) == null ? void 0 : Ue.spatialResolution) + y(t.$t("units.km")) + " " + y((Xe = (Ze = (ze = (Ve = a.models) == null ? void 0 : Ve.weather) == null ? void 0 : ze.ECMWF) == null ? void 0 : Ze.meta) == null ? void 0 : Xe.days) + y(t.$t("units.days")), 1),
                   l("div", zl, y(t.$t("weather.source")) + ": ECMWF", 1),
                   l("div", Ll, y(t.$t("weather.lastUpdate")) + ": " + y(r.computeDateZ((Je = (Qe = (Ke = (qe = a.models) == null ? void 0 : qe.weather) == null ? void 0 : Ke.ECMWF) == null ? void 0 : Qe.meta) == null ? void 0 : Je.initialisationTime)), 1),
                   m(d),
@@ -5994,19 +6003,19 @@ function El(t, e, o, i, a, r) {
       factor: (ue = a.weatherLayers) == null ? void 0 : ue["wind-particle"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
-    o.map ? (b(), j(T, B({
+    o.map ? (b(), j(I, B({
       key: 6,
       viewport: a.viewport,
       factor: (F = a.weatherLayers) == null ? void 0 : F["current-particle"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
-    o.map ? (b(), j(U, B({
+    o.map ? (b(), j(V, B({
       key: 7,
       viewport: a.viewport,
-      factor: (se = a.weatherLayers) == null ? void 0 : se["sig-wave"],
+      factor: (ne = a.weatherLayers) == null ? void 0 : ne["sig-wave"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
-    o.map ? (b(), j(Y, B({
+    o.map ? (b(), j(X, B({
       key: 8,
       map: o.map,
       swell: (xe = a.weatherLayers) == null ? void 0 : xe.swell,
@@ -6019,7 +6028,7 @@ function El(t, e, o, i, a, r) {
       factor: (ve = a.weatherLayers) == null ? void 0 : ve["ice-edge"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
-    o.map ? (b(), j(Z, B({
+    o.map ? (b(), j(Y, B({
       key: 10,
       viewport: a.viewport,
       factor: (Se = a.weatherLayers) == null ? void 0 : Se["ice-cover"],
@@ -6043,7 +6052,7 @@ function El(t, e, o, i, a, r) {
       factor: (Ie = a.weatherLayers) == null ? void 0 : Ie.visibility,
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
-    o.map ? (b(), j(ce, B({
+    o.map ? (b(), j(le, B({
       key: 14,
       viewport: a.viewport,
       factor: (Re = a.weatherLayers) == null ? void 0 : Re["water-temp"],
@@ -6057,7 +6066,7 @@ function El(t, e, o, i, a, r) {
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0)
   ]);
 }
-const jl = /* @__PURE__ */ X(al, [["render", El]]), eo = [
+const jl = /* @__PURE__ */ Z(al, [["render", El]]), eo = [
   {
     rank: 0,
     name: "Best Match",
@@ -6404,7 +6413,7 @@ class Ca {
     }), a;
   }
   static pickHourly(e, o) {
-    var i, a, r, s, c, n, g, p, d, f, k, v, S, C, N, M, L, _, z, P, x, T, U, Y, q, Z, $, ee, Q, ce, de, pe, me, K, ie, ue, F, se, xe, ve, Se, Me, Te, Ie, Re, ye, H, te, je, Pe;
+    var i, a, r, s, c, n, g, p, d, f, k, v, S, C, N, M, L, _, z, P, x, I, V, X, q, Y, $, ee, Q, le, de, pe, me, K, ie, ue, F, ne, xe, ve, Se, Me, Te, Ie, Re, ye, H, te, je, Pe;
     const he = typeof o == "string" ? D(o) : o, ge = e == null ? void 0 : e.weather, W = e == null ? void 0 : e.marine, _e = D((a = (i = ge == null ? void 0 : ge[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), J = _e.clone().add((c = (s = (r = ge == null ? void 0 : ge[0]) == null ? void 0 : r.hourly) == null ? void 0 : s.time) == null ? void 0 : c.at(0), "h"), re = _e.clone().add((p = (g = (n = ge == null ? void 0 : ge[0]) == null ? void 0 : n.hourly) == null ? void 0 : g.time) == null ? void 0 : p.at(-1), "h"), Ae = [];
     if (he.isBetween(J, re, "millisecond", "[]")) {
       const A = he.utc().diff(J, "h", !1);
@@ -6412,34 +6421,34 @@ class Ca {
       if (ge) {
         let De = 0, Oe = 0;
         for (const R of ge) {
-          const V = R == null ? void 0 : R.hourly;
+          const U = R == null ? void 0 : R.hourly;
           for (let ze = A - (A - 1) % 3; ze <= A; ze++)
-            De += (d = V == null ? void 0 : V.precipitation) == null ? void 0 : d.at(ze);
+            De += (d = U == null ? void 0 : U.precipitation) == null ? void 0 : d.at(ze);
           for (let ze = A - (A - 1) % 6; ze <= A; ze++)
-            Oe += (f = V == null ? void 0 : V.precipitation) == null ? void 0 : f.at(ze);
+            Oe += (f = U == null ? void 0 : U.precipitation) == null ? void 0 : f.at(ze);
           fe = {
-            temp: (k = V == null ? void 0 : V.temperature_2m) == null ? void 0 : k.at(A),
-            apparentTemp: (v = V == null ? void 0 : V.apparent_temperature) == null ? void 0 : v.at(A),
-            rh: (S = V == null ? void 0 : V.relative_humidity_2m) == null ? void 0 : S.at(A),
-            dp: (C = V == null ? void 0 : V.dew_point_2m) == null ? void 0 : C.at(A),
+            temp: (k = U == null ? void 0 : U.temperature_2m) == null ? void 0 : k.at(A),
+            apparentTemp: (v = U == null ? void 0 : U.apparent_temperature) == null ? void 0 : v.at(A),
+            rh: (S = U == null ? void 0 : U.relative_humidity_2m) == null ? void 0 : S.at(A),
+            dp: (C = U == null ? void 0 : U.dew_point_2m) == null ? void 0 : C.at(A),
             precip: {
-              probability: (N = V == null ? void 0 : V.precipitation_probability) == null ? void 0 : N.at(A),
-              sum: (M = V == null ? void 0 : V.precipitation) == null ? void 0 : M.at(A),
+              probability: (N = U == null ? void 0 : U.precipitation_probability) == null ? void 0 : N.at(A),
+              sum: (M = U == null ? void 0 : U.precipitation) == null ? void 0 : M.at(A),
               sum3Hours: Math.round(De * 100) / 100,
               sum6Hours: Math.round(Oe * 100) / 100
             },
-            pmsl: (L = V == null ? void 0 : V.pressure_msl) == null ? void 0 : L.at(A),
-            psurf: (_ = V == null ? void 0 : V.surface_pressure) == null ? void 0 : _.at(A),
-            code: (z = V == null ? void 0 : V.weather_code) == null ? void 0 : z.at(A),
-            visibility: this.m2nm((P = V == null ? void 0 : V.visibility) == null ? void 0 : P.at(A)),
+            pmsl: (L = U == null ? void 0 : U.pressure_msl) == null ? void 0 : L.at(A),
+            psurf: (_ = U == null ? void 0 : U.surface_pressure) == null ? void 0 : _.at(A),
+            code: (z = U == null ? void 0 : U.weather_code) == null ? void 0 : z.at(A),
+            visibility: this.m2nm((P = U == null ? void 0 : U.visibility) == null ? void 0 : P.at(A)),
             wind: {
-              speed: (x = V == null ? void 0 : V.wind_speed_10m) == null ? void 0 : x.at(A),
-              kts: (T = V == null ? void 0 : V.wind_speed_10m) == null ? void 0 : T.at(A),
-              degree: (U = V == null ? void 0 : V.wind_direction_10m) == null ? void 0 : U.at(A),
-              bearing: ((Y = V == null ? void 0 : V.wind_direction_10m) == null ? void 0 : Y.at(A)) !== null ? (((q = V == null ? void 0 : V.wind_direction_10m) == null ? void 0 : q.at(A)) + 180) % 360 : null,
-              gusts: (Z = V == null ? void 0 : V.wind_gusts_10m) == null ? void 0 : Z.at(A)
+              speed: (x = U == null ? void 0 : U.wind_speed_10m) == null ? void 0 : x.at(A),
+              kts: (I = U == null ? void 0 : U.wind_speed_10m) == null ? void 0 : I.at(A),
+              degree: (V = U == null ? void 0 : U.wind_direction_10m) == null ? void 0 : V.at(A),
+              bearing: ((X = U == null ? void 0 : U.wind_direction_10m) == null ? void 0 : X.at(A)) !== null ? (((q = U == null ? void 0 : U.wind_direction_10m) == null ? void 0 : q.at(A)) + 180) % 360 : null,
+              gusts: (Y = U == null ? void 0 : U.wind_gusts_10m) == null ? void 0 : Y.at(A)
             },
-            isDay: ($ = V == null ? void 0 : V.is_day) == null ? void 0 : $.at(A)
+            isDay: ($ = U == null ? void 0 : U.is_day) == null ? void 0 : $.at(A)
           };
           const { name: Ge, url: Ue, bg: Ve } = this.parseWeatherCode(fe.code, fe.isDay);
           fe.name = Ge, fe.url = Ue, fe.bg = Ve, fe.wind.scale = this.beaufort(this.kts2ms(fe.wind.kts)), fe.wind.direction = this.degree2Direction(fe.wind.degree), Ae.push({
@@ -6458,7 +6467,7 @@ class Ca {
               sig: {
                 height: (ee = R == null ? void 0 : R.wave_height) == null ? void 0 : ee.at(A),
                 degree: (Q = R == null ? void 0 : R.wave_direction) == null ? void 0 : Q.at(A),
-                bearing: ((ce = R == null ? void 0 : R.wave_direction) == null ? void 0 : ce.at(A)) !== null ? (((de = R == null ? void 0 : R.wave_direction) == null ? void 0 : de.at(A)) + 180) % 360 : null,
+                bearing: ((le = R == null ? void 0 : R.wave_direction) == null ? void 0 : le.at(A)) !== null ? (((de = R == null ? void 0 : R.wave_direction) == null ? void 0 : de.at(A)) + 180) % 360 : null,
                 period: (pe = R == null ? void 0 : R.wave_period) == null ? void 0 : pe.at(A)
               },
               swell: {
@@ -6466,7 +6475,7 @@ class Ca {
                 degree: (K = R == null ? void 0 : R.swell_wave_direction) == null ? void 0 : K.at(A),
                 bearing: ((ie = R == null ? void 0 : R.swell_wave_direction) == null ? void 0 : ie.at(A)) !== null ? (((ue = R == null ? void 0 : R.swell_wave_direction) == null ? void 0 : ue.at(A)) + 180) % 360 : null,
                 period: (F = R == null ? void 0 : R.swell_wave_period) == null ? void 0 : F.at(A),
-                peakPeriod: (se = R == null ? void 0 : R.swell_wave_peak_period) == null ? void 0 : se.at(A)
+                peakPeriod: (ne = R == null ? void 0 : R.swell_wave_peak_period) == null ? void 0 : ne.at(A)
               },
               wd: {
                 height: (xe = R == null ? void 0 : R.wind_wave_height) == null ? void 0 : xe.at(A),
@@ -6513,7 +6522,7 @@ class Ca {
     };
   }
   static pickDaily(e, o) {
-    var i, a, r, s, c, n, g, p, d, f, k, v, S, C, N, M, L, _, z, P, x, T, U, Y, q, Z, $, ee, Q, ce, de, pe, me, K, ie, ue, F, se, xe, ve, Se, Me, Te, Ie;
+    var i, a, r, s, c, n, g, p, d, f, k, v, S, C, N, M, L, _, z, P, x, I, V, X, q, Y, $, ee, Q, le, de, pe, me, K, ie, ue, F, ne, xe, ve, Se, Me, Te, Ie;
     const Re = typeof o == "string" ? D(o) : o, ye = e == null ? void 0 : e.weather, H = e == null ? void 0 : e.marine, te = D((r = (a = (i = ye == null ? void 0 : ye[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), je = D((n = (c = (s = ye == null ? void 0 : ye[0]) == null ? void 0 : s.daily) == null ? void 0 : c.time) == null ? void 0 : n.at(-1)), Pe = [];
     if (Re.isBetween(te, je, "millisecond", "[]")) {
       let he, ge;
@@ -6546,11 +6555,11 @@ class Ca {
               mean: (x = J.relative_humidity_2m_mean) == null ? void 0 : x.at(W)
             },
             wind: {
-              speed: (T = J.wind_speed_10m_max) == null ? void 0 : T.at(W),
-              kts: (U = J.wind_speed_10m_max) == null ? void 0 : U.at(W),
-              degree: (Y = J.wind_direction_10m_dominant) == null ? void 0 : Y.at(W),
+              speed: (I = J.wind_speed_10m_max) == null ? void 0 : I.at(W),
+              kts: (V = J.wind_speed_10m_max) == null ? void 0 : V.at(W),
+              degree: (X = J.wind_direction_10m_dominant) == null ? void 0 : X.at(W),
               gusts: (q = J.wind_gusts_10m_max) == null ? void 0 : q.at(W),
-              bearing: ((Z = J.wind_direction_10m_dominant) == null ? void 0 : Z.at(W)) !== null ? ((($ = J.wind_direction_10m_dominant) == null ? void 0 : $.at(W)) + 180) % 360 : null
+              bearing: ((Y = J.wind_direction_10m_dominant) == null ? void 0 : Y.at(W)) !== null ? ((($ = J.wind_direction_10m_dominant) == null ? void 0 : $.at(W)) + 180) % 360 : null
             }
           };
           const { name: re, url: Ae, bg: A } = this.parseWeatherCode(he.code, !0);
@@ -6569,7 +6578,7 @@ class Ca {
               sig: {
                 height: (ee = re.wave_height_max) == null ? void 0 : ee.at(W),
                 degree: (Q = re.wave_direction_dominant) == null ? void 0 : Q.at(W),
-                period: (ce = re.wave_period_max) == null ? void 0 : ce.at(W),
+                period: (le = re.wave_period_max) == null ? void 0 : le.at(W),
                 bearing: ((de = re.wave_direction_dominant) == null ? void 0 : de.at(W)) !== null ? (((pe = re.wave_direction_dominant) == null ? void 0 : pe.at(W)) + 180) % 360 : null
               },
               swell: {
@@ -6578,7 +6587,7 @@ class Ca {
                 period: (ie = re.swell_wave_period_max) == null ? void 0 : ie.at(W),
                 peakPeriod: (ue = re.swell_wave_peak_period_max) == null ? void 0 : ue.at(W),
                 // bearing: daily.swell_wave_direction_dominant?.at(day) !== null ? (daily.swell_wave_direction_dominant?.at(day) + 180) % 360 : null,
-                bearing: ((F = re.swell_wave_direction_dominant) == null ? void 0 : F.at(W)) !== null ? ((se = re.swell_wave_direction_dominant) == null ? void 0 : se.at(W)) % 360 : null
+                bearing: ((F = re.swell_wave_direction_dominant) == null ? void 0 : F.at(W)) !== null ? ((ne = re.swell_wave_direction_dominant) == null ? void 0 : ne.at(W)) % 360 : null
               },
               wd: {
                 height: (xe = re.wind_wave_height_max) == null ? void 0 : xe.at(W),
@@ -7173,8 +7182,8 @@ const Nl = {
     handleRefresh() {
       var e, o;
       (((o = (e = this.tropicals) == null ? void 0 : e.data) == null ? void 0 : o.features) || []).forEach((i) => {
-        var a, r;
-        ((a = i.geometry) == null ? void 0 : a.type) === "Point" && ((r = i.properties) != null && r.important) && (i.properties.format = D(i.properties.date).utcOffset(this.timeZone).format(`MMM-DD/HHmm [(utc${this.computeTimezone})]`));
+        var a, r, s, c;
+        ((a = i.geometry) == null ? void 0 : a.type) === "Point" && ((r = i.properties) != null && r.important) && (i.properties.format = (c = (s = D(i.properties.date)) == null ? void 0 : s.utcOffset(this.timeZone)) == null ? void 0 : c.format(`MMM-DD/HHmm [(utc${this.computeTimezone})]`));
       }), this.handleInit();
     },
     handleInit() {
@@ -7425,8 +7434,8 @@ const Nl = {
       }
     },
     handleClear() {
-      var t, e, o;
-      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((i) => i == null ? void 0 : i.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), this.map.getLayer(this.circleLayer) && this.map.removeLayer(this.circleLayer), this.map.getSource(this.circleSource) && this.map.removeSource(this.circleSource)), (e = this.map) == null || e.off(
+      var t, e;
+      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((o) => o == null ? void 0 : o.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), this.map.getLayer(this.circleLayer) && this.map.removeLayer(this.circleLayer), this.map.getSource(this.circleSource) && this.map.removeSource(this.circleSource)), (e = this.map) == null || e.off(
         "click",
         [
           this.forecastNameLayer,
@@ -7439,12 +7448,12 @@ const Nl = {
           this.historyPointLabelLayer
         ],
         this.handleClick
-      ), this.showTropicalsInfo = !1, (o = this.activeTropicalsMarker) == null || o.remove(), this.activeTropicalsMarker = void 0;
+      ), this.showTropicalsInfo = !1;
     },
     handleDateChange() {
-      var t, e, o, i, a, r, s, c, n, g, p, d, f, k, v, S, C, N, M, L, _, z, P, x, T, U, Y, q, Z, $, ee, Q;
-      if ((t = this.interpolateMarkers) == null || t.forEach((ce) => ce == null ? void 0 : ce.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
-        const ce = D(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), de = this.interpolateData.filter((K) => K.properties.date === ce.format() && !K.properties.disabled), pe = this.handleComputePolygons(de), me = E.featureCollection([...de]);
+      var t, e, o, i, a, r, s, c, n, g, p, d, f, k, v, S, C, N, M, L, _, z, P, x, I, V, X, q, Y, $, ee, Q;
+      if ((t = this.interpolateMarkers) == null || t.forEach((le) => le == null ? void 0 : le.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
+        const le = D(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), de = this.interpolateData.filter((K) => K.properties.date === (le == null ? void 0 : le.format()) && !K.properties.disabled), pe = this.handleComputePolygons(de), me = E.featureCollection([...de]);
         pe.forEach((K) => {
           me.features.push(K);
         }), (o = this.map) != null && o.getSource(this.interpolateSource) ? (i = this.map) == null || i.getSource(this.interpolateSource).setData(me) : ((a = this.map) == null || a.addSource(this.interpolateSource, {
@@ -7464,7 +7473,7 @@ const Nl = {
         for (const K of de)
           if (!K.properties.disabled) {
             let ie = "#f44336";
-            ((c = (s = K.properties) == null ? void 0 : s.wind) == null ? void 0 : c.kts) < 32 || !((g = (n = K.properties) == null ? void 0 : n.wind) != null && g.kts) ? ie = "#03f869" : ((d = (p = K.properties) == null ? void 0 : p.wind) == null ? void 0 : d.kts) >= 32 && ((k = (f = K.properties) == null ? void 0 : f.wind) == null ? void 0 : k.kts) < 47 ? ie = "#f2f202" : ((S = (v = K.properties) == null ? void 0 : v.wind) == null ? void 0 : S.kts) >= 47 && ((N = (C = K.properties) == null ? void 0 : C.wind) == null ? void 0 : N.kts) < 63 ? ie = "#ff9100" : ((L = (M = K.properties) == null ? void 0 : M.wind) == null ? void 0 : L.kts) >= 63 && ((z = (_ = K.properties) == null ? void 0 : _.wind) == null ? void 0 : z.kts) < 79 ? ie = "#f44336" : ((x = (P = K.properties) == null ? void 0 : P.wind) == null ? void 0 : x.kts) >= 79 && ((U = (T = K.properties) == null ? void 0 : T.wind) == null ? void 0 : U.kts) < 94 ? ie = "#f903d0" : ((q = (Y = K.properties) == null ? void 0 : Y.wind) == null ? void 0 : q.kts) >= 94 ? ie = "#8702f9" : ie = "#f44336";
+            ((c = (s = K.properties) == null ? void 0 : s.wind) == null ? void 0 : c.kts) < 32 || !((g = (n = K.properties) == null ? void 0 : n.wind) != null && g.kts) ? ie = "#03f869" : ((d = (p = K.properties) == null ? void 0 : p.wind) == null ? void 0 : d.kts) >= 32 && ((k = (f = K.properties) == null ? void 0 : f.wind) == null ? void 0 : k.kts) < 47 ? ie = "#f2f202" : ((S = (v = K.properties) == null ? void 0 : v.wind) == null ? void 0 : S.kts) >= 47 && ((N = (C = K.properties) == null ? void 0 : C.wind) == null ? void 0 : N.kts) < 63 ? ie = "#ff9100" : ((L = (M = K.properties) == null ? void 0 : M.wind) == null ? void 0 : L.kts) >= 63 && ((z = (_ = K.properties) == null ? void 0 : _.wind) == null ? void 0 : z.kts) < 79 ? ie = "#f44336" : ((x = (P = K.properties) == null ? void 0 : P.wind) == null ? void 0 : x.kts) >= 79 && ((V = (I = K.properties) == null ? void 0 : I.wind) == null ? void 0 : V.kts) < 94 ? ie = "#f903d0" : ((q = (X = K.properties) == null ? void 0 : X.wind) == null ? void 0 : q.kts) >= 94 ? ie = "#8702f9" : ie = "#f44336";
             const ue = `<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">
@@ -7481,8 +7490,8 @@ const Nl = {
                           		fill="#ffffff" p-id="18386"></path>
                           </svg>`, F = document.createElement("div");
             F.className = "idm-tropical-gl4-hourly-marker", F.innerHTML = `<div class="${K.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${ue}</div>`;
-            const se = new we.Marker(F).setLngLat(K.geometry.coordinates).addTo(this.map);
-            this.interpolateMarkers.push(se), ($ = (Z = this.map) == null ? void 0 : Z.getSource(this.circleSource)) == null || $.setData(this.circleSourceData);
+            const ne = new we.Marker(F).setLngLat(K.geometry.coordinates).addTo(this.map);
+            this.interpolateMarkers.push(ne), ($ = (Y = this.map) == null ? void 0 : Y.getSource(this.circleSource)) == null || $.setData(this.circleSourceData);
           }
       } else
         (ee = this.map) != null && ee.getSource(this.interpolateSource) && ((Q = this.map) == null || Q.getSource(this.interpolateSource).setData(this.empty));
@@ -7607,7 +7616,7 @@ const Nl = {
 }, os = { class: "pa-1 d-flex justify-space-between align-center" }, as = { class: "pa-1 d-flex justify-space-between align-center" };
 function is(t, e, o, i, a, r) {
   const s = w("VBtn"), c = w("VTooltip"), n = w("VCardText"), g = w("v-divider"), p = w("v-btn"), d = w("v-card-actions"), f = w("VCard");
-  return b(), I("div", Fl, [
+  return b(), T("div", Fl, [
     l("div", {
       class: "menu-bar-box transition pa-1",
       style: ae({ top: o.top + 134 + "px", right: a.right + "px" })
@@ -7642,11 +7651,11 @@ function is(t, e, o, i, a, r) {
         default: u(() => [
           m(n, null, {
             default: u(() => {
-              var k, v, S, C, N, M, L, _, z, P, x, T, U;
+              var k, v, S, C, N, M, L, _, z, P;
               return [
                 l("div", Wl, [
-                  l("span", Gl, y(((v = (k = a.activeTropicals) == null ? void 0 : k.name) == null ? void 0 : v.charAt(0).toUpperCase()) + ((C = (S = a.activeTropicals) == null ? void 0 : S.name) == null ? void 0 : C.slice(1).toLowerCase())), 1),
-                  (M = (N = a.activeTropicals) == null ? void 0 : N.history) != null && M.level ? (b(), I("span", Ul, ", " + y((_ = (L = a.activeTropicals) == null ? void 0 : L.history) == null ? void 0 : _.level), 1)) : O("", !0)
+                  l("span", Gl, y((k = a.activeTropicals) == null ? void 0 : k.name), 1),
+                  (S = (v = a.activeTropicals) == null ? void 0 : v.history) != null && S.level ? (b(), T("span", Ul, ", " + y((N = (C = a.activeTropicals) == null ? void 0 : C.history) == null ? void 0 : N.level), 1)) : O("", !0)
                 ]),
                 m(s, {
                   icon: "$close",
@@ -7654,11 +7663,11 @@ function is(t, e, o, i, a, r) {
                   density: "compact",
                   variant: "text",
                   class: "close",
-                  onClick: e[0] || (e[0] = (Y) => a.showTropicalsInfo = !1)
+                  onClick: e[0] || (e[0] = (x) => a.showTropicalsInfo = !1)
                 }),
                 l("div", Vl, [
                   e[5] || (e[5] = l("span", { class: "opacity-70" }, "Last update: ", -1)),
-                  l("span", null, y(r.computeTime(((P = (z = a.activeTropicals) == null ? void 0 : z.history) == null ? void 0 : P.updated) || ((U = (T = (x = a.activeTropicals) == null ? void 0 : x.forecasts) == null ? void 0 : T.filter((Y) => !Y.disabled)[0]) == null ? void 0 : U.date))), 1)
+                  l("span", null, y(r.computeTime(((L = (M = a.activeTropicals) == null ? void 0 : M.history) == null ? void 0 : L.updated) || ((P = (z = (_ = a.activeTropicals) == null ? void 0 : _.forecasts) == null ? void 0 : z.filter((x) => !x.disabled)[0]) == null ? void 0 : P.date))), 1)
                 ])
               ];
             }),
@@ -7696,13 +7705,13 @@ function is(t, e, o, i, a, r) {
                     style: { width: "max-content" }
                   }, "Forecast Models : ", -1)),
                   l("div", $l, [
-                    (b(!0), I(ke, null, Le((z = a.activeTropicals) == null ? void 0 : z.forecasts, (P, x) => (b(), j(p, {
+                    (b(!0), T(ke, null, Le((z = a.activeTropicals) == null ? void 0 : z.forecasts, (P, x) => (b(), j(p, {
                       key: x,
                       density: "compact",
                       variant: P.disabled ? "outlined btn-border-2" : "flat",
                       color: P.disabled ? "" : "primary",
                       class: "model text-none text-body-1",
-                      onClick: (T) => r.handleForecastToggle(P)
+                      onClick: (I) => r.handleForecastToggle(P)
                     }, {
                       default: u(() => [
                         G(y(P.model), 1)
@@ -7839,7 +7848,7 @@ function is(t, e, o, i, a, r) {
     ])
   ]);
 }
-const Ma = /* @__PURE__ */ X(Nl, [["render", is]]);
+const Ma = /* @__PURE__ */ Z(Nl, [["render", is]]);
 const rs = {
   name: "DateTimePicker",
   props: {
@@ -8001,7 +8010,7 @@ const rs = {
 };
 function ms(t, e, o, i, a, r) {
   const s = w("VBtn"), c = w("VDatePicker"), n = w("VDivider"), g = w("VListItemTitle"), p = w("VListItem"), d = w("VList"), f = w("VCardText"), k = w("VCardActions"), v = w("VCard");
-  return b(), I("div", ls, [
+  return b(), T("div", ls, [
     m(s, {
       text: "",
       height: "30",
@@ -8043,7 +8052,7 @@ function ms(t, e, o, i, a, r) {
               l("div", cs, y(a.currentTime), 1),
               m(d, { class: "pa-0 flex-1-1-0" }, {
                 default: u(() => [
-                  (b(!0), I(ke, null, Le(r.hourOptions, (S, C) => (b(), j(p, {
+                  (b(!0), T(ke, null, Le(r.hourOptions, (S, C) => (b(), j(p, {
                     key: C,
                     value: S,
                     color: "primary",
@@ -8111,7 +8120,7 @@ function ms(t, e, o, i, a, r) {
     })) : O("", !0)
   ]);
 }
-const ro = /* @__PURE__ */ X(rs, [["render", ms]]);
+const ro = /* @__PURE__ */ Z(rs, [["render", ms]]);
 const hs = {
   name: "IdmPoint",
   components: {
@@ -8346,10 +8355,10 @@ const hs = {
       (a == null ? void 0 : a.data.code) === 0 && (this.meteoData = a == null ? void 0 : a.data.data), this.loading = !1;
     },
     initTableData(t) {
-      var o, i, a, r, s, c, n, g, p, d, f, k, v, S, C, N, M, L, _, z, P, x, T, U, Y, q, Z, $, ee, Q, ce, de, pe, me, K, ie, ue, F, se, xe, ve;
+      var o, i, a, r, s, c, n, g, p, d, f, k, v, S, C, N, M, L, _, z, P, x, I, V, X, q, Y, $, ee, Q, le, de, pe, me, K, ie, ue, F, ne, xe, ve;
       this.currentHourData = {}, this.positionGmt = (i = (o = t == null ? void 0 : t.weather) == null ? void 0 : o[0]) == null ? void 0 : i.timezone, this.positionOffset = (r = (a = t == null ? void 0 : t.weather) == null ? void 0 : a[0]) == null ? void 0 : r.offset;
       const e = ((s = ao.pickHourly(t, D(this.form.dateTime))) == null ? void 0 : s[0]) || {};
-      this.currentHourData.utc = e.utc, this.currentHourData.lat = this.form.lat, this.currentHourData.lng = this.form.lng, this.currentHourData.temp = this.roundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.roundPrecision((g = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : g.probability, 0) ?? "-", this.currentHourData.precip1h = this.roundPrecision((d = (p = e == null ? void 0 : e.weather) == null ? void 0 : p.precip) == null ? void 0 : d.sum, 0) ?? "-", this.currentHourData.visibility = this.roundPrecision((f = e == null ? void 0 : e.weather) == null ? void 0 : f.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.roundPrecision((v = (k = e == null ? void 0 : e.weather) == null ? void 0 : k.wind) == null ? void 0 : v.kts, 1) ?? "-", this.currentHourData.windDir = (C = (S = e == null ? void 0 : e.weather) == null ? void 0 : S.wind) == null ? void 0 : C.direction, this.currentHourData.windLevel = this.roundPrecision((M = (N = e == null ? void 0 : e.weather) == null ? void 0 : N.wind) == null ? void 0 : M.scale, 0) ?? "-", this.currentHourData.windGust = this.roundPrecision((_ = (L = e == null ? void 0 : e.weather) == null ? void 0 : L.wind) == null ? void 0 : _.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.roundPrecision((P = (z = e == null ? void 0 : e.wave) == null ? void 0 : z.sig) == null ? void 0 : P.height, 1) ?? "-", this.currentHourData.sigwaveDir = (T = (x = e == null ? void 0 : e.wave) == null ? void 0 : x.sig) == null ? void 0 : T.direction, this.currentHourData.sigwavePeriod = this.roundPrecision((Y = (U = e == null ? void 0 : e.wave) == null ? void 0 : U.sig) == null ? void 0 : Y.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.roundPrecision((Z = (q = e == null ? void 0 : e.wave) == null ? void 0 : q.wd) == null ? void 0 : Z.height, 1) ?? "-", this.currentHourData.windwaveDir = (ee = ($ = e == null ? void 0 : e.wave) == null ? void 0 : $.wd) == null ? void 0 : ee.direction, this.currentHourData.windwavePeriod = this.roundPrecision((ce = (Q = e == null ? void 0 : e.wave) == null ? void 0 : Q.wd) == null ? void 0 : ce.period, 1) ?? "-", this.currentHourData.swellHeight = this.roundPrecision((pe = (de = e == null ? void 0 : e.wave) == null ? void 0 : de.swell) == null ? void 0 : pe.height, 1) ?? "-", this.currentHourData.swellDir = (K = (me = e == null ? void 0 : e.wave) == null ? void 0 : me.swell) == null ? void 0 : K.direction, this.currentHourData.swellPeriod = this.roundPrecision((ue = (ie = e == null ? void 0 : e.wave) == null ? void 0 : ie.swell) == null ? void 0 : ue.period, 1) ?? "-", this.currentHourData.currentSpeed = this.roundPrecision((F = e == null ? void 0 : e.current) == null ? void 0 : F.speed, 1) ?? "-", this.currentHourData.currentDir = (se = e == null ? void 0 : e.current) == null ? void 0 : se.direction, this.currentHourData.currentSpeed = this.roundPrecision((xe = e == null ? void 0 : e.current) == null ? void 0 : xe.speed, 1) ?? "-", this.currentHourData.seaLevel = this.roundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.roundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (ve = e == null ? void 0 : e.weather) == null ? void 0 : ve.url;
+      this.currentHourData.utc = e.utc, this.currentHourData.lat = this.form.lat, this.currentHourData.lng = this.form.lng, this.currentHourData.temp = this.roundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.roundPrecision((g = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : g.probability, 0) ?? "-", this.currentHourData.precip1h = this.roundPrecision((d = (p = e == null ? void 0 : e.weather) == null ? void 0 : p.precip) == null ? void 0 : d.sum, 0) ?? "-", this.currentHourData.visibility = this.roundPrecision((f = e == null ? void 0 : e.weather) == null ? void 0 : f.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.roundPrecision((v = (k = e == null ? void 0 : e.weather) == null ? void 0 : k.wind) == null ? void 0 : v.kts, 1) ?? "-", this.currentHourData.windDir = (C = (S = e == null ? void 0 : e.weather) == null ? void 0 : S.wind) == null ? void 0 : C.direction, this.currentHourData.windLevel = this.roundPrecision((M = (N = e == null ? void 0 : e.weather) == null ? void 0 : N.wind) == null ? void 0 : M.scale, 0) ?? "-", this.currentHourData.windGust = this.roundPrecision((_ = (L = e == null ? void 0 : e.weather) == null ? void 0 : L.wind) == null ? void 0 : _.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.roundPrecision((P = (z = e == null ? void 0 : e.wave) == null ? void 0 : z.sig) == null ? void 0 : P.height, 1) ?? "-", this.currentHourData.sigwaveDir = (I = (x = e == null ? void 0 : e.wave) == null ? void 0 : x.sig) == null ? void 0 : I.direction, this.currentHourData.sigwavePeriod = this.roundPrecision((X = (V = e == null ? void 0 : e.wave) == null ? void 0 : V.sig) == null ? void 0 : X.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.roundPrecision((Y = (q = e == null ? void 0 : e.wave) == null ? void 0 : q.wd) == null ? void 0 : Y.height, 1) ?? "-", this.currentHourData.windwaveDir = (ee = ($ = e == null ? void 0 : e.wave) == null ? void 0 : $.wd) == null ? void 0 : ee.direction, this.currentHourData.windwavePeriod = this.roundPrecision((le = (Q = e == null ? void 0 : e.wave) == null ? void 0 : Q.wd) == null ? void 0 : le.period, 1) ?? "-", this.currentHourData.swellHeight = this.roundPrecision((pe = (de = e == null ? void 0 : e.wave) == null ? void 0 : de.swell) == null ? void 0 : pe.height, 1) ?? "-", this.currentHourData.swellDir = (K = (me = e == null ? void 0 : e.wave) == null ? void 0 : me.swell) == null ? void 0 : K.direction, this.currentHourData.swellPeriod = this.roundPrecision((ue = (ie = e == null ? void 0 : e.wave) == null ? void 0 : ie.swell) == null ? void 0 : ue.period, 1) ?? "-", this.currentHourData.currentSpeed = this.roundPrecision((F = e == null ? void 0 : e.current) == null ? void 0 : F.speed, 1) ?? "-", this.currentHourData.currentDir = (ne = e == null ? void 0 : e.current) == null ? void 0 : ne.direction, this.currentHourData.currentSpeed = this.roundPrecision((xe = e == null ? void 0 : e.current) == null ? void 0 : xe.speed, 1) ?? "-", this.currentHourData.seaLevel = this.roundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.roundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (ve = e == null ? void 0 : e.weather) == null ? void 0 : ve.url;
     },
     handleBind() {
       var t, e;
@@ -8420,7 +8429,7 @@ const hs = {
 }, zs = ["xlink:href"], Ls = { class: "d-flex justify-start align-center" }, Ps = { class: "mx-2" };
 function Cs(t, e, o, i, a, r) {
   const s = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), g = w("VDivider"), p = w("VTextField"), d = w("VCol"), f = w("VRow"), k = w("DateTimePicker"), v = w("VBtnToggle"), S = w("VCardActions"), C = w("VForm"), N = w("VCardText"), M = w("VCard"), L = w("VIcon");
-  return b(), I("div", ds, [
+  return b(), T("div", ds, [
     l("div", {
       class: "menu-bar-box transition pa-1",
       style: ae({ top: o.top + 174 + "px", right: a.right + "px" })
@@ -8489,7 +8498,7 @@ function Cs(t, e, o, i, a, r) {
             }, {
               default: u(() => [
                 l("div", ps, [
-                  (b(), I("svg", us, [
+                  (b(), T("svg", us, [
                     l("use", {
                       "xlink:href": `#icon-lng-${o.theme}`
                     }, null, 8, gs)
@@ -8564,7 +8573,7 @@ function Cs(t, e, o, i, a, r) {
                   _: 1
                 }),
                 l("div", fs, [
-                  (b(), I("svg", ys, [
+                  (b(), T("svg", ys, [
                     l("use", {
                       "xlink:href": `#icon-lng-${o.theme}`
                     }, null, 8, bs)
@@ -8642,7 +8651,7 @@ function Cs(t, e, o, i, a, r) {
                   _: 1
                 }),
                 l("div", ws, [
-                  (b(), I("svg", xs, [
+                  (b(), T("svg", xs, [
                     l("use", {
                       "xlink:href": `#icon-a-DateTime-${o.theme}`
                     }, null, 8, vs)
@@ -8669,7 +8678,7 @@ function Cs(t, e, o, i, a, r) {
                   _: 1
                 }),
                 l("div", _s, [
-                  (b(), I("svg", ks, [
+                  (b(), T("svg", ks, [
                     l("use", {
                       "xlink:href": `#icon-a-ForecastModel-${o.theme}`
                     }, null, 8, zs)
@@ -9036,7 +9045,7 @@ function Cs(t, e, o, i, a, r) {
     ])
   ]);
 }
-const Ss = /* @__PURE__ */ X(hs, [["render", Cs]]);
+const Ss = /* @__PURE__ */ Z(hs, [["render", Cs]]);
 const Ms = {
   name: "IdmMeasure",
   props: {
@@ -9390,7 +9399,7 @@ const Ms = {
 }, Ts = { class: "idm-gl4-measure" };
 function Is(t, e, o, i, a, r) {
   const s = w("VBtn"), c = w("VTooltip");
-  return b(), I("div", Ts, [
+  return b(), T("div", Ts, [
     l("div", {
       class: "menu-bar-box transition pa-1",
       style: ae({ top: o.top + 214 + "px", right: a.right + "px" })
@@ -9419,7 +9428,7 @@ function Is(t, e, o, i, a, r) {
     ], 4)
   ]);
 }
-const Rs = /* @__PURE__ */ X(Ms, [["render", Is]]);
+const Rs = /* @__PURE__ */ Z(Ms, [["render", Is]]);
 const As = {
   name: "IdmBottomBar",
   components: { DateTimePicker: ro },
@@ -9539,8 +9548,8 @@ const As = {
 }, Fs = ["onClick"], Hs = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, Ws = { class: "text-body-1" };
 function Gs(t, e, o, i, a, r) {
   const s = w("DateTimePicker"), c = w("VListItemTitle"), n = w("VListItem"), g = w("VList"), p = w("VMenu"), d = w("VBtn"), f = w("VDivider"), k = w("VTooltip");
-  return b(), I("div", Ds, [
-    a.show ? (b(), I("div", {
+  return b(), T("div", Ds, [
+    a.show ? (b(), T("div", {
       key: 0,
       class: "timeline-box px-2 d-flex justify-start align-center rounded",
       style: ae({ right: a.right + 146 + "px" })
@@ -9568,7 +9577,7 @@ function Gs(t, e, o, i, a, r) {
               default: u(() => [
                 m(g, { class: "pa-1" }, {
                   default: u(() => [
-                    (b(!0), I(ke, null, Le(a.intervalOptions, (v, S) => (b(), j(n, {
+                    (b(!0), T(ke, null, Le(a.intervalOptions, (v, S) => (b(), j(n, {
                       key: S,
                       value: v,
                       variant: a.intervalHour === v ? "tonal" : "text",
@@ -9817,8 +9826,8 @@ function Gs(t, e, o, i, a, r) {
       class: "timezone-box d-flex flex-column justify-space-between align-end",
       style: ae({ right: a.right + "px" })
     }, [
-      a.showTimezone ? (b(), I("div", Ns, [
-        (b(!0), I(ke, null, Le(a.offsets, (v) => (b(), I("div", {
+      a.showTimezone ? (b(), T("div", Ns, [
+        (b(!0), T(ke, null, Le(a.offsets, (v) => (b(), T("div", {
           key: v,
           class: "item rounded text-body-2 hover-active",
           onClick: (S) => a.timeZone = v
@@ -9843,7 +9852,7 @@ function Gs(t, e, o, i, a, r) {
     ], 4)
   ]);
 }
-const Us = /* @__PURE__ */ X(As, [["render", Gs]]), Vs = {
+const Us = /* @__PURE__ */ Z(As, [["render", Gs]]), Vs = {
   name: "IdmGL4",
   components: {
     IdmOtherLayer: $i,
@@ -9910,7 +9919,7 @@ const Us = /* @__PURE__ */ X(As, [["render", Gs]]), Vs = {
 };
 function Zs(t, e, o, i, a, r) {
   const s = w("IdmOtherLayer"), c = w("IdmWeatherLayer"), n = w("IdmTropicals"), g = w("IdmMeasure"), p = w("IdmSpot"), d = w("IdmBottomBar");
-  return b(), I("div", Ys, [
+  return b(), T("div", Ys, [
     m(s, B({
       ref: "idmOtherLayers",
       token: o.token,
@@ -9981,16 +9990,16 @@ function Zs(t, e, o, i, a, r) {
     }), null, 16, ["forecast-model", "weather-check-list", "map-feather"])
   ], 512);
 }
-const Xs = /* @__PURE__ */ X(Vs, [["render", Zs]]);
+const Xs = /* @__PURE__ */ Z(Vs, [["render", Zs]]);
 class qs {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
-    le(this, "originStyle");
-    le(this, "mapboxStyle");
-    le(this, "i4");
-    le(this, "hi");
-    le(this, "td");
-    le(this, "windy");
-    var o, i, a, r, s, c, n, g, p, d, f, k, v, S, C, N, M, L, _, z, P, x, T, U, Y, q, Z, $, ee, Q, ce, de, pe, me, K, ie, ue, F, se, xe, ve, Se, Me, Te, Ie, Re, ye, H, te, je, Pe, he, ge, W, _e, J, re, Ae, A, fe, Ce, De, Oe, R, V, Ge, Ue, Ve, ze, Ze, Xe, qe, Ke, Qe, Je, $e, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, St, Mt, Tt, It, Rt, At, Dt, Ot, Bt, Et, jt, Nt, Ft, Ht, Wt, Gt, Ut, Vt, Yt, Zt, Xt, qt, Kt, Qt, Jt, lo, so, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, So, Mo, To, Io, Ro, Ao, Do, Oo, Bo, Eo, jo, No, Fo, Ho, Wo, Go, Uo, Vo, Yo, Zo, Xo, qo, Ko, Qo, Jo, $o, ea, ta, oa, aa, ia, ra, la, sa, na, ca, ma, ha, da, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La;
+    se(this, "originStyle");
+    se(this, "mapboxStyle");
+    se(this, "i4");
+    se(this, "hi");
+    se(this, "td");
+    se(this, "windy");
+    var o, i, a, r, s, c, n, g, p, d, f, k, v, S, C, N, M, L, _, z, P, x, I, V, X, q, Y, $, ee, Q, le, de, pe, me, K, ie, ue, F, ne, xe, ve, Se, Me, Te, Ie, Re, ye, H, te, je, Pe, he, ge, W, _e, J, re, Ae, A, fe, Ce, De, Oe, R, U, Ge, Ue, Ve, ze, Ze, Xe, qe, Ke, Qe, Je, $e, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, St, Mt, Tt, It, Rt, At, Dt, Ot, Bt, Et, jt, Nt, Ft, Ht, Wt, Gt, Ut, Vt, Yt, Zt, Xt, qt, Kt, Qt, Jt, lo, so, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, So, Mo, To, Io, Ro, Ao, Do, Oo, Bo, Eo, jo, No, Fo, Ho, Wo, Go, Uo, Vo, Yo, Zo, Xo, qo, Ko, Qo, Jo, $o, ea, ta, oa, aa, ia, ra, la, sa, na, ca, ma, ha, da, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La;
     this.i4 = {
       source: {
         type: "raster",
@@ -28273,15 +28282,15 @@ class qs {
           (L = (M = this.originStyle) == null ? void 0 : M.light.layers) == null ? void 0 : L.find((h) => h.id === "water-outline2"),
           (z = (_ = this.originStyle) == null ? void 0 : _.light.layers) == null ? void 0 : z.find((h) => h.id === "empty-layer-2"),
           (x = (P = this.originStyle) == null ? void 0 : P.light.layers) == null ? void 0 : x.find((h) => h.id === "water-line-label"),
-          (U = (T = this.originStyle) == null ? void 0 : T.light.layers) == null ? void 0 : U.find((h) => h.id === "water-point-label"),
-          (q = (Y = this.originStyle) == null ? void 0 : Y.light.layers) == null ? void 0 : q.find((h) => h.id === "world-12nm-v4-20231025"),
-          ($ = (Z = this.originStyle) == null ? void 0 : Z.light.layers) == null ? void 0 : $.find((h) => h.id === "ne-10m-outline"),
+          (V = (I = this.originStyle) == null ? void 0 : I.light.layers) == null ? void 0 : V.find((h) => h.id === "water-point-label"),
+          (q = (X = this.originStyle) == null ? void 0 : X.light.layers) == null ? void 0 : q.find((h) => h.id === "world-12nm-v4-20231025"),
+          ($ = (Y = this.originStyle) == null ? void 0 : Y.light.layers) == null ? void 0 : $.find((h) => h.id === "ne-10m-outline"),
           (Q = (ee = this.originStyle) == null ? void 0 : ee.light.layers) == null ? void 0 : Q.find((h) => h.id === "ne-10m-label"),
-          (de = (ce = this.originStyle) == null ? void 0 : ce.light.layers) == null ? void 0 : de.find((h) => h.id === "china-route-line"),
+          (de = (le = this.originStyle) == null ? void 0 : le.light.layers) == null ? void 0 : de.find((h) => h.id === "china-route-line"),
           (me = (pe = this.originStyle) == null ? void 0 : pe.light.layers) == null ? void 0 : me.find((h) => h.id === "china-route-fill"),
           (ie = (K = this.originStyle) == null ? void 0 : K.light.layers) == null ? void 0 : ie.find((h) => h.id === "china-route-label"),
           (F = (ue = this.originStyle) == null ? void 0 : ue.light.layers) == null ? void 0 : F.find((h) => h.id === "admin-0-boundary-bg"),
-          (xe = (se = this.originStyle) == null ? void 0 : se.light.layers) == null ? void 0 : xe.find((h) => h.id === "admin-0-boundary"),
+          (xe = (ne = this.originStyle) == null ? void 0 : ne.light.layers) == null ? void 0 : xe.find((h) => h.id === "admin-0-boundary"),
           (Se = (ve = this.originStyle) == null ? void 0 : ve.light.layers) == null ? void 0 : Se.find((h) => h.id === "admin-0-boundary-disputed"),
           (Te = (Me = this.originStyle) == null ? void 0 : Me.light.layers) == null ? void 0 : Te.find((h) => h.id === "country-label"),
           (Re = (Ie = this.originStyle) == null ? void 0 : Ie.light.layers) == null ? void 0 : Re.find((h) => h.id === "continent-label"),
@@ -28315,7 +28324,7 @@ class qs {
           (A = (Ae = this.originStyle) == null ? void 0 : Ae.dark.layers) == null ? void 0 : A.find((h) => h.id === "land"),
           (Ce = (fe = this.originStyle) == null ? void 0 : fe.dark.layers) == null ? void 0 : Ce.find((h) => h.id === "water"),
           (Oe = (De = this.originStyle) == null ? void 0 : De.dark.layers) == null ? void 0 : Oe.find((h) => h.id === "ice-area-fill"),
-          (V = (R = this.originStyle) == null ? void 0 : R.dark.layers) == null ? void 0 : V.find((h) => h.id === "ice-area-line"),
+          (U = (R = this.originStyle) == null ? void 0 : R.dark.layers) == null ? void 0 : U.find((h) => h.id === "ice-area-line"),
           (Ue = (Ge = this.originStyle) == null ? void 0 : Ge.dark.layers) == null ? void 0 : Ue.find((h) => h.id === "empty-layer-0"),
           (ze = (Ve = this.originStyle) == null ? void 0 : Ve.dark.layers) == null ? void 0 : ze.find((h) => h.id === "empty-layer-1"),
           (Xe = (Ze = this.originStyle) == null ? void 0 : Ze.dark.layers) == null ? void 0 : Xe.find((h) => h.id === "country-boundaries"),
@@ -28525,7 +28534,7 @@ const Ks = {
 }, Qs = { class: "mapbox-initial-gl4" }, Js = { class: "v-btn--variant-elevated rounded" }, $s = { class: "zoom" };
 function en(t, e, o, i, a, r) {
   const s = w("VBtn");
-  return b(), I("div", Qs, [
+  return b(), T("div", Qs, [
     e[2] || (e[2] = l("div", { id: "map" }, null, -1)),
     l("div", {
       class: "menu-bar-box transition px-1 rounded d-flex flex-column",
@@ -28563,7 +28572,7 @@ function en(t, e, o, i, a, r) {
     ], 4)
   ]);
 }
-const tn = /* @__PURE__ */ X(Ks, [["render", en]]), un = {
+const tn = /* @__PURE__ */ Z(Ks, [["render", en]]), un = {
   install(t) {
     t.component("MapInitial", tn), t.component("MapboxGL", Xs), t.component("TropicalGL", Ma), t.component("LatLngGL", Sa), t.component("DateTimePicker", ro);
   }
@@ -28578,5 +28587,5 @@ export {
   Ma as TropicalGL,
   io as Viewport,
   Ne as WebGL,
-  ne as WebGLSchema
+  ce as WebGLSchema
 };