@idmwx/idmui-gl4 1.2.8 → 1.2.9

package/dist/index.js

@@ -1,6 +1,6 @@
 var Xo = Object.defineProperty;
 var $o = (t, e, a) => e in t ? Xo(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
-var me = (t, e, a) => ($o(t, typeof e != "symbol" ? e + "" : e, a), a);
+var de = (t, e, a) => ($o(t, typeof e != "symbol" ? e + "" : e, a), a);
 import Se from "axios";
 import { useTheme as ze } from "vuetify";
 import { openBlock as b, createElementBlock as S, resolveComponent as x, createBlock as A, withCtx as u, createVNode as d, withModifiers as qe, createElementVNode as l, createCommentVNode as D, normalizeClass as He, toDisplayString as h, createTextVNode as j, Fragment as be, renderList as we, withDirectives as Ue, vShow as We, mergeProps as O, normalizeStyle as ie } from "vue";
@@ -9,8 +9,8 @@ import { LngLatHelper as $, TropicalHelper as Vo, LaneHelper as Fe } from "@idm-
 import M from "moment";
 import { Meteo2Assist as oa, TidesAssist as qo } from "@idm-plugin/meteo";
 import * as ra from "echarts";
-import * as H from "@turf/turf";
-import { LayerHelper as ia, CompanyHelper as Qo } from "@idm-plugin/tag-nop";
+import * as U from "@turf/turf";
+import { LayerHelper as ia, CompanyHelper as Qo } from "@idm-plugin/tag2";
 import Jo from "@mapbox/sphericalmercator";
 import { LayerHelper as ei } from "@idm-plugin/tag";
 const q = (t, e) => {
@@ -1485,10 +1485,10 @@ const ui = {
         { label: "Swell", key: "weather.swell", unit: "m" },
         { label: "Current", key: "weather.current", unit: "kts" }
       ], (a = (e = this.dateList) == null ? void 0 : e[this.currentIndex]) == null || a.dateTimeList.forEach((i, o) => {
-        var c, n, g, p, f, w, v, y, C, T, B, I, L, _, k, P, z, R, G, Y, K, V, J, ee, Q, re, de, pe, se, X, oe, ue, ne, F, ce, xe, Le, Pe;
+        var c, n, g, p, f, w, v, y, C, T, B, I, L, _, k, P, z, R, G, Y, K, V, J, ee, Q, re, he, pe, ne, X, oe, ue, ce, F, me, xe, Le, Pe;
         let r = {};
         const s = ((c = oa.pickHourly(t, M(i))) == null ? void 0 : c[0]) || {};
-        r.utc = s.utc, r.lat = t.lat, r.lng = t.lng, r.weatherUrl = (n = s.weather) == null ? void 0 : n.url, r.temp = this.computeRoundPrecision((g = s == null ? void 0 : s.weather) == null ? void 0 : g.temp, 0) ?? "-", r.precipProbability = this.computeRoundPrecision((f = (p = s == null ? void 0 : s.weather) == null ? void 0 : p.precip) == null ? void 0 : f.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((v = (w = s == null ? void 0 : s.weather) == null ? void 0 : w.precip) == null ? void 0 : v.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((y = s == null ? void 0 : s.weather) == null ? void 0 : y.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((T = (C = s == null ? void 0 : s.weather) == null ? void 0 : C.wind) == null ? void 0 : T.kts, 1) ?? "-", r.windDir = (I = (B = s == null ? void 0 : s.weather) == null ? void 0 : B.wind) == null ? void 0 : I.direction, r.windLevel = this.computeRoundPrecision((_ = (L = s == null ? void 0 : s.weather) == null ? void 0 : L.wind) == null ? void 0 : _.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((P = (k = s == null ? void 0 : s.weather) == null ? void 0 : k.wind) == null ? void 0 : P.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((R = (z = s == null ? void 0 : s.wave) == null ? void 0 : z.sig) == null ? void 0 : R.height, 1) ?? "-", r.sigwaveDir = (Y = (G = s == null ? void 0 : s.wave) == null ? void 0 : G.sig) == null ? void 0 : Y.direction, r.sigwavePeriod = this.computeRoundPrecision((V = (K = s == null ? void 0 : s.wave) == null ? void 0 : K.sig) == null ? void 0 : V.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((ee = (J = s == null ? void 0 : s.wave) == null ? void 0 : J.wd) == null ? void 0 : ee.height, 1) ?? "-", r.windwaveDir = (re = (Q = s == null ? void 0 : s.wave) == null ? void 0 : Q.wd) == null ? void 0 : re.direction, r.windwavePeriod = this.computeRoundPrecision((pe = (de = s == null ? void 0 : s.wave) == null ? void 0 : de.wd) == null ? void 0 : pe.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((X = (se = s == null ? void 0 : s.wave) == null ? void 0 : se.swell) == null ? void 0 : X.height, 1) ?? "-", r.swellDir = (ue = (oe = s == null ? void 0 : s.wave) == null ? void 0 : oe.swell) == null ? void 0 : ue.direction, r.swellPeriod = this.computeRoundPrecision((F = (ne = s == null ? void 0 : s.wave) == null ? void 0 : ne.swell) == null ? void 0 : F.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((ce = s == null ? void 0 : s.current) == null ? void 0 : ce.speed, 1) ?? "-", r.currentDir = (xe = s == null ? void 0 : s.current) == null ? void 0 : xe.direction, r.currentSpeed = this.computeRoundPrecision((Le = s == null ? void 0 : s.current) == null ? void 0 : Le.speed, 1) ?? "-", r.seaLevel = this.computeRoundPrecision(s == null ? void 0 : s.height, 1) ?? "-", r.seaTemp = this.computeRoundPrecision(s == null ? void 0 : s.sst, 0) ?? "-", r.weatherUrls = (Pe = s == null ? void 0 : s.weather) == null ? void 0 : Pe.url, this.tableData[0][`value${o}`] = o * this.interval > 10 ? o * this.interval : "0" + o * this.interval, this.tableData[1][`value${o}`] = r.weatherUrl, this.tableData[2][`value${o}`] = r.temp, this.tableData[3][`value${o}`] = r.precip1h, this.tableData[4][`value${o}`] = r.visibility, this.tableData[5][`value${o}`] = r.windSpeed, this.tableData[6][`value${o}`] = r.sigwaveHeight, this.tableData[7][`value${o}`] = r.swellHeight, this.tableData[8][`value${o}`] = r.currentSpeed;
+        r.utc = s.utc, r.lat = t.lat, r.lng = t.lng, r.weatherUrl = (n = s.weather) == null ? void 0 : n.url, r.temp = this.computeRoundPrecision((g = s == null ? void 0 : s.weather) == null ? void 0 : g.temp, 0) ?? "-", r.precipProbability = this.computeRoundPrecision((f = (p = s == null ? void 0 : s.weather) == null ? void 0 : p.precip) == null ? void 0 : f.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((v = (w = s == null ? void 0 : s.weather) == null ? void 0 : w.precip) == null ? void 0 : v.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((y = s == null ? void 0 : s.weather) == null ? void 0 : y.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((T = (C = s == null ? void 0 : s.weather) == null ? void 0 : C.wind) == null ? void 0 : T.kts, 1) ?? "-", r.windDir = (I = (B = s == null ? void 0 : s.weather) == null ? void 0 : B.wind) == null ? void 0 : I.direction, r.windLevel = this.computeRoundPrecision((_ = (L = s == null ? void 0 : s.weather) == null ? void 0 : L.wind) == null ? void 0 : _.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((P = (k = s == null ? void 0 : s.weather) == null ? void 0 : k.wind) == null ? void 0 : P.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((R = (z = s == null ? void 0 : s.wave) == null ? void 0 : z.sig) == null ? void 0 : R.height, 1) ?? "-", r.sigwaveDir = (Y = (G = s == null ? void 0 : s.wave) == null ? void 0 : G.sig) == null ? void 0 : Y.direction, r.sigwavePeriod = this.computeRoundPrecision((V = (K = s == null ? void 0 : s.wave) == null ? void 0 : K.sig) == null ? void 0 : V.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((ee = (J = s == null ? void 0 : s.wave) == null ? void 0 : J.wd) == null ? void 0 : ee.height, 1) ?? "-", r.windwaveDir = (re = (Q = s == null ? void 0 : s.wave) == null ? void 0 : Q.wd) == null ? void 0 : re.direction, r.windwavePeriod = this.computeRoundPrecision((pe = (he = s == null ? void 0 : s.wave) == null ? void 0 : he.wd) == null ? void 0 : pe.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((X = (ne = s == null ? void 0 : s.wave) == null ? void 0 : ne.swell) == null ? void 0 : X.height, 1) ?? "-", r.swellDir = (ue = (oe = s == null ? void 0 : s.wave) == null ? void 0 : oe.swell) == null ? void 0 : ue.direction, r.swellPeriod = this.computeRoundPrecision((F = (ce = s == null ? void 0 : s.wave) == null ? void 0 : ce.swell) == null ? void 0 : F.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((me = s == null ? void 0 : s.current) == null ? void 0 : me.speed, 1) ?? "-", r.currentDir = (xe = s == null ? void 0 : s.current) == null ? void 0 : xe.direction, r.currentSpeed = this.computeRoundPrecision((Le = s == null ? void 0 : s.current) == null ? void 0 : Le.speed, 1) ?? "-", r.seaLevel = this.computeRoundPrecision(s == null ? void 0 : s.height, 1) ?? "-", r.seaTemp = this.computeRoundPrecision(s == null ? void 0 : s.sst, 0) ?? "-", r.weatherUrls = (Pe = s == null ? void 0 : s.weather) == null ? void 0 : Pe.url, this.tableData[0][`value${o}`] = o * this.interval > 10 ? o * this.interval : "0" + o * this.interval, this.tableData[1][`value${o}`] = r.weatherUrl, this.tableData[2][`value${o}`] = r.temp, this.tableData[3][`value${o}`] = r.precip1h, this.tableData[4][`value${o}`] = r.visibility, this.tableData[5][`value${o}`] = r.windSpeed, this.tableData[6][`value${o}`] = r.sigwaveHeight, this.tableData[7][`value${o}`] = r.swellHeight, this.tableData[8][`value${o}`] = r.currentSpeed;
       });
     },
     handleTide() {
@@ -3327,7 +3327,7 @@ const Fl = {
     handleZoomEnd() {
       var e;
       const t = this.handleComputeLatLngs();
-      (e = this.map) == null || e.getSource(this.source).setData(H.featureCollection(t));
+      (e = this.map) == null || e.getSource(this.source).setData(U.featureCollection(t));
     },
     handleRender() {
       if (this.handleClear(), this.map) {
@@ -5442,7 +5442,7 @@ const es = {
       if (t) {
         const i = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], o = await Se.get(`${i}/api/arc/other/layers/links?l=${t}&t=${this.realTime}`, {
           headers: {
-            Authorization: this.token || this.defaultMeteoToken
+            Authorization: this.defaultMeteoToken
           }
         });
         if (((e = o == null ? void 0 : o.data) == null ? void 0 : e.code) === 0) {
@@ -5451,7 +5451,7 @@ const es = {
             s.push(
               Se.get(r[n], {
                 headers: {
-                  Authorization: this.token || this.defaultMeteoToken,
+                  Authorization: this.defaultMeteoToken,
                   key: n
                 }
               })
@@ -5468,7 +5468,7 @@ const es = {
       var a, i;
       const t = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], e = await Se.get(`${t}/api/arc/other/layers/links?l=1024&t=${this.realTime}`, {
         headers: {
-          Authorization: this.token || this.defaultMeteoToken
+          Authorization: this.defaultMeteoToken
         }
       });
       ((a = e == null ? void 0 : e.data) == null ? void 0 : a.code) === 0 && (this.otherLayers["day-night"] = ((i = e == null ? void 0 : e.data) == null ? void 0 : i.data) || (e == null ? void 0 : e.data));
@@ -5496,7 +5496,7 @@ const es = {
   class: "border rounded-sm"
 }, ds = { class: "text-body-2 text-center pt-1" };
 function hs(t, e, a, i, o, r) {
-  var Q, re, de, pe, se, X, oe, ue, ne;
+  var Q, re, he, pe, ne, X, oe, ue, ce;
   const s = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), g = x("VCardItem"), p = x("VCheckbox"), f = x("VCardText"), w = x("VCard"), v = x("IdmLatLng"), y = x("IdmTerminator"), C = x("IdmTimezone"), T = x("IdmPort"), B = x("IdmAlertZone"), I = x("IdmTideStations"), L = x("IdmEcaZone"), _ = x("IdmWarZone"), k = x("IdmGmdssArea"), P = x("IdmLoadLine"), z = x("IdmWorldMarine"), R = x("IdmVRA"), G = x("IdmSpecialArea"), Y = x("IdmWorld12nm"), K = x("IdmChinaRoute"), V = x("IdmIceAreas"), J = x("IdmFollowPort"), ee = x("IdmFollowPosition");
   return b(), S("div", ts, [
     l("div", {
@@ -5571,7 +5571,7 @@ function hs(t, e, a, i, o, r) {
                   (b(!0), S(be, null, we(o.mapFeathers, (F) => (b(), S("div", {
                     key: F.value,
                     class: "mb-2 feather-item",
-                    onClick: (ce) => r.handleToggleMapFeather(F)
+                    onClick: (me) => r.handleToggleMapFeather(F)
                   }, [
                     l("div", {
                       class: He([o.mapFeather === F.value ? "active" : "", "img-box"])
@@ -5584,7 +5584,7 @@ function hs(t, e, a, i, o, r) {
                 (b(!0), S(be, null, we(o.tagLayers.filter((F) => ["graticule", "day-night", "time-zones"].includes(F.key)), (F) => (b(), A(p, {
                   key: F.key,
                   modelValue: o.checkList,
-                  "onUpdate:modelValue": e[0] || (e[0] = (ce) => o.checkList = ce),
+                  "onUpdate:modelValue": e[0] || (e[0] = (me) => o.checkList = me),
                   value: F.key,
                   label: t.$t(`layer.${F.locale}`),
                   color: "primary",
@@ -5623,7 +5623,7 @@ function hs(t, e, a, i, o, r) {
                 (b(!0), S(be, null, we(o.tagLayers.filter((F) => ["ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (b(), A(p, {
                   key: F.key,
                   modelValue: o.checkList,
-                  "onUpdate:modelValue": e[1] || (e[1] = (ce) => o.checkList = ce),
+                  "onUpdate:modelValue": e[1] || (e[1] = (me) => o.checkList = me),
                   value: F.key,
                   label: t.$t(`layer.${F.locale}`),
                   color: "primary",
@@ -5662,7 +5662,7 @@ function hs(t, e, a, i, o, r) {
                 (b(!0), S(be, null, we(o.tagLayers.filter((F) => !["graticule", "day-night", "time-zones", "ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (b(), A(p, {
                   key: F.key,
                   modelValue: o.checkList,
-                  "onUpdate:modelValue": e[2] || (e[2] = (ce) => o.checkList = ce),
+                  "onUpdate:modelValue": e[2] || (e[2] = (me) => o.checkList = me),
                   value: F.key,
                   label: t.$t(`layer.${F.locale}`),
                   color: "primary",
@@ -5748,7 +5748,7 @@ function hs(t, e, a, i, o, r) {
       key: 3,
       ref: "idmPorts",
       map: a.map,
-      ports: (de = o.otherLayers) == null ? void 0 : de.ports,
+      ports: (he = o.otherLayers) == null ? void 0 : he.ports,
       gateway: a.gateway,
       token: a.token,
       "forecast-model": a.forecastModel,
@@ -5777,7 +5777,7 @@ function hs(t, e, a, i, o, r) {
     a.map ? (b(), A(L, O({
       key: 6,
       map: a.map,
-      zone: (se = o.otherLayers) == null ? void 0 : se["eca-zones"]
+      zone: (ne = o.otherLayers) == null ? void 0 : ne["eca-zones"]
     }, t.$attrs), null, 16, ["map", "zone"])) : D("", !0),
     a.map ? (b(), A(_, O({
       key: 7,
@@ -5808,7 +5808,7 @@ function hs(t, e, a, i, o, r) {
     a.map ? (b(), A(G, O({
       key: 12,
       map: a.map,
-      area: (ne = o.otherLayers) == null ? void 0 : ne["special-area"]
+      area: (ce = o.otherLayers) == null ? void 0 : ce["special-area"]
     }, t.$attrs), null, 16, ["map", "area"])) : D("", !0),
     a.map ? (b(), A(Y, O({
       key: 13,
@@ -5850,15 +5850,15 @@ function hs(t, e, a, i, o, r) {
 const ps = /* @__PURE__ */ q(es, [["render", hs]]);
 class sa {
   constructor(e) {
-    me(this, "map");
-    me(this, "mercator");
-    me(this, "rampColorLayer");
-    me(this, "rampColorSource");
-    me(this, "particleLayer");
-    me(this, "particleSource");
-    me(this, "rampColorCanvas");
-    me(this, "particleCanvas");
-    me(this, "ratio");
+    de(this, "map");
+    de(this, "mercator");
+    de(this, "rampColorLayer");
+    de(this, "rampColorSource");
+    de(this, "particleLayer");
+    de(this, "particleSource");
+    de(this, "rampColorCanvas");
+    de(this, "particleCanvas");
+    de(this, "ratio");
     this.map = e, this.mercator = new Jo(), 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;
   }
   /**
@@ -5938,7 +5938,7 @@ class sa {
     a !== i && this.map.setLayoutProperty(this.particleLayer, "visibility", i);
   }
 }
-class je {
+class Ne {
   /**
    * 创建着色器
    * @see https://webglfundamentals.org/webgl/lessons/zh_cn/webgl-shaders-and-glsl.html
@@ -6133,10 +6133,10 @@ class je {
     });
   }
 }
-class he {
+class se {
 }
 // 顶点渲染
-me(he, "vertexSchema", `
+de(se, "vertexSchema", `
     //canvas 坐标系上的坐标 (x, y)
     attribute vec2 a_position; //像素坐标
     attribute vec2 a_texCoord; //纹理坐标
@@ -6151,7 +6151,7 @@ me(he, "vertexSchema", `
       gl_Position = vec4(position * vec2(1, -1), 0.0, 1.0);
       v_texCoord = a_texCoord;
     }`), // 类如风、流等u v双变量片元渲染
-me(he, "uvFragmentSchema", `
+de(se, "uvFragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image;
     uniform vec2 u_range_u_v;
@@ -6171,7 +6171,7 @@ me(he, "uvFragmentSchema", `
 
       gl_FragColor = color;
     }`), // 类如浪、气压等单变量片元渲染
-me(he, "fragmentSchema", `
+de(se, "fragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image; // 灰度
     uniform sampler2D u_color; // 色值映射
@@ -6184,7 +6184,7 @@ me(he, "fragmentSchema", `
     }`);
 class ke {
 }
-me(ke, "vertexSchema", `
+de(ke, "vertexSchema", `
     precision mediump float;
 
     attribute float a_index; // 索引
@@ -6208,7 +6208,7 @@ me(ke, "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);
-    }`), me(ke, "fragmentSchema", `
+    }`), de(ke, "fragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_factor;
@@ -6230,7 +6230,7 @@ me(ke, "vertexSchema", `
 
       float f = 1.0 - uv.b;
       gl_FragColor = texture2D(u_color_ramp, ramp_pos) * f;
-    }`), me(ke, "quadVertSchema", `
+    }`), de(ke, "quadVertSchema", `
     precision mediump float;
 
     attribute vec2 a_pos;
@@ -6240,7 +6240,7 @@ me(ke, "vertexSchema", `
     void main() {
       v_tex_pos = a_pos;
       gl_Position = vec4(1.0 - 2.0 * a_pos, 0, 1);
-    }`), me(ke, "screenFragmentSchema", `
+    }`), de(ke, "screenFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_screen;
@@ -6252,7 +6252,7 @@ me(ke, "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);
-    }`), me(ke, "updateFragmentSchema", `
+    }`), de(ke, "updateFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_particles;
@@ -6387,7 +6387,7 @@ const us = {
       showCaption: !1,
       source: "wind-barb-source",
       barbs: [0, 2, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95, 100, 105],
-      empty: H.featureCollection([]),
+      empty: U.featureCollection([]),
       right: 10,
       bottom: 125,
       windBarbLoaded: !1,
@@ -6513,7 +6513,7 @@ const bs = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new je(),
+      webgl: new Ne(),
       etime: void 0,
       wrapper: void 0,
       animation: void 0,
@@ -6599,7 +6599,7 @@ const bs = {
           [1, "rgb(91, 136, 161)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, he.vertexSchema, he.uvFragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, se.vertexSchema, se.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
       this.handleParticleSetup();
@@ -6706,7 +6706,7 @@ const vs = /* @__PURE__ */ q(bs, [["render", xs]]), _s = {
       directionLayer: "current-direction-layer",
       speedLayer: "current-speed-layer",
       speedLabelLayer: "current-speed-label-layer",
-      empty: H.featureCollection([])
+      empty: U.featureCollection([])
     };
   },
   computed: {
@@ -6853,7 +6853,7 @@ const Ls = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new je(),
+      webgl: new Ne(),
       etime: void 0,
       wrapper: void 0,
       animation: void 0,
@@ -6931,7 +6931,7 @@ const Ls = {
           [1, "rgb(195,194,194)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, he.vertexSchema, he.uvFragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, se.vertexSchema, se.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
       this.handleParticleSetup();
@@ -7012,7 +7012,7 @@ function Cs(t, e, a, i, o, r) {
 }
 const Ts = /* @__PURE__ */ q(Ls, [["render", Cs]]);
 const Ss = {
-  name: "IdmTemp",
+  name: "IdmSigWave",
   props: {
     factor: {
       type: Object
@@ -7035,7 +7035,7 @@ const Ss = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new je(),
+      webgl: new Ne(),
       etime: void 0,
       right: 10
     };
@@ -7103,7 +7103,7 @@ const Ss = {
           //13
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, he.vertexSchema, he.fragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, se.vertexSchema, se.fragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
     },
@@ -7134,8 +7134,8 @@ function Ms(t, e, a, i, o, r) {
     ]), 4)
   ])) : D("", !0);
 }
-const As = /* @__PURE__ */ q(Ss, [["render", Ms], ["__scopeId", "data-v-6d3e12de"]]), Ds = {
-  name: "IdmSigWave",
+const As = /* @__PURE__ */ q(Ss, [["render", Ms], ["__scopeId", "data-v-c069e9e6"]]), Ds = {
+  name: "IdmSigWaveHeight",
   props: {
     map: {
       type: Object
@@ -7158,7 +7158,7 @@ const As = /* @__PURE__ */ q(Ss, [["render", Ms], ["__scopeId", "data-v-6d3e12de
       source: "sig-wave-height-source",
       heightLayer: "sig-wave-height-layer",
       heightLabelLayer: "sig-wave-height-label-layer",
-      empty: H.featureCollection([])
+      empty: U.featureCollection([])
     };
   },
   watch: {
@@ -7282,157 +7282,131 @@ const As = /* @__PURE__ */ q(Ss, [["render", Ms], ["__scopeId", "data-v-6d3e12de
 function Rs(t, e, a, i, o, r) {
   return null;
 }
-const Os = /* @__PURE__ */ q(Ds, [["render", Rs]]), Bs = {
+const Os = /* @__PURE__ */ q(Ds, [["render", Rs]]);
+const Bs = {
   name: "IdmSwell",
   props: {
-    map: {
+    factor: {
       type: Object
     },
-    swell: {
+    viewport: {
       type: Object
     },
-    beforeLayer: {
-      type: String
+    bottom: {
+      type: String,
+      default: "70px"
     },
-    activeWeatherLayers: {
-      type: Array
+    menuToggle: {
+      type: Object
     }
   },
   data() {
     return {
-      source: "swell-source",
-      directionLayer: "swell-direction-layer",
-      heightLayer: "swell-height-layer",
-      heightLabelLayer: "swell-height-label-layer",
-      empty: H.featureCollection([])
+      program: void 0,
+      context: void 0,
+      texture: void 0,
+      rampColor: void 0,
+      aPositionBuffer: void 0,
+      webgl: new Ne(),
+      etime: void 0,
+      right: 10
     };
   },
   watch: {
-    "swell.version": {
+    "factor.version": {
       handler() {
         var t;
-        (t = this.swell) != null && t.active ? this.handleRender() : this.handleClear();
+        (t = this.factor) != null && t.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
+    },
+    "menuToggle.v": {
+      handler() {
+        var t;
+        this.right = (((t = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : t.clientWidth) || 0) + 10;
+      },
+      immediate: !0
     }
   },
   methods: {
     handleRender() {
-      var t, e;
-      if (this.swell) {
-        const a = (/* @__PURE__ */ new Date()).valueOf();
-        let i = 0, o = 0, r = this.empty;
-        if (this.swell.active && (r = this.swell.data), (t = this.map) != null && t.getSource(this.source))
-          (e = this.map) == null || e.getSource(this.source).setData(r), o = (/* @__PURE__ */ new Date()).valueOf() - (a + i), console.log("[swell] update elapsed: ", o, ", total: ", i += o);
-        else {
-          this.map.addSource(this.source, { type: "geojson", data: r }), this.map.addLayer(
-            {
-              id: this.heightLayer,
-              type: "line",
-              source: this.source,
-              filter: ["==", "$type", "LineString"],
-              paint: {
-                "line-opacity": 1,
-                "line-width": 1,
-                "line-color": [
-                  "match",
-                  ["get", "val"],
-                  2,
-                  "rgba(255,255,0,0.9)",
-                  3,
-                  "rgba(255,149,0,0.9)",
-                  4,
-                  "rgba(244,67,54,0.9)",
-                  5,
-                  "rgba(162,2,31,0.9)",
-                  6,
-                  "rgba(162,2,31,0.9)",
-                  "rgba(162,2,31,0.9)"
-                ]
-              }
-            },
-            this.beforeLayer
-          ), this.map.addLayer({
-            id: this.heightLabelLayer,
-            type: "symbol",
-            source: this.source,
-            filter: ["==", "$type", "LineString"],
-            layout: {
-              "symbol-placement": "line",
-              "text-rotation-alignment": "viewport",
-              "text-field": "{val}m",
-              "text-size": 11
-            },
-            paint: {
-              "text-color": ["step", ["get", "val"], "black", 4, "white", 5, "white", 6, "white"],
-              "text-halo-color": [
-                "match",
-                ["get", "val"],
-                2,
-                "rgba(255,255,0,0.7)",
-                3,
-                "rgba(255,149,0,0.7)",
-                4,
-                "rgba(244,67,54,0.7)",
-                5,
-                "rgba(162,13,2,0.7)",
-                6,
-                "rgba(162,13,2,0.7)",
-                "rgba(162,13,2,0.7)"
-              ],
-              "text-halo-width": 2
-            }
-          }, this.beforeLayer);
-          const s = new Image(72, 72);
-          let c = '<svg t="1752721890391" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12518" width="200" height="200"><path d="M481.386772 959.514313 481.386772 334.713224c-56.000432 37.288255-92.523253 55.876612-142.312216 57.787124 85.834924-84.884272 130.528845-195.161888 172.552961-328.434218 40.259936 133.272329 89.39296 238.731196 172.622546 328.434218-54.105269-5.729491-86.780459-21.201881-146.338926-58.965973l0 625.979938L481.386772 959.514313z" p-id="12519" fill="#ffffff"></path></svg>', n = "data:image/svg+xml;base64," + window.btoa(unescape(encodeURIComponent(c)));
-          s.src = n, s.onload = () => {
-            this.map.hasImage("swellDirIconWhite") || this.map.addImage("swellDirIconWhite", s), this.map.addLayer(
-              {
-                id: this.directionLayer,
-                type: "symbol",
-                source: this.source,
-                filter: ["==", "$type", "Point"],
-                layout: {
-                  "symbol-placement": "point",
-                  "icon-image": "swellDirIconWhite",
-                  "icon-size": {
-                    base: 1,
-                    stops: [
-                      [2, 0.32],
-                      [6, 0.5]
-                    ]
-                  },
-                  "icon-offset": [0, -20],
-                  "icon-allow-overlap": !0,
-                  "icon-rotation-alignment": "map",
-                  "icon-rotate": {
-                    property: "val",
-                    stops: [
-                      [0, 180],
-                      [360, 540]
-                    ]
-                  }
-                },
-                paint: {
-                  "icon-opacity": 1
-                }
-              },
-              this.beforeLayer
-            );
-          }, o = (/* @__PURE__ */ new Date()).valueOf() - (a + i), console.log("[swell] add elapsed: ", o, ", total: ", i += o);
-        }
+      if (this.factor) {
+        const t = (/* @__PURE__ */ new Date()).valueOf();
+        let e = 0, a = 0;
+        this.handleDraw(), a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("[sig-wave] add elapsed: ", a, ", total: ", e += a);
       }
     },
     handleClear() {
-      var t, e, a;
-      ((t = this.activeWeatherLayers) == null ? void 0 : t.length) === 0 && (e = this.map) != null && e.getLayer("country-boundaries") && ((a = this.map) == null || a.setLayoutProperty("country-boundaries", "visibility", "none")), this.map.getLayer(this.heightLayer) && this.map.removeLayer(this.heightLayer), this.map.getLayer(this.heightLabelLayer) && this.map.removeLayer(this.heightLabelLayer), this.map.getLayer(this.directionLayer) && this.map.removeLayer(this.directionLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
+      this.context = void 0, this.etime = void 0, this.viewport.toggle(!1);
+    },
+    handleSetup() {
+      if (!this.context) {
+        this.context = this.viewport.rampColorCanvas.getContext("webgl");
+        const t = [
+          [0, "rgb(50, 158, 186)"],
+          // 0
+          [10 / 255, "rgb(50, 158, 186)"],
+          // 0.5
+          [20 / 255, "rgb(48, 128, 164)"],
+          // 1
+          [30 / 255, "rgb(48, 99, 142)"],
+          // 1.5
+          [40 / 255, "rgb(57, 61, 143)"],
+          // 2
+          [50 / 255, "rgb(179, 86, 189)"],
+          // 2.5
+          [60 / 255, "rgb(154, 45, 123)"],
+          // 3
+          [80 / 255, "rgb(134, 48, 48)"],
+          // 4
+          // [100 / 255, '#f77800'], // 5
+          [120 / 255, "rgb(194, 77, 91)"],
+          // 6
+          // [140 / 255, '#e06128'], // 7
+          [150 / 255, "rgb(192, 118, 105)"],
+          // 7.5
+          // [160 / 255, '#dc5132'], // 8
+          [180 / 255, "rgb(192, 163, 157)"],
+          // 9
+          // [200 / 255, '#cd3a46'],// 10
+          // [220 / 255, '#be2c50'], // 11
+          // [240 / 255, '#b41a5a'], // 12
+          [1, "rgb(192, 163, 157)"]
+          //13
+        ];
+        this.rampColor = this.webgl.setup(this.context, t);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, se.vertexSchema, se.fragmentSchema);
+        this.program = e, this.aPositionBuffer = a;
+      }
+    },
+    async handleDraw() {
+      if (this.handleSetup(), this.etime !== this.factor.etime) {
+        this.etime = this.factor.etime;
+        const t = await this.webgl.loadImg(this.factor.raw);
+        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t);
+      }
+      this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-};
-function Es(t, e, a, i, o, r) {
-  return b(), S("div");
+}, Es = { key: 0 };
+function Ns(t, e, a, i, o, r) {
+  var s;
+  return (s = a.factor) != null && s.active ? (b(), S("div", Es, [
+    l("div", {
+      class: "legend-bars-gl4 swell",
+      style: ie({ right: o.right + "px" })
+    }, e[0] || (e[0] = [
+      l("span", null, "m", -1),
+      l("span", null, "0.5", -1),
+      l("span", null, "1", -1),
+      l("span", null, "1.5", -1),
+      l("span", null, "2", -1),
+      l("span", null, "6", -1),
+      l("span", null, "9", -1)
+    ]), 4)
+  ])) : D("", !0);
 }
-const Ns = /* @__PURE__ */ q(Bs, [["render", Es]]), js = {
+const js = /* @__PURE__ */ q(Bs, [["render", Ns], ["__scopeId", "data-v-214b2a9a"]]), Fs = {
   name: "IdmPrmsl",
   props: {
     map: {
@@ -7462,7 +7436,7 @@ const Ns = /* @__PURE__ */ q(Bs, [["render", Es]]), js = {
       layer: "prmsl-layer",
       labelLayer: "prmsl-label-layer",
       pointLabelLayer: "prmsl-point-label-layer",
-      empty: H.featureCollection([])
+      empty: U.featureCollection([])
     };
   },
   watch: {
@@ -7577,14 +7551,14 @@ const Ns = /* @__PURE__ */ q(Bs, [["render", Es]]), js = {
       this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.labelLayer) && this.map.removeLayer(this.labelLayer), this.map.getLayer(this.layer) && this.map.removeLayer(this.layer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, Fs = {
+}, Hs = {
   key: 0,
   class: "legend-tip-btn-gl4"
 };
-function Hs(t, e, a, i, o, r) {
+function Us(t, e, a, i, o, r) {
   var n;
   const s = x("VBtn"), c = x("VTooltip");
-  return (n = a.prmsl) != null && n.active ? (b(), S("div", Fs, [
+  return (n = a.prmsl) != null && n.active ? (b(), S("div", Hs, [
     l("div", {
       class: "menu-bar-box pa-1 rounded",
       style: ie({ right: o.right + "px" })
@@ -7614,8 +7588,8 @@ function Hs(t, e, a, i, o, r) {
     ], 4)
   ])) : D("", !0);
 }
-const Us = /* @__PURE__ */ q(js, [["render", Hs]]);
-const Ws = {
+const Ws = /* @__PURE__ */ q(Fs, [["render", Us]]);
+const Gs = {
   name: "IdmIceEdge",
   props: {
     factor: {
@@ -7639,7 +7613,7 @@ const Ws = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new je(),
+      webgl: new Ne(),
       etime: void 0,
       right: 10
     };
@@ -7699,7 +7673,7 @@ const Ws = {
           // 100%
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, he.vertexSchema, he.fragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, se.vertexSchema, se.fragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
     },
@@ -7712,10 +7686,10 @@ const Ws = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, Gs = { key: 0 };
-function Vs(t, e, a, i, o, r) {
+}, Vs = { key: 0 };
+function Zs(t, e, a, i, o, r) {
   var s;
-  return (s = a.factor) != null && s.active ? (b(), S("div", Gs, [
+  return (s = a.factor) != null && s.active ? (b(), S("div", Vs, [
     l("div", {
       class: "legend-bars-gl4 ice-edge",
       style: ie({ right: o.right + "px" })
@@ -7735,8 +7709,8 @@ function Vs(t, e, a, i, o, r) {
     ]), 4)
   ])) : D("", !0);
 }
-const Zs = /* @__PURE__ */ q(Ws, [["render", Vs]]);
-const qs = {
+const qs = /* @__PURE__ */ q(Gs, [["render", Zs]]);
+const Ys = {
   name: "IdmCover",
   props: {
     factor: {
@@ -7760,7 +7734,7 @@ const qs = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new je(),
+      webgl: new Ne(),
       etime: void 0,
       right: 10
     };
@@ -7811,7 +7785,7 @@ const qs = {
           // 100%
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, he.vertexSchema, he.fragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, se.vertexSchema, se.fragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
     },
@@ -7824,10 +7798,10 @@ const qs = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, Ys = { key: 0 };
-function Ks(t, e, a, i, o, r) {
+}, Ks = { key: 0 };
+function Xs(t, e, a, i, o, r) {
   var s;
-  return (s = a.factor) != null && s.active ? (b(), S("div", Ys, [
+  return (s = a.factor) != null && s.active ? (b(), S("div", Ks, [
     l("div", {
       class: "legend-bars-gl4 ice-cover",
       style: ie({ right: o.right + "px" })
@@ -7841,8 +7815,8 @@ function Ks(t, e, a, i, o, r) {
     ]), 4)
   ])) : D("", !0);
 }
-const Xs = /* @__PURE__ */ q(qs, [["render", Ks], ["__scopeId", "data-v-34dc758b"]]);
-const $s = {
+const $s = /* @__PURE__ */ q(Ys, [["render", Xs], ["__scopeId", "data-v-34dc758b"]]);
+const Qs = {
   name: "IdmThickness",
   props: {
     factor: {
@@ -7866,7 +7840,7 @@ const $s = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new je(),
+      webgl: new Ne(),
       etime: void 0,
       right: 10
     };
@@ -7925,7 +7899,7 @@ const $s = {
           // 4m
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, he.vertexSchema, he.fragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, se.vertexSchema, se.fragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
     },
@@ -7938,10 +7912,10 @@ const $s = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, Qs = { key: 0 };
-function Js(t, e, a, i, o, r) {
+}, Js = { key: 0 };
+function en(t, e, a, i, o, r) {
   var s;
-  return (s = a.factor) != null && s.active ? (b(), S("div", Qs, [
+  return (s = a.factor) != null && s.active ? (b(), S("div", Js, [
     l("div", {
       class: "legend-bars-gl4 ice-thickness",
       style: ie({ right: o.right + "px" })
@@ -7956,8 +7930,8 @@ function Js(t, e, a, i, o, r) {
     ]), 4)
   ])) : D("", !0);
 }
-const en = /* @__PURE__ */ q($s, [["render", Js]]);
-const tn = {
+const tn = /* @__PURE__ */ q(Qs, [["render", en]]);
+const an = {
   name: "IdmPrecip3h",
   props: {
     factor: {
@@ -7985,7 +7959,7 @@ const tn = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new je(),
+      webgl: new Ne(),
       etime: void 0,
       right: 10
     };
@@ -8041,7 +8015,7 @@ const tn = {
           [1, "rgba(197,5,58,0.8)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, he.vertexSchema, he.fragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, se.vertexSchema, se.fragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
     },
@@ -8054,10 +8028,10 @@ const tn = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, an = { key: 0 };
-function on(t, e, a, i, o, r) {
+}, on = { key: 0 };
+function rn(t, e, a, i, o, r) {
   var s;
-  return (s = a.factor) != null && s.active ? (b(), S("div", an, [
+  return (s = a.factor) != null && s.active ? (b(), S("div", on, [
     l("div", {
       class: "legend-bars-gl4 precip3h",
       style: ie({ right: o.right + "px" })
@@ -8073,8 +8047,8 @@ function on(t, e, a, i, o, r) {
     ]), 4)
   ])) : D("", !0);
 }
-const rn = /* @__PURE__ */ q(tn, [["render", on]]);
-const ln = {
+const ln = /* @__PURE__ */ q(an, [["render", rn]]);
+const sn = {
   name: "IdmVisibility",
   props: {
     factor: {
@@ -8099,7 +8073,7 @@ const ln = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new je(),
+      webgl: new Ne(),
       etime: void 0
     };
   },
@@ -8148,7 +8122,7 @@ const ln = {
           [1, "rgba(144,144,144,0)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, he.vertexSchema, he.fragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, se.vertexSchema, se.fragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
     },
@@ -8161,10 +8135,10 @@ const ln = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, sn = { key: 0 };
-function nn(t, e, a, i, o, r) {
+}, nn = { key: 0 };
+function cn(t, e, a, i, o, r) {
   var s;
-  return (s = a.factor) != null && s.active ? (b(), S("div", sn, [
+  return (s = a.factor) != null && s.active ? (b(), S("div", nn, [
     l("div", {
       class: "legend-bars-gl4 visibility",
       style: ie({ right: o.right + "px" })
@@ -8178,8 +8152,8 @@ function nn(t, e, a, i, o, r) {
     ]), 4)
   ])) : D("", !0);
 }
-const cn = /* @__PURE__ */ q(ln, [["render", nn]]);
-const mn = {
+const mn = /* @__PURE__ */ q(sn, [["render", cn]]);
+const dn = {
   name: "IdmWaterTemp",
   props: {
     factor: {
@@ -8199,7 +8173,7 @@ const mn = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new je(),
+      webgl: new Ne(),
       etime: void 0,
       right: 10
     };
@@ -8256,7 +8230,7 @@ const mn = {
           //
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, he.vertexSchema, he.fragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, se.vertexSchema, se.fragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
     },
@@ -8269,10 +8243,10 @@ const mn = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, dn = { key: 0 };
-function hn(t, e, a, i, o, r) {
+}, hn = { key: 0 };
+function pn(t, e, a, i, o, r) {
   var s;
-  return (s = a.factor) != null && s.active ? (b(), S("div", dn, [
+  return (s = a.factor) != null && s.active ? (b(), S("div", hn, [
     l("div", {
       class: "legend-bars-gl4 water-temp",
       style: ie({ right: o.right + "px" })
@@ -8286,8 +8260,8 @@ function hn(t, e, a, i, o, r) {
     ]), 4)
   ])) : D("", !0);
 }
-const pn = /* @__PURE__ */ q(mn, [["render", hn]]);
-const un = {
+const un = /* @__PURE__ */ q(dn, [["render", pn]]);
+const gn = {
   name: "IdmTemp",
   props: {
     factor: {
@@ -8315,7 +8289,7 @@ const un = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new je(),
+      webgl: new Ne(),
       etime: void 0,
       right: 10
     };
@@ -8375,7 +8349,7 @@ const un = {
           [1, "rgb(138, 43, 10)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, he.vertexSchema, he.fragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, se.vertexSchema, se.fragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
     },
@@ -8388,10 +8362,10 @@ const un = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, gn = { key: 0 };
-function fn(t, e, a, i, o, r) {
+}, fn = { key: 0 };
+function yn(t, e, a, i, o, r) {
   var s;
-  return (s = a.factor) != null && s.active ? (b(), S("div", gn, [
+  return (s = a.factor) != null && s.active ? (b(), S("div", fn, [
     l("div", {
       class: "legend-bars-gl4 temp",
       style: ie({ right: o.right + "px" })
@@ -8407,8 +8381,8 @@ function fn(t, e, a, i, o, r) {
     ]), 4)
   ])) : D("", !0);
 }
-const yn = /* @__PURE__ */ q(un, [["render", fn]]);
-const bn = {
+const bn = /* @__PURE__ */ q(gn, [["render", yn]]);
+const wn = {
   name: "IdmGlLayer",
   components: {
     IdmWindBarb: ys,
@@ -8417,15 +8391,15 @@ const bn = {
     IdmCurrentParticle: Ts,
     IdmWave: As,
     IdmSigWaveHeight: Os,
-    IdmSwell: Ns,
-    IdmPrmsl: Us,
-    IdmIceEdge: Zs,
-    IdmIceCover: Xs,
-    IdmIceThickness: en,
-    IdmPrecip3h: rn,
-    IdmVisibility: cn,
-    IdmWaterTemp: pn,
-    IdmTemp: yn
+    IdmSwell: js,
+    IdmPrmsl: Ws,
+    IdmIceEdge: qs,
+    IdmIceCover: $s,
+    IdmIceThickness: tn,
+    IdmPrecip3h: ln,
+    IdmVisibility: mn,
+    IdmWaterTemp: un,
+    IdmTemp: bn
   },
   props: {
     isLogin: {
@@ -8478,11 +8452,13 @@ const bn = {
       right: 10,
       toggle: !1,
       autoActive: !0,
+      weatherWeight: 0,
       allLayers: [...ia.WEATHER_LAYERS],
       tagLayers: [...ia.WEATHER_LAYERS.filter((t) => !t.hide)],
       checkList: [],
       renderKey: "",
       iceToggleValue: void 0,
+      waveToggleValue: void 0,
       weatherLayers: {},
       activeWeatherLayers: [],
       cache: {
@@ -8570,7 +8546,7 @@ const bn = {
     },
     map: {
       handler() {
-        this.map && (this.map.on("move", this.handleMove4Weather), this.viewport = new sa(this.map), this.handleRampColorInitial(), this.handleWeatherLayerChange(), this.$emit("weatherCheckList", this.checkList));
+        this.map && (this.fetchCache(), this.map.on("move", this.handleMove4Weather), this.viewport = new sa(this.map), this.handleRampColorInitial());
       },
       immediate: !0
     },
@@ -8604,6 +8580,11 @@ const bn = {
         t && (this.checkList = ["ice-forecast", this.iceToggleValue]);
       }
     },
+    waveToggleValue: {
+      handler(t) {
+        t && (this.checkList = ["wave-group", this.waveToggleValue]);
+      }
+    },
     showWindParticle: {
       handler(t) {
         let e = "wind-particle";
@@ -8624,7 +8605,6 @@ const bn = {
     }
   },
   mounted() {
-    this.fetchCache(), this.fetchWeatherLayers();
   },
   methods: {
     arraysEqual(t, e) {
@@ -8636,10 +8616,11 @@ const bn = {
       return !0;
     },
     fetchCache() {
+      var a, i;
       const t = localStorage.getItem(this.cache.versionKey);
       this.cache.v !== t && (localStorage.removeItem(this.cache.autoActiveKey), localStorage.removeItem(this.cache.checkListKey), localStorage.setItem(this.cache.versionKey, this.cache.v));
       let e = localStorage.getItem(this.cache.autoActiveKey);
-      this.autoActive = e !== "false", localStorage.setItem(this.cache.autoActiveKey, this.autoActive), e = localStorage.getItem(this.cache.checkListKey), this.checkList = JSON.parse(e || "['wind', 'sig-wave-height']"), this.checkList.find((a) => this.rendersKeys.includes(a)) && (this.renderKey = this.checkList.find((a) => this.rendersKeys.includes(a))), localStorage.setItem(this.cache.checkListKey, JSON.stringify(this.checkList));
+      this.autoActive = e !== "false", localStorage.setItem(this.cache.autoActiveKey, this.autoActive), e = localStorage.getItem(this.cache.checkListKey), this.waveToggleValue = (a = JSON.parse(e)) != null && a.some((o) => o === "swell") ? "swell" : void 0, this.iceToggleValue = (i = JSON.parse(e)) != null && i.some((o) => o === "ice-thickness") ? "ice-thickness" : void 0, this.checkList = JSON.parse(e || JSON.stringify(["wind", "sig-wave-height"])), this.checkList.find((o) => this.rendersKeys.includes(o)) && (this.renderKey = this.checkList.find((o) => this.rendersKeys.includes(o))), localStorage.setItem(this.cache.checkListKey, JSON.stringify(this.checkList));
     },
     handleMenuToggle() {
       this.$emit("menuToggle", "weatherLayers");
@@ -8652,13 +8633,13 @@ const bn = {
       if (this.arraysEqual(t, e))
         return !1;
       const a = [...new Set(t)], i = a == null ? void 0 : a.filter((r) => !(e != null && e.includes(r)))[0], o = e == null ? void 0 : e.filter((r) => !(a != null && a.includes(r)))[0];
-      i && (i === "ice-cover" || i === "ice-thickness" || i === "ice-forecast" ? (this.checkList = ["ice-forecast", this.iceToggleValue || "ice-cover"], this.iceToggleValue = this.iceToggleValue || "ice-cover") : this.rendersKeys.includes(i) ? this.checkList = [i] : (this.checkList = a.filter((r) => !this.rendersKeys.includes(r)), this.renderKey = void 0)), o && (o === "ice-forecast" ? (this.checkList = a.filter((r) => !["ice-cover", "ice-thickness", "ice-forecast"].includes(r)), this.iceToggleValue = void 0) : this.checkList = a), this.checkList.includes("wind-particle") && (this.showWindParticle = !0), this.checkList.includes("current-particle") && (this.showCurrentParticle = !0), localStorage.setItem(this.cache.checkListKey, JSON.stringify(a)), this.activeWeatherLayers = this.autoActive ? this.allLayers.filter((r) => a.includes(r.key)) : [], this.handleWeatherLayerChange();
+      i && (i === "ice-cover" || i === "ice-thickness" || i === "ice-forecast" ? (this.checkList = ["ice-forecast", this.iceToggleValue || "ice-cover"], this.iceToggleValue = this.iceToggleValue || "ice-cover") : i === "wave-group" || i === "swell" || i === "sig-wave" ? (this.checkList = ["wave-group", this.waveToggleValue || "sig-wave"], this.waveToggleValue = this.waveToggleValue || "sig-wave") : this.rendersKeys.includes(i) ? this.checkList = [i] : (this.checkList = a.filter((r) => !this.rendersKeys.includes(r)), this.renderKey = void 0)), o && (o === "ice-forecast" ? (this.checkList = a.filter((r) => !["ice-cover", "ice-thickness", "ice-forecast"].includes(r)), this.iceToggleValue = void 0) : o === "wave-group" ? (this.checkList = a.filter((r) => !["wave-group", "sig-wave", "swell"].includes(r)), this.waveToggleValue = void 0) : this.checkList = a), this.checkList.includes("wind-particle") && (this.showWindParticle = !0), this.checkList.includes("current-particle") && (this.showCurrentParticle = !0), localStorage.setItem(this.cache.checkListKey, JSON.stringify(a)), this.activeWeatherLayers = this.autoActive ? this.allLayers.filter((r) => a.includes(r.key)) : [], this.handleWeatherLayerChange();
     },
     async fetchModels() {
       this.models = {};
       const t = await Se.get(`${this.gateway}/api/arc/meteo2/models2`, {
         headers: {
-          Authorization: this.token || this.defaultMeteoToken
+          Authorization: this.defaultMeteoToken
         }
       });
       (t == null ? void 0 : t.data.code) === 0 && (this.models = t == null ? void 0 : t.data.data);
@@ -8683,7 +8664,7 @@ const bn = {
               `${B}/api/arc/weather/layers2/links?l=${T}&v=${this.forecastModel}&z=${v}&bbox=${C}&t=${this.realTime}`,
               {
                 headers: {
-                  Authorization: this.token || this.defaultMeteoToken
+                  Authorization: this.defaultMeteoToken
                 }
               }
             );
@@ -8693,7 +8674,7 @@ const bn = {
                 _.push(
                   Se.get(L[P], {
                     headers: {
-                      Authorization: this.token || this.defaultMeteoToken,
+                      Authorization: this.defaultMeteoToken,
                       key: P
                     },
                     responseType: /\.(jpg|png)$/.test(L[P]) ? "blob" : "json"
@@ -8802,14 +8783,14 @@ const bn = {
                   var G, Y, K, V, J, ee;
                   if (o < 2) {
                     if ((z >= 0 && z <= 360 || z >= -360 && z <= 0) && z % 10 === 0) {
-                      const Q = H.point([z, k], {
+                      const Q = U.point([z, k], {
                         val: ((G = L[k].val) == null ? void 0 : G[R]) || ((Y = L[k].dir) == null ? void 0 : Y[R]),
                         spd: (K = L[k].spd) == null ? void 0 : K[R]
                       });
                       I.push(Q);
                     }
                   } else if ((z >= r && z <= 180 || z >= -180 && z <= s) && (!(o <= this.zoom) || z % (o < 2 ? 10 : o < 4 ? 5 : 3) === 0)) {
-                    const Q = H.point([z, k], {
+                    const Q = U.point([z, k], {
                       val: ((V = L[k].val) == null ? void 0 : V[R]) || ((J = L[k].dir) == null ? void 0 : J[R]),
                       spd: (ee = L[k].spd) == null ? void 0 : ee[R]
                     });
@@ -8819,14 +8800,14 @@ const bn = {
                   var G, Y, K, V, J, ee;
                   if (r < 2) {
                     if ((z >= 0 && z <= 360 || z >= -360 && z <= 0) && z % 10 === 0) {
-                      const Q = H.point([z, k], {
+                      const Q = U.point([z, k], {
                         val: ((G = L[k].val) == null ? void 0 : G[R]) || ((Y = L[k].dir) == null ? void 0 : Y[R]),
                         spd: (K = L[k].spd) == null ? void 0 : K[R]
                       });
                       I.push(Q);
                     }
                   } else if (z >= r && z <= s && (!(o <= this.zoom) || z % (o < 2 ? 10 : o < 4 ? 5 : 3) === 0)) {
-                    const Q = H.point([z, k], {
+                    const Q = U.point([z, k], {
                       val: ((V = L[k].val) == null ? void 0 : V[R]) || ((J = L[k].dir) == null ? void 0 : J[R]),
                       spd: (ee = L[k].spd) == null ? void 0 : ee[R]
                     });
@@ -8843,11 +8824,11 @@ const bn = {
                   const z = _.raw.LineString[P];
                   for (const R of z)
                     k.push(
-                      H.lineString(R, {
+                      U.lineString(R, {
                         val: Number(P)
                       })
                     );
-                  _.data = H.featureCollection(k);
+                  _.data = U.featureCollection(k);
                 }
               }
               if (_.data) {
@@ -8866,14 +8847,14 @@ const bn = {
                   var G, Y, K, V, J, ee;
                   if (o < 2) {
                     if ((z >= 0 && z <= 360 || z >= -360 && z <= 0) && z % 10 === 0) {
-                      const Q = H.point([z, k], {
+                      const Q = U.point([z, k], {
                         val: ((G = L[k].val) == null ? void 0 : G[R]) || ((Y = L[k].dir) == null ? void 0 : Y[R]),
                         spd: (K = L[k].spd) == null ? void 0 : K[R]
                       });
                       I.push(Q);
                     }
                   } else if ((z >= r && z <= 180 || z >= -180 && z <= s) && (!(o <= this.zoom) || z % (o < 2 ? 10 : o < 4 ? 5 : 3) === 0)) {
-                    const Q = H.point([z, k], {
+                    const Q = U.point([z, k], {
                       val: ((V = L[k].val) == null ? void 0 : V[R]) || ((J = L[k].dir) == null ? void 0 : J[R]),
                       spd: (ee = L[k].spd) == null ? void 0 : ee[R]
                     });
@@ -8883,14 +8864,14 @@ const bn = {
                   var G, Y, K, V, J, ee;
                   if (r < 2) {
                     if ((z >= 0 && z <= 360 || z >= -360 && z <= 0) && z % 10 === 0) {
-                      const Q = H.point([z, k], {
+                      const Q = U.point([z, k], {
                         val: ((G = L[k].val) == null ? void 0 : G[R]) || ((Y = L[k].dir) == null ? void 0 : Y[R]),
                         spd: (K = L[k].spd) == null ? void 0 : K[R]
                       });
                       I.push(Q);
                     }
                   } else if (z >= r && z <= s && (!(o <= this.zoom) || z % (o < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const Q = H.point([z, k], {
+                    const Q = U.point([z, k], {
                       val: ((V = L[k].val) == null ? void 0 : V[R]) || ((J = L[k].dir) == null ? void 0 : J[R]),
                       spd: (ee = L[k].spd) == null ? void 0 : ee[R]
                     });
@@ -8907,12 +8888,12 @@ const bn = {
                   const R = _.raw.Polygon[z];
                   for (const G of R)
                     P.push(
-                      H.polygon(G, {
+                      U.polygon(G, {
                         val: Number(z)
                       })
                     );
                 }
-                _.data = H.featureCollection(P);
+                _.data = U.featureCollection(P);
               }
               const k = o < this.zoom ? _.data.features.filter((P) => P.properties.val > 0.5) : _.data.features;
               I = I.concat(k), a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current speed elapsed: ", a, ", total: ", e += a);
@@ -8927,14 +8908,14 @@ const bn = {
                   var R, G, Y, K;
                   if (o < 2) {
                     if ((P >= 0 && P <= 360 || P >= -360 && P <= 0) && P % 10 === 0) {
-                      const V = H.point([P, _], {
+                      const V = U.point([P, _], {
                         dir: ((R = L[_].val) == null ? void 0 : R[z]) || ((G = L[_].dir) == null ? void 0 : G[z]),
                         spd: L[_].spd[z]
                       });
                       I.push(V);
                     }
                   } else if ((P >= r && P <= 180 || P >= -180 && P <= s) && (!(o <= this.zoom) || P % (o < 2 ? 10 : o < 4 ? 5 : 3) === 0)) {
-                    const V = H.point([P, _], {
+                    const V = U.point([P, _], {
                       dir: ((Y = L[_].val) == null ? void 0 : Y[z]) || ((K = L[_].dir) == null ? void 0 : K[z]),
                       spd: L[_].spd[z]
                     });
@@ -8944,14 +8925,14 @@ const bn = {
                   var R, G, Y, K;
                   if (o < 2) {
                     if ((P >= 0 && P <= 360 || P >= -360 && P <= 0) && P % 10 === 0) {
-                      const V = H.point([P, _], {
+                      const V = U.point([P, _], {
                         dir: ((R = L[_].val) == null ? void 0 : R[z]) || ((G = L[_].dir) == null ? void 0 : G[z]),
                         spd: L[_].spd[z]
                       });
                       I.push(V);
                     }
                   } else if (P >= r && P <= s && (!(o <= this.zoom) || P % (o < 2 ? 10 : o < 4 ? 5 : 3) === 0)) {
-                    const V = H.point([P, _], {
+                    const V = U.point([P, _], {
                       dir: ((Y = L[_].val) == null ? void 0 : Y[z]) || ((K = L[_].dir) == null ? void 0 : K[z]),
                       spd: L[_].spd[z]
                     });
@@ -8972,7 +8953,7 @@ const bn = {
                   const P = L.Polygon[k];
                   for (const z of P)
                     _.push(
-                      H.polygon(z, {
+                      U.polygon(z, {
                         val: Number(k)
                       })
                     );
@@ -8981,7 +8962,7 @@ const bn = {
                   const P = L.MultiPolygon[k];
                   for (const z of P)
                     _.push(
-                      H.multiPolygon(z, {
+                      U.multiPolygon(z, {
                         val: Number(k)
                       })
                     );
@@ -8990,7 +8971,7 @@ const bn = {
                   const P = L.Point[k];
                   for (let z = 0; z < ((C = P.lng) == null ? void 0 : C.length); z++)
                     _.push(
-                      H.point([P.lng[z], k], {
+                      U.point([P.lng[z], k], {
                         val: Number(P.val[z])
                       })
                     );
@@ -9011,7 +8992,7 @@ const bn = {
                   const P = L.LineString[k];
                   for (const z of P)
                     _.push(
-                      H.lineString(z, {
+                      U.lineString(z, {
                         val: Number(k)
                       })
                     );
@@ -9019,7 +9000,7 @@ const bn = {
                 for (const k in L.Point)
                   L.Point[k].lng.forEach((P, z) => {
                     P = $.convertToStdLng(P), _.push(
-                      H.point([P, k], {
+                      U.point([P, k], {
                         val: L.Point[k].val[z],
                         type: L.Point[k].type[z]
                       })
@@ -9030,7 +9011,7 @@ const bn = {
             }
             a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("prmsl elapsed: ", a, ", total: ", e += a);
           }
-          I.length && (this.weatherLayers[T].data = H.featureCollection(I)), B && (this.weatherLayers[T].version = Math.random() + 1);
+          I.length && (this.weatherLayers[T].data = U.featureCollection(I)), B && (this.weatherLayers[T].version = Math.random() + 1);
         }
       }
     },
@@ -9044,10 +9025,10 @@ const bn = {
       return t.features.forEach((r) => {
         if (r.geometry.type !== "Point")
           if (i > o) {
-            let s = [i, e._sw.lat, 180, e._ne.lat], c = H.bboxClip(r, s);
-            c.geometry.coordinates.length && a.push(c), s = [-180, e._sw.lat, o, e._ne.lat], c = H.bboxClip(r, s), c.geometry.coordinates.length && a.push(c);
+            let s = [i, e._sw.lat, 180, e._ne.lat], c = U.bboxClip(r, s);
+            c.geometry.coordinates.length && a.push(c), s = [-180, e._sw.lat, o, e._ne.lat], c = U.bboxClip(r, s), c.geometry.coordinates.length && a.push(c);
           } else {
-            const s = [i, e._sw.lat, o, e._ne.lat], c = H.bboxClip(r, s);
+            const s = [i, e._sw.lat, o, e._ne.lat], c = U.bboxClip(r, s);
             c.geometry.coordinates.length && a.push(c);
           }
         else
@@ -9055,26 +9036,26 @@ const bn = {
       }), a;
     }
   }
-}, wn = { class: "idm-gl4-meteo-layers" }, xn = {
+}, xn = { class: "idm-gl4-meteo-layers" }, vn = {
   key: 0,
   class: "legend-tip-btn-gl4"
-}, vn = { class: "d-flex flex-row justify-center align-center" }, _n = { class: "text-caption" }, kn = { class: "d-flex flex-row justify-center align-center" }, zn = {
+}, _n = { class: "d-flex flex-row justify-center align-center" }, kn = { class: "text-caption" }, zn = { class: "d-flex flex-row justify-center align-center" }, Ln = {
   key: 0,
   style: { width: "24px", height: "12px", border: "1px solid rgba(var(--v-border-color), var(--v-border-opacity))" }
-}, Ln = { class: "text-caption px-2" }, Pn = { class: "d-flex flex-row justify-start align-center" }, Cn = {
+}, Pn = { class: "text-caption px-2" }, Cn = { class: "d-flex flex-row justify-start align-center" }, Tn = {
   class: "d-flex flex-row justify-center align-center",
   style: { width: "40px" }
-}, Tn = { class: "text-caption px-2" }, Sn = { class: "header-box d-flex justify-space-between align-center pl-4 pr-4" }, In = { class: "d-flex justify-start align-center ga-3" }, Mn = { class: "text-h5 font-weight-medium" }, An = {
+}, Sn = { class: "text-caption px-2" }, In = { class: "header-box d-flex justify-space-between align-center pl-4 pr-4" }, Mn = { class: "d-flex justify-start align-center ga-3" }, An = { class: "text-h5 font-weight-medium" }, Dn = {
   key: 0,
   class: "d-flex justify-start align-center ga-4 pl-6"
-}, Dn = {
+}, Rn = {
   key: 1,
   class: "d-flex justify-start align-center ga-4 pl-6"
-}, Rn = { class: "text-body-1 py-2" }, On = { class: "text-body-1 font-weight-medium" }, Bn = { class: "text-body-2 text-label" }, En = { class: "text-body-2 text-label mb-3" }, Nn = { class: "text-body-1 font-weight-medium" }, jn = { class: "text-body-2 text-label" }, Fn = { class: "text-body-2 text-label mb-3" }, Hn = { class: "text-body-1 py-2" }, Un = { class: "text-body-1 font-weight-medium" }, Wn = { class: "text-body-2 text-label" }, Gn = { class: "text-body-2 text-label mb-3" }, Vn = { class: "text-body-1 font-weight-medium" }, Zn = { class: "text-body-2 text-label" }, qn = { class: "text-body-2 text-label mb-3" }, Yn = { class: "text-body-1 py-2" }, Kn = { class: "text-body-1 font-weight-medium" }, Xn = { class: "text-body-2 text-label" }, $n = { class: "text-body-2 text-label mb-3" };
-function Qn(t, e, a, i, o, r) {
-  var pe, se, X, oe, ue, ne, F, ce, xe, Le, Pe, Ae, De, Re, _e;
-  const s = x("VBtn"), c = x("VTooltip"), n = x("VCol"), g = x("VRow"), p = x("VCardText"), f = x("VDivider"), w = x("VCard"), v = x("VSwitch"), y = x("VCardTitle"), C = x("VCardItem"), T = x("VCheckbox"), B = x("VRadio"), I = x("VBtnToggle"), L = x("IdmWindBarb"), _ = x("IdmSigWaveHeight"), k = x("IdmCurrentDirection"), P = x("IdmPrmsl"), z = x("IdmWindParticle"), R = x("IdmCurrentParticle"), G = x("IdmWave"), Y = x("IdmSwell"), K = x("IdmIceEdge"), V = x("IdmIceCover"), J = x("IdmIceThickness"), ee = x("IdmPrecip3h"), Q = x("IdmVisibility"), re = x("IdmWaterTemp"), de = x("IdmTemp");
-  return b(), S("div", wn, [
+}, On = { class: "text-body-1 py-2" }, Bn = { class: "text-body-1 font-weight-medium" }, En = { class: "text-body-2 text-label" }, Nn = { class: "text-body-2 text-label mb-3" }, jn = { class: "text-body-1 font-weight-medium" }, Fn = { class: "text-body-2 text-label" }, Hn = { class: "text-body-2 text-label mb-3" }, Un = { class: "text-body-1 py-2" }, Wn = { class: "text-body-1 font-weight-medium" }, Gn = { class: "text-body-2 text-label" }, Vn = { class: "text-body-2 text-label mb-3" }, Zn = { class: "text-body-1 font-weight-medium" }, qn = { class: "text-body-2 text-label" }, Yn = { class: "text-body-2 text-label mb-3" }, Kn = { class: "text-body-1 py-2" }, Xn = { class: "text-body-1 font-weight-medium" }, $n = { class: "text-body-2 text-label" }, Qn = { class: "text-body-2 text-label mb-3" };
+function Jn(t, e, a, i, o, r) {
+  var pe, ne, X, oe, ue, ce, F, me, xe, Le, Pe, Ae, De, Re, _e;
+  const s = x("VBtn"), c = x("VTooltip"), n = x("VCol"), g = x("VRow"), p = x("VCardText"), f = x("VDivider"), w = x("VCard"), v = x("VSwitch"), y = x("VCardTitle"), C = x("VCardItem"), T = x("VCheckbox"), B = x("VRadio"), I = x("VBtnToggle"), L = x("IdmWindBarb"), _ = x("IdmSigWaveHeight"), k = x("IdmCurrentDirection"), P = x("IdmPrmsl"), z = x("IdmWindParticle"), R = x("IdmCurrentParticle"), G = x("IdmWave"), Y = x("IdmSwell"), K = x("IdmIceEdge"), V = x("IdmIceCover"), J = x("IdmIceThickness"), ee = x("IdmPrecip3h"), Q = x("IdmVisibility"), re = x("IdmWaterTemp"), he = x("IdmTemp");
+  return b(), S("div", xn, [
     l("div", {
       class: "menu-bar-box transition pa-1",
       style: ie({ top: a.top + 94 + "px", right: o.right + "px" })
@@ -9083,25 +9064,25 @@ function Qn(t, e, a, i, o, r) {
         text: t.$t("weather.weatherLayers"),
         location: "left"
       }, {
-        activator: u(({ props: U }) => [
-          d(s, O(U, {
+        activator: u(({ props: H }) => [
+          d(s, O(H, {
             "min-width": "32",
             width: "32",
             height: "32",
             class: ["text-none pa-0", o.toggle ? "bg-primary active-border" : ""],
             onClick: r.handleMenuToggle
           }), {
-            default: u(() => e[7] || (e[7] = [
+            default: u(() => e[8] || (e[8] = [
               l("i", { class: "iconfont icon-Weather text-h4" }, null, -1)
             ])),
             _: 2,
-            __: [7]
+            __: [8]
           }, 1040, ["class", "onClick"])
         ]),
         _: 1
       }, 8, ["text"])
     ], 4),
-    r.showTipMenu ? (b(), S("div", xn, [
+    r.showTipMenu ? (b(), S("div", vn, [
       l("div", {
         class: "menu-bar-box pa-1 rounded",
         style: ie({ right: o.right + "px" })
@@ -9110,19 +9091,19 @@ function Qn(t, e, a, i, o, r) {
           text: "Legend",
           location: "left"
         }, {
-          activator: u(({ props: U }) => [
-            d(s, O(U, {
+          activator: u(({ props: H }) => [
+            d(s, O(H, {
               "min-width": "32",
               width: "32",
               height: "32",
               class: ["text-none pa-0", o.legendToggle ? "bg-primary active-border" : ""],
-              onClick: e[0] || (e[0] = (ae) => o.legendToggle = !o.legendToggle)
+              onClick: e[0] || (e[0] = (te) => o.legendToggle = !o.legendToggle)
             }), {
-              default: u(() => e[8] || (e[8] = [
+              default: u(() => e[9] || (e[9] = [
                 l("i", { class: "iconfont icon-Legend text-h4" }, null, -1)
               ])),
               _: 2,
-              __: [8]
+              __: [9]
             }, 1040, ["class"])
           ]),
           _: 1
@@ -9138,21 +9119,21 @@ function Qn(t, e, a, i, o, r) {
         default: u(() => [
           d(p, { class: "d-flex flex-column justify-center align-start opacity-80 px-4" }, {
             default: u(() => [
-              e[9] || (e[9] = l("div", { class: "text-body-1 font-weight-600 mb-2" }, "Wind Level", -1)),
+              e[10] || (e[10] = l("div", { class: "text-body-1 font-weight-600 mb-2" }, "Wind Level", -1)),
               d(g, { class: "ma-0 ml-n1 text-body-2" }, {
                 default: u(() => [
-                  (b(!0), S(be, null, we(o.legend.barbs, (U, ae) => (b(), A(n, {
-                    key: U,
+                  (b(!0), S(be, null, we(o.legend.barbs, (H, te) => (b(), A(n, {
+                    key: H,
                     cols: "6",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
                   }, {
                     default: u(() => [
-                      l("div", vn, [
+                      l("div", _n, [
                         l("i", {
-                          class: He(["iconfont", r.barbsIconName[ae]]),
+                          class: He(["iconfont", r.barbsIconName[te]]),
                           style: ie({ color: a.theme === "dark" ? "#fff" : "#000" })
                         }, null, 6),
-                        l("span", _n, h(Number(U) < 10 ? `00${U}kts` : Number(U) < 100 ? `0${U}kts` : `${U}kts`), 1)
+                        l("span", kn, h(Number(H) < 10 ? `00${H}kts` : Number(H) < 100 ? `0${H}kts` : `${H}kts`), 1)
                       ])
                     ]),
                     _: 2
@@ -9162,29 +9143,29 @@ function Qn(t, e, a, i, o, r) {
               })
             ]),
             _: 1,
-            __: [9]
+            __: [10]
           }),
           d(f, { vertical: "" }),
           d(p, { class: "d-flex flex-column justify-center align-start opacity-80 px-4" }, {
             default: u(() => [
-              e[10] || (e[10] = l("div", { class: "text-body-1 font-weight-600 mb-2" }, "Wave Height", -1)),
+              e[11] || (e[11] = l("div", { class: "text-body-1 font-weight-600 mb-2" }, "Wave Height", -1)),
               d(g, {
                 class: "ma-0 ml-1",
                 style: { width: "100px" }
               }, {
                 default: u(() => [
-                  (b(!0), S(be, null, we(o.legend.sigWaveHeight, (U, ae) => (b(), A(n, {
-                    key: ae,
+                  (b(!0), S(be, null, we(o.legend.sigWaveHeight, (H, te) => (b(), A(n, {
+                    key: te,
                     cols: "12",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
                   }, {
                     default: u(() => [
-                      l("div", kn, [
-                        ae === 0 ? (b(), S("div", zn)) : (b(), S("div", {
+                      l("div", zn, [
+                        te === 0 ? (b(), S("div", Ln)) : (b(), S("div", {
                           key: 1,
-                          style: ie({ width: "24px", height: "12px", background: U.color })
+                          style: ie({ width: "24px", height: "12px", background: H.color })
                         }, null, 4)),
-                        l("div", Ln, h(U.label), 1)
+                        l("div", Pn, h(H.label), 1)
                       ])
                     ]),
                     _: 2
@@ -9194,31 +9175,31 @@ function Qn(t, e, a, i, o, r) {
               })
             ]),
             _: 1,
-            __: [10]
+            __: [11]
           }),
           d(f, { vertical: "" }),
           d(p, { class: "d-flex flex-column justify-center align-start opacity-80 px-4" }, {
             default: u(() => [
-              e[11] || (e[11] = l("div", { class: "text-body-1 font-weight-600 mb-2" }, "Current", -1)),
+              e[12] || (e[12] = l("div", { class: "text-body-1 font-weight-600 mb-2" }, "Current", -1)),
               d(g, {
                 class: "ma-0 ml-n5",
                 style: { width: "110px" }
               }, {
                 default: u(() => [
-                  (b(!0), S(be, null, we(o.legend.current, (U, ae) => (b(), A(n, {
-                    key: ae,
+                  (b(!0), S(be, null, we(o.legend.current, (H, te) => (b(), A(n, {
+                    key: te,
                     cols: "12",
                     class: "d-flex flex-row justify-center align-center py-1 px-0 ma-0"
                   }, {
                     default: u(() => [
-                      l("div", Pn, [
-                        l("div", Cn, [
+                      l("div", Cn, [
+                        l("div", Tn, [
                           l("i", {
                             class: "iconfont icon-a-direction-arrow opacity-80",
-                            style: ie({ fontSize: 40 * U.size + "px" })
+                            style: ie({ fontSize: 40 * H.size + "px" })
                           }, null, 4)
                         ]),
-                        l("div", Tn, h(U.label), 1)
+                        l("div", Sn, h(H.label), 1)
                       ])
                     ]),
                     _: 2
@@ -9228,7 +9209,7 @@ function Qn(t, e, a, i, o, r) {
               })
             ]),
             _: 1,
-            __: [11]
+            __: [12]
           })
         ]),
         _: 1
@@ -9238,12 +9219,12 @@ function Qn(t, e, a, i, o, r) {
       class: He(["available-layers transition flex-center", o.toggle ? "right-bar" : ""]),
       style: ie({ top: a.top + "px", right: o.toggle ? "0px" : "-280px" })
     }, [
-      l("div", Sn, [
-        l("div", In, [
-          l("div", Mn, h(t.$t("weather.weather")), 1),
+      l("div", In, [
+        l("div", Mn, [
+          l("div", An, h(t.$t("weather.weather")), 1),
           d(v, {
             modelValue: o.autoActive,
-            "onUpdate:modelValue": e[1] || (e[1] = (U) => o.autoActive = U),
+            "onUpdate:modelValue": e[1] || (e[1] = (H) => o.autoActive = H),
             class: "small-switch",
             color: "primary",
             inset: "",
@@ -9257,11 +9238,11 @@ function Qn(t, e, a, i, o, r) {
           class: "mr-n2",
           onClick: r.handleMenuToggle
         }, {
-          default: u(() => e[12] || (e[12] = [
+          default: u(() => e[13] || (e[13] = [
             l("i", { class: "iconfont icon-close text-label text-h4" }, null, -1)
           ])),
           _: 1,
-          __: [12]
+          __: [13]
         }, 8, ["onClick"])
       ]),
       l("div", {
@@ -9288,12 +9269,12 @@ function Qn(t, e, a, i, o, r) {
             }),
             d(p, { class: "py-2" }, {
               default: u(() => [
-                (b(!0), S(be, null, we(o.tagLayers.filter((U) => U.overlays), (U) => (b(), A(T, {
-                  key: U.key,
+                (b(!0), S(be, null, we(o.tagLayers.filter((H) => H.overlays), (H) => (b(), A(T, {
+                  key: H.key,
                   modelValue: o.checkList,
-                  "onUpdate:modelValue": e[2] || (e[2] = (ae) => o.checkList = ae),
-                  value: U.key,
-                  label: t.$t(`weather.${U.locale}`),
+                  "onUpdate:modelValue": e[2] || (e[2] = (te) => o.checkList = te),
+                  value: H.key,
+                  label: t.$t(`weather.${H.locale}`),
                   disabled: !o.autoActive,
                   color: "primary",
                   density: "compact",
@@ -9328,27 +9309,27 @@ function Qn(t, e, a, i, o, r) {
             }),
             d(p, { class: "py-2" }, {
               default: u(() => [
-                (b(!0), S(be, null, we(o.tagLayers.filter((U) => !U.overlays && U.key !== "ice-thickness"), (U) => (b(), S(be, {
-                  key: U.key
+                (b(!0), S(be, null, we(o.tagLayers.filter((H) => !H.overlays && H.key !== "ice-thickness" && H.key !== "swell"), (H) => (b(), S(be, {
+                  key: H.key
                 }, [
                   d(B, {
                     modelValue: o.renderKey,
-                    "onUpdate:modelValue": e[3] || (e[3] = (ae) => o.renderKey = ae),
-                    label: t.$t(`weather.${U.locale}`),
-                    value: U.key,
+                    "onUpdate:modelValue": e[3] || (e[3] = (te) => o.renderKey = te),
+                    label: t.$t(`weather.${H.locale}`),
+                    value: H.key,
                     disabled: !o.autoActive,
                     color: "primary",
                     density: "compact",
                     style: { height: "36px" },
                     class: "text-body-2 py-1",
                     "hide-details": "",
-                    onClick: (ae) => o.renderKey = o.renderKey === U.key ? "" : U.key
+                    onClick: (te) => o.renderKey = o.renderKey === H.key ? "" : H.key
                   }, null, 8, ["modelValue", "label", "value", "disabled", "onClick"]),
-                  o.renderKey === "wind-particle" && U.key === "wind-particle" ? (b(), S("div", An, [
+                  o.renderKey === "wind-particle" && H.key === "wind-particle" ? (b(), S("div", Dn, [
                     l("span", null, h(t.$t("weather.particleAnimatiom")), 1),
                     d(v, {
                       modelValue: o.showWindParticle,
-                      "onUpdate:modelValue": e[4] || (e[4] = (ae) => o.showWindParticle = ae),
+                      "onUpdate:modelValue": e[4] || (e[4] = (te) => o.showWindParticle = te),
                       label: "",
                       class: "small-switch",
                       color: "primary",
@@ -9358,11 +9339,11 @@ function Qn(t, e, a, i, o, r) {
                       "hide-details": ""
                     }, null, 8, ["modelValue"])
                   ])) : D("", !0),
-                  o.renderKey === "current-particle" && U.key === "current-particle" ? (b(), S("div", Dn, [
+                  o.renderKey === "current-particle" && H.key === "current-particle" ? (b(), S("div", Rn, [
                     l("span", null, h(t.$t("weather.particleAnimatiom")), 1),
                     d(v, {
                       modelValue: o.showCurrentParticle,
-                      "onUpdate:modelValue": e[5] || (e[5] = (ae) => o.showCurrentParticle = ae),
+                      "onUpdate:modelValue": e[5] || (e[5] = (te) => o.showCurrentParticle = te),
                       label: "",
                       class: "small-switch",
                       color: "primary",
@@ -9372,11 +9353,54 @@ function Qn(t, e, a, i, o, r) {
                       "hide-details": ""
                     }, null, 8, ["modelValue"])
                   ])) : D("", !0),
-                  o.renderKey === "ice-forecast" && U.key === "ice-forecast" ? (b(), A(I, {
+                  o.renderKey === "wave-group" && H.key === "wave-group" ? (b(), A(I, {
                     key: 2,
+                    modelValue: o.waveToggleValue,
+                    "onUpdate:modelValue": e[6] || (e[6] = (te) => o.waveToggleValue = te),
+                    class: "w-100 pl-7 rounded",
+                    rounded: "0",
+                    height: "30",
+                    density: "compact",
+                    group: "",
+                    disabled: !o.autoActive
+                  }, {
+                    default: u(() => [
+                      d(s, {
+                        density: "compact",
+                        height: "30",
+                        value: "sig-wave",
+                        class: "w-50 text-none px-2 text-body-1",
+                        color: o.waveToggleValue === "sig-wave" ? "primary" : "",
+                        "base-color": "grey-lighten-1",
+                        disabled: !o.autoActive
+                      }, {
+                        default: u(() => [
+                          j(h(t.$t("weather.significant")), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["color", "disabled"]),
+                      d(s, {
+                        density: "compact",
+                        height: "30",
+                        class: "w-50 text-none px-2 text-body-1",
+                        color: o.waveToggleValue === "swell" ? "primary" : "",
+                        "base-color": "grey-lighten-1",
+                        disabled: !o.autoActive,
+                        value: "swell"
+                      }, {
+                        default: u(() => [
+                          j(h(t.$t("weather.swell")), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["color", "disabled"])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "disabled"])) : D("", !0),
+                  o.renderKey === "ice-forecast" && H.key === "ice-forecast" ? (b(), A(I, {
+                    key: 3,
                     modelValue: o.iceToggleValue,
-                    "onUpdate:modelValue": e[6] || (e[6] = (ae) => o.iceToggleValue = ae),
-                    class: "ml-7",
+                    "onUpdate:modelValue": e[7] || (e[7] = (te) => o.iceToggleValue = te),
+                    class: "w-100 pl-7 rounded",
                     rounded: "0",
                     height: "30",
                     density: "compact",
@@ -9388,7 +9412,7 @@ function Qn(t, e, a, i, o, r) {
                         density: "compact",
                         height: "30",
                         value: "ice-cover",
-                        class: "text-none px-2",
+                        class: "w-50 text-none px-2 text-body-1",
                         color: o.iceToggleValue === "ice-cover" ? "primary" : "",
                         "base-color": "grey-lighten-1",
                         disabled: !o.autoActive
@@ -9401,7 +9425,7 @@ function Qn(t, e, a, i, o, r) {
                       d(s, {
                         density: "compact",
                         height: "30",
-                        class: "text-none px-2",
+                        class: "w-50 text-none px-2 text-body-1",
                         color: o.iceToggleValue === "ice-thickness" ? "primary" : "",
                         "base-color": "grey-lighten-1",
                         disabled: !o.autoActive,
@@ -9443,28 +9467,28 @@ function Qn(t, e, a, i, o, r) {
             }),
             d(p, { class: "" }, {
               default: u(() => {
-                var U, ae, Ne, Ie, ge, fe, W, Ce, te, le, Oe, N, ye, Me, Be, Ee, E, Z, Ge, Ve, Ze, Te, Ye, Ke, Xe, $e, Qe, Je, et, tt, at, ot, it, rt, lt, st, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, It, Mt, At, Dt, Rt, Ot, Bt, Et, Nt, jt, Ft, Ht, Ut, Wt, Gt, Vt, Zt, qt, Yt, Kt, Xt, Qt, Jt, ea;
+                var H, te, je, Ie, ge, fe, W, Ce, ae, le, Oe, N, ye, Me, Be, Ee, E, Z, Ge, Ve, Ze, Te, Ye, Ke, Xe, $e, Qe, Je, et, tt, at, ot, it, rt, lt, st, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, It, Mt, At, Dt, Rt, Ot, Bt, Et, Nt, jt, Ft, Ht, Ut, Wt, Gt, Vt, Zt, qt, Yt, Kt, Xt, Qt, Jt, ea;
                 return [
-                  l("div", Rn, h(t.$t("weather.atmospheric")), 1),
-                  l("div", On, h((Ne = (ae = (U = o.models) == null ? void 0 : U.weather) == null ? void 0 : ae.NOAA) == null ? void 0 : Ne.source) + " " + h((fe = (ge = (Ie = o.models) == null ? void 0 : Ie.weather) == null ? void 0 : ge.NOAA) == null ? void 0 : fe.spatialResolution) + h(t.$t("units.km")) + " " + h((le = (te = (Ce = (W = o.models) == null ? void 0 : W.weather) == null ? void 0 : Ce.NOAA) == null ? void 0 : te.meta) == null ? void 0 : le.days) + h(t.$t("units.days")), 1),
-                  l("div", Bn, h(t.$t("weather.source")) + ": NOAA", 1),
-                  l("div", En, h(t.$t("weather.lastUpdate")) + ": " + h(r.computeDateZ((Me = (ye = (N = (Oe = o.models) == null ? void 0 : Oe.weather) == null ? void 0 : N.NOAA) == null ? void 0 : ye.meta) == null ? void 0 : Me.initialisationTime)), 1),
-                  l("div", Nn, h((E = (Ee = (Be = o.models) == null ? void 0 : Be.weather) == null ? void 0 : Ee.ECMWF) == null ? void 0 : E.source) + " " + h((Ve = (Ge = (Z = o.models) == null ? void 0 : Z.weather) == null ? void 0 : Ge.ECMWF) == null ? void 0 : Ve.spatialResolution) + h(t.$t("units.km")) + " " + h((Ke = (Ye = (Te = (Ze = o.models) == null ? void 0 : Ze.weather) == null ? void 0 : Te.ECMWF) == null ? void 0 : Ye.meta) == null ? void 0 : Ke.days) + h(t.$t("units.days")), 1),
-                  l("div", jn, h(t.$t("weather.source")) + ": ECMWF", 1),
-                  l("div", Fn, h(t.$t("weather.lastUpdate")) + ": " + h(r.computeDateZ((Je = (Qe = ($e = (Xe = o.models) == null ? void 0 : Xe.weather) == null ? void 0 : $e.ECMWF) == null ? void 0 : Qe.meta) == null ? void 0 : Je.initialisationTime)), 1),
+                  l("div", On, h(t.$t("weather.atmospheric")), 1),
+                  l("div", Bn, h((je = (te = (H = o.models) == null ? void 0 : H.weather) == null ? void 0 : te.NOAA) == null ? void 0 : je.source) + " " + h((fe = (ge = (Ie = o.models) == null ? void 0 : Ie.weather) == null ? void 0 : ge.NOAA) == null ? void 0 : fe.spatialResolution) + h(t.$t("units.km")) + " " + h((le = (ae = (Ce = (W = o.models) == null ? void 0 : W.weather) == null ? void 0 : Ce.NOAA) == null ? void 0 : ae.meta) == null ? void 0 : le.days) + h(t.$t("units.days")), 1),
+                  l("div", En, h(t.$t("weather.source")) + ": NOAA", 1),
+                  l("div", Nn, h(t.$t("weather.lastUpdate")) + ": " + h(r.computeDateZ((Me = (ye = (N = (Oe = o.models) == null ? void 0 : Oe.weather) == null ? void 0 : N.NOAA) == null ? void 0 : ye.meta) == null ? void 0 : Me.initialisationTime)), 1),
+                  l("div", jn, h((E = (Ee = (Be = o.models) == null ? void 0 : Be.weather) == null ? void 0 : Ee.ECMWF) == null ? void 0 : E.source) + " " + h((Ve = (Ge = (Z = o.models) == null ? void 0 : Z.weather) == null ? void 0 : Ge.ECMWF) == null ? void 0 : Ve.spatialResolution) + h(t.$t("units.km")) + " " + h((Ke = (Ye = (Te = (Ze = o.models) == null ? void 0 : Ze.weather) == null ? void 0 : Te.ECMWF) == null ? void 0 : Ye.meta) == null ? void 0 : Ke.days) + h(t.$t("units.days")), 1),
+                  l("div", Fn, h(t.$t("weather.source")) + ": ECMWF", 1),
+                  l("div", Hn, h(t.$t("weather.lastUpdate")) + ": " + h(r.computeDateZ((Je = (Qe = ($e = (Xe = o.models) == null ? void 0 : Xe.weather) == null ? void 0 : $e.ECMWF) == null ? void 0 : Qe.meta) == null ? void 0 : Je.initialisationTime)), 1),
                   d(f),
-                  l("div", Hn, h(t.$t("weather.wave")), 1),
-                  l("div", Un, h((ot = (at = (tt = (et = o.models) == null ? void 0 : et.marine) == null ? void 0 : tt.wave) == null ? void 0 : at.NOAA) == null ? void 0 : ot.source) + " " + h((st = (lt = (rt = (it = o.models) == null ? void 0 : it.marine) == null ? void 0 : rt.wave) == null ? void 0 : lt.NOAA) == null ? void 0 : st.spatialResolution) + h(t.$t("units.km")) + " " + h((ht = (dt = (mt = (ct = (nt = o.models) == null ? void 0 : nt.marine) == null ? void 0 : ct.wave) == null ? void 0 : mt.NOAA) == null ? void 0 : dt.meta) == null ? void 0 : ht.days) + h(t.$t("units.days")), 1),
-                  l("div", Wn, h(t.$t("weather.source")) + ": NOAA", 1),
-                  l("div", Gn, h(t.$t("weather.lastUpdate")) + ": " + h(r.computeDateZ((yt = (ft = (gt = (ut = (pt = o.models) == null ? void 0 : pt.marine) == null ? void 0 : ut.wave) == null ? void 0 : gt.NOAA) == null ? void 0 : ft.meta) == null ? void 0 : yt.initialisationTime)), 1),
-                  l("div", Vn, h((vt = (xt = (wt = (bt = o.models) == null ? void 0 : bt.marine) == null ? void 0 : wt.wave) == null ? void 0 : xt.ECMWF) == null ? void 0 : vt.source) + " " + h((Lt = (zt = (kt = (_t = o.models) == null ? void 0 : _t.marine) == null ? void 0 : kt.wave) == null ? void 0 : zt.ECMWF) == null ? void 0 : Lt.spatialResolution) + h(t.$t("units.km")) + " " + h((It = (St = (Tt = (Ct = (Pt = o.models) == null ? void 0 : Pt.marine) == null ? void 0 : Ct.wave) == null ? void 0 : Tt.ECMWF) == null ? void 0 : St.meta) == null ? void 0 : It.days) + h(t.$t("units.days")), 1),
-                  l("div", Zn, h(t.$t("weather.source")) + ": ECMWF", 1),
-                  l("div", qn, h(t.$t("weather.lastUpdate")) + ": " + h(r.computeDateZ((Ot = (Rt = (Dt = (At = (Mt = o.models) == null ? void 0 : Mt.marine) == null ? void 0 : At.wave) == null ? void 0 : Dt.ECMWF) == null ? void 0 : Rt.meta) == null ? void 0 : Ot.initialisationTime)), 1),
+                  l("div", Un, h(t.$t("weather.wave")), 1),
+                  l("div", Wn, h((ot = (at = (tt = (et = o.models) == null ? void 0 : et.marine) == null ? void 0 : tt.wave) == null ? void 0 : at.NOAA) == null ? void 0 : ot.source) + " " + h((st = (lt = (rt = (it = o.models) == null ? void 0 : it.marine) == null ? void 0 : rt.wave) == null ? void 0 : lt.NOAA) == null ? void 0 : st.spatialResolution) + h(t.$t("units.km")) + " " + h((ht = (dt = (mt = (ct = (nt = o.models) == null ? void 0 : nt.marine) == null ? void 0 : ct.wave) == null ? void 0 : mt.NOAA) == null ? void 0 : dt.meta) == null ? void 0 : ht.days) + h(t.$t("units.days")), 1),
+                  l("div", Gn, h(t.$t("weather.source")) + ": NOAA", 1),
+                  l("div", Vn, h(t.$t("weather.lastUpdate")) + ": " + h(r.computeDateZ((yt = (ft = (gt = (ut = (pt = o.models) == null ? void 0 : pt.marine) == null ? void 0 : ut.wave) == null ? void 0 : gt.NOAA) == null ? void 0 : ft.meta) == null ? void 0 : yt.initialisationTime)), 1),
+                  l("div", Zn, h((vt = (xt = (wt = (bt = o.models) == null ? void 0 : bt.marine) == null ? void 0 : wt.wave) == null ? void 0 : xt.ECMWF) == null ? void 0 : vt.source) + " " + h((Lt = (zt = (kt = (_t = o.models) == null ? void 0 : _t.marine) == null ? void 0 : kt.wave) == null ? void 0 : zt.ECMWF) == null ? void 0 : Lt.spatialResolution) + h(t.$t("units.km")) + " " + h((It = (St = (Tt = (Ct = (Pt = o.models) == null ? void 0 : Pt.marine) == null ? void 0 : Ct.wave) == null ? void 0 : Tt.ECMWF) == null ? void 0 : St.meta) == null ? void 0 : It.days) + h(t.$t("units.days")), 1),
+                  l("div", qn, h(t.$t("weather.source")) + ": ECMWF", 1),
+                  l("div", Yn, h(t.$t("weather.lastUpdate")) + ": " + h(r.computeDateZ((Ot = (Rt = (Dt = (At = (Mt = o.models) == null ? void 0 : Mt.marine) == null ? void 0 : At.wave) == null ? void 0 : Dt.ECMWF) == null ? void 0 : Rt.meta) == null ? void 0 : Ot.initialisationTime)), 1),
                   d(f),
-                  l("div", Yn, h(t.$t("weather.currents")), 1),
-                  l("div", Kn, h((jt = (Nt = (Et = (Bt = o.models) == null ? void 0 : Bt.marine) == null ? void 0 : Et.current) == null ? void 0 : Nt.ECMWF) == null ? void 0 : jt.source) + " " + h((Wt = (Ut = (Ht = (Ft = o.models) == null ? void 0 : Ft.marine) == null ? void 0 : Ht.current) == null ? void 0 : Ut.ECMWF) == null ? void 0 : Wt.spatialResolution) + h(t.$t("units.km")) + " " + h((Yt = (qt = (Zt = (Vt = (Gt = o.models) == null ? void 0 : Gt.marine) == null ? void 0 : Vt.current) == null ? void 0 : Zt.ECMWF) == null ? void 0 : qt.meta) == null ? void 0 : Yt.days) + h(t.$t("units.days")), 1),
-                  l("div", Xn, h(t.$t("weather.source")) + ": ECMWF", 1),
-                  l("div", $n, h(t.$t("weather.lastUpdate")) + ": " + h(r.computeDateZ((ea = (Jt = (Qt = (Xt = (Kt = o.models) == null ? void 0 : Kt.marine) == null ? void 0 : Xt.current) == null ? void 0 : Qt.ECMWF) == null ? void 0 : Jt.meta) == null ? void 0 : ea.initialisationTime)), 1)
+                  l("div", Kn, h(t.$t("weather.currents")), 1),
+                  l("div", Xn, h((jt = (Nt = (Et = (Bt = o.models) == null ? void 0 : Bt.marine) == null ? void 0 : Et.current) == null ? void 0 : Nt.ECMWF) == null ? void 0 : jt.source) + " " + h((Wt = (Ut = (Ht = (Ft = o.models) == null ? void 0 : Ft.marine) == null ? void 0 : Ht.current) == null ? void 0 : Ut.ECMWF) == null ? void 0 : Wt.spatialResolution) + h(t.$t("units.km")) + " " + h((Yt = (qt = (Zt = (Vt = (Gt = o.models) == null ? void 0 : Gt.marine) == null ? void 0 : Vt.current) == null ? void 0 : Zt.ECMWF) == null ? void 0 : qt.meta) == null ? void 0 : Yt.days) + h(t.$t("units.days")), 1),
+                  l("div", $n, h(t.$t("weather.source")) + ": ECMWF", 1),
+                  l("div", Qn, h(t.$t("weather.lastUpdate")) + ": " + h(r.computeDateZ((ea = (Jt = (Qt = (Xt = (Kt = o.models) == null ? void 0 : Kt.marine) == null ? void 0 : Xt.current) == null ? void 0 : Qt.ECMWF) == null ? void 0 : Jt.meta) == null ? void 0 : ea.initialisationTime)), 1)
                 ];
               }),
               _: 1
@@ -9487,7 +9511,7 @@ function Qn(t, e, a, i, o, r) {
       key: 2,
       map: a.map,
       "before-layer": "empty-layer-2",
-      "sig-wave-height": (se = o.weatherLayers) == null ? void 0 : se["sig-wave-height"],
+      "sig-wave-height": (ne = o.weatherLayers) == null ? void 0 : ne["sig-wave-height"],
       "menu-toggle": a.menuToggle,
       "active-weather-layers": o.activeWeatherLayers
     }, t.$attrs), null, 16, ["map", "sig-wave-height", "menu-toggle", "active-weather-layers"])) : D("", !0),
@@ -9516,7 +9540,7 @@ function Qn(t, e, a, i, o, r) {
     a.map ? (b(), A(R, O({
       key: 6,
       viewport: o.viewport,
-      factor: (ne = o.weatherLayers) == null ? void 0 : ne["current-particle"],
+      factor: (ce = o.weatherLayers) == null ? void 0 : ce["current-particle"],
       "menu-toggle": a.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : D("", !0),
     a.map ? (b(), A(G, O({
@@ -9528,10 +9552,10 @@ function Qn(t, e, a, i, o, r) {
     a.map ? (b(), A(Y, O({
       key: 8,
       map: a.map,
-      swell: (ce = o.weatherLayers) == null ? void 0 : ce.swell,
+      factor: (me = o.weatherLayers) == null ? void 0 : me.swell,
       "menu-toggle": a.menuToggle,
       "active-weather-layers": o.activeWeatherLayers
-    }, t.$attrs), null, 16, ["map", "swell", "menu-toggle", "active-weather-layers"])) : D("", !0),
+    }, t.$attrs), null, 16, ["map", "factor", "menu-toggle", "active-weather-layers"])) : D("", !0),
     a.map ? (b(), A(K, O({
       key: 9,
       viewport: o.viewport,
@@ -9568,7 +9592,7 @@ function Qn(t, e, a, i, o, r) {
       factor: (Re = o.weatherLayers) == null ? void 0 : Re["water-temp"],
       "menu-toggle": a.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : D("", !0),
-    a.map ? (b(), A(de, O({
+    a.map ? (b(), A(he, O({
       key: 15,
       viewport: o.viewport,
       factor: (_e = o.weatherLayers) == null ? void 0 : _e.temp,
@@ -9576,7 +9600,7 @@ function Qn(t, e, a, i, o, r) {
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : D("", !0)
   ]);
 }
-const Jn = /* @__PURE__ */ q(bn, [["render", Qn]]), ta = [
+const ec = /* @__PURE__ */ q(wn, [["render", Jn]]), ta = [
   {
     rank: 0,
     name: "Best Match",
@@ -9923,10 +9947,10 @@ class Zo {
     }), o;
   }
   static pickHourly(e, a) {
-    var i, o, r, s, c, n, g, p, f, w, v, y, C, T, B, I, L, _, k, P, z, R, G, Y, K, V, J, ee, Q, re, de, pe, se, X, oe, ue, ne, F, ce, xe, Le, Pe, Ae, De, Re, _e, U, ae, Ne, Ie;
-    const ge = typeof a == "string" ? M(a) : a, fe = e == null ? void 0 : e.weather, W = e == null ? void 0 : e.marine, Ce = M((o = (i = fe == null ? void 0 : fe[0]) == null ? void 0 : i.hourly) == null ? void 0 : o.date).utc(), te = Ce.clone().add((c = (s = (r = fe == null ? void 0 : fe[0]) == null ? void 0 : r.hourly) == null ? void 0 : s.time) == null ? void 0 : c.at(0), "h"), le = Ce.clone().add((p = (g = (n = fe == null ? void 0 : fe[0]) == null ? void 0 : n.hourly) == null ? void 0 : g.time) == null ? void 0 : p.at(-1), "h"), Oe = [];
-    if (ge.isBetween(te, le, "millisecond", "[]")) {
-      const N = ge.utc().diff(te, "h", !1);
+    var i, o, r, s, c, n, g, p, f, w, v, y, C, T, B, I, L, _, k, P, z, R, G, Y, K, V, J, ee, Q, re, he, pe, ne, X, oe, ue, ce, F, me, xe, Le, Pe, Ae, De, Re, _e, H, te, je, Ie;
+    const ge = typeof a == "string" ? M(a) : a, fe = e == null ? void 0 : e.weather, W = e == null ? void 0 : e.marine, Ce = M((o = (i = fe == null ? void 0 : fe[0]) == null ? void 0 : i.hourly) == null ? void 0 : o.date).utc(), ae = Ce.clone().add((c = (s = (r = fe == null ? void 0 : fe[0]) == null ? void 0 : r.hourly) == null ? void 0 : s.time) == null ? void 0 : c.at(0), "h"), le = Ce.clone().add((p = (g = (n = fe == null ? void 0 : fe[0]) == null ? void 0 : n.hourly) == null ? void 0 : g.time) == null ? void 0 : p.at(-1), "h"), Oe = [];
+    if (ge.isBetween(ae, le, "millisecond", "[]")) {
+      const N = ge.utc().diff(ae, "h", !1);
       let ye, Me;
       if (fe) {
         let Be = 0, Ee = 0;
@@ -9962,7 +9986,7 @@ class Zo {
           };
           const { name: Ge, url: Ve, bg: Ze } = this.parseWeatherCode(ye.code, ye.isDay);
           ye.name = Ge, ye.url = Ve, ye.bg = Ze, ye.wind.scale = this.beaufort(this.kts2ms(ye.wind.kts)), ye.wind.direction = this.degree2Direction(ye.wind.degree), Oe.push({
-            utc: te.add(N, "h").format(),
+            utc: ae.add(N, "h").format(),
             model: E.model,
             weather: { ...ye }
           });
@@ -9977,18 +10001,18 @@ class Zo {
               sig: {
                 height: (ee = E == null ? void 0 : E.wave_height) == null ? void 0 : ee.at(N),
                 degree: (Q = E == null ? void 0 : E.wave_direction) == null ? void 0 : Q.at(N),
-                bearing: ((re = E == null ? void 0 : E.wave_direction) == null ? void 0 : re.at(N)) !== null ? (((de = E == null ? void 0 : E.wave_direction) == null ? void 0 : de.at(N)) + 180) % 360 : null,
+                bearing: ((re = E == null ? void 0 : E.wave_direction) == null ? void 0 : re.at(N)) !== null ? (((he = E == null ? void 0 : E.wave_direction) == null ? void 0 : he.at(N)) + 180) % 360 : null,
                 period: (pe = E == null ? void 0 : E.wave_period) == null ? void 0 : pe.at(N)
               },
               swell: {
-                height: (se = E == null ? void 0 : E.swell_wave_height) == null ? void 0 : se.at(N),
+                height: (ne = E == null ? void 0 : E.swell_wave_height) == null ? void 0 : ne.at(N),
                 degree: (X = E == null ? void 0 : E.swell_wave_direction) == null ? void 0 : X.at(N),
                 bearing: ((oe = E == null ? void 0 : E.swell_wave_direction) == null ? void 0 : oe.at(N)) !== null ? (((ue = E == null ? void 0 : E.swell_wave_direction) == null ? void 0 : ue.at(N)) + 180) % 360 : null,
-                period: (ne = E == null ? void 0 : E.swell_wave_period) == null ? void 0 : ne.at(N),
+                period: (ce = E == null ? void 0 : E.swell_wave_period) == null ? void 0 : ce.at(N),
                 peakPeriod: (F = E == null ? void 0 : E.swell_wave_peak_period) == null ? void 0 : F.at(N)
               },
               wd: {
-                height: (ce = E == null ? void 0 : E.wind_wave_height) == null ? void 0 : ce.at(N),
+                height: (me = E == null ? void 0 : E.wind_wave_height) == null ? void 0 : me.at(N),
                 degree: (xe = E == null ? void 0 : E.wind_wave_direction) == null ? void 0 : xe.at(N),
                 bearing: ((Le = E == null ? void 0 : E.wind_wave_direction) == null ? void 0 : Le.at(N)) !== null ? (((Pe = E == null ? void 0 : E.wind_wave_direction) == null ? void 0 : Pe.at(N)) + 180) % 360 : null,
                 period: (Ae = E == null ? void 0 : E.wind_wave_period) == null ? void 0 : Ae.at(N),
@@ -9998,10 +10022,10 @@ class Zo {
             current: {
               speed: (Re = E == null ? void 0 : E.ocean_current_velocity) == null ? void 0 : Re.at(N),
               kts: (_e = E == null ? void 0 : E.ocean_current_velocity) == null ? void 0 : _e.at(N),
-              degree: (U = E == null ? void 0 : E.ocean_current_direction) == null ? void 0 : U.at(N),
-              bearing: ((ae = E == null ? void 0 : E.ocean_current_direction) == null ? void 0 : ae.at(N)) ?? null
+              degree: (H = E == null ? void 0 : E.ocean_current_direction) == null ? void 0 : H.at(N),
+              bearing: ((te = E == null ? void 0 : E.ocean_current_direction) == null ? void 0 : te.at(N)) ?? null
             },
-            sst: (Ne = E == null ? void 0 : E.sea_surface_temperature) == null ? void 0 : Ne.at(N),
+            sst: (je = E == null ? void 0 : E.sea_surface_temperature) == null ? void 0 : je.at(N),
             height: (Ie = E == null ? void 0 : E.sea_level_height_msl) == null ? void 0 : Ie.at(N)
           }, Me.wave = this.parseWave(Me.wave, ye == null ? void 0 : ye.wind), Me.current.direction = this.degree2Direction(Me.current.degree), Object.assign(Oe[Be], Me), Be++;
         }
@@ -10032,75 +10056,75 @@ class Zo {
     };
   }
   static pickDaily(e, a) {
-    var i, o, r, s, c, n, g, p, f, w, v, y, C, T, B, I, L, _, k, P, z, R, G, Y, K, V, J, ee, Q, re, de, pe, se, X, oe, ue, ne, F, ce, xe, Le, Pe, Ae, De;
-    const Re = typeof a == "string" ? M(a) : a, _e = e == null ? void 0 : e.weather, U = e == null ? void 0 : e.marine, ae = M((r = (o = (i = _e == null ? void 0 : _e[0]) == null ? void 0 : i.daily) == null ? void 0 : o.time) == null ? void 0 : r.at(0)), Ne = M((n = (c = (s = _e == null ? void 0 : _e[0]) == null ? void 0 : s.daily) == null ? void 0 : c.time) == null ? void 0 : n.at(-1)), Ie = [];
-    if (Re.isBetween(ae, Ne, "millisecond", "[]")) {
+    var i, o, r, s, c, n, g, p, f, w, v, y, C, T, B, I, L, _, k, P, z, R, G, Y, K, V, J, ee, Q, re, he, pe, ne, X, oe, ue, ce, F, me, xe, Le, Pe, Ae, De;
+    const Re = typeof a == "string" ? M(a) : a, _e = e == null ? void 0 : e.weather, H = e == null ? void 0 : e.marine, te = M((r = (o = (i = _e == null ? void 0 : _e[0]) == null ? void 0 : i.daily) == null ? void 0 : o.time) == null ? void 0 : r.at(0)), je = M((n = (c = (s = _e == null ? void 0 : _e[0]) == null ? void 0 : s.daily) == null ? void 0 : c.time) == null ? void 0 : n.at(-1)), Ie = [];
+    if (Re.isBetween(te, je, "millisecond", "[]")) {
       let ge, fe;
-      const W = Re.diff(ae, "d", !1);
+      const W = Re.diff(te, "d", !1);
       if (_e)
         for (const Ce of _e) {
-          const te = Ce.daily;
+          const ae = Ce.daily;
           ge = {
-            code: (g = te.weather_code) == null ? void 0 : g.at(W),
+            code: (g = ae.weather_code) == null ? void 0 : g.at(W),
             temp: {
-              max: (p = te.temperature_2m_max) == null ? void 0 : p.at(W),
-              min: (f = te.temperature_2m_min) == null ? void 0 : f.at(W),
-              mean: (w = te.temperature_2m_mean) == null ? void 0 : w.at(W)
+              max: (p = ae.temperature_2m_max) == null ? void 0 : p.at(W),
+              min: (f = ae.temperature_2m_min) == null ? void 0 : f.at(W),
+              mean: (w = ae.temperature_2m_mean) == null ? void 0 : w.at(W)
             },
             apparentTemp: {
-              max: (v = te.apparent_temperature_max) == null ? void 0 : v.at(W),
-              min: (y = te.apparent_temperature_min) == null ? void 0 : y.at(W)
+              max: (v = ae.apparent_temperature_max) == null ? void 0 : v.at(W),
+              min: (y = ae.apparent_temperature_min) == null ? void 0 : y.at(W)
             },
             precip: {
-              sum: (C = te.precipitation_sum) == null ? void 0 : C.at(W),
-              rainSum: (T = te.rain_sum) == null ? void 0 : T.at(W),
-              snowfallSum: (B = te.snowfall_sum) == null ? void 0 : B.at(W),
-              showersSum: (I = te.showers_sum) == null ? void 0 : I.at(W),
-              hours: (L = te.precipitation_hours) == null ? void 0 : L.at(W),
-              probability: (_ = te.precipitation_probability_max) == null ? void 0 : _.at(W)
+              sum: (C = ae.precipitation_sum) == null ? void 0 : C.at(W),
+              rainSum: (T = ae.rain_sum) == null ? void 0 : T.at(W),
+              snowfallSum: (B = ae.snowfall_sum) == null ? void 0 : B.at(W),
+              showersSum: (I = ae.showers_sum) == null ? void 0 : I.at(W),
+              hours: (L = ae.precipitation_hours) == null ? void 0 : L.at(W),
+              probability: (_ = ae.precipitation_probability_max) == null ? void 0 : _.at(W)
             },
             rh: {
-              max: (k = te.relative_humidity_2m_max) == null ? void 0 : k.at(W),
-              min: (P = te.relative_humidity_2m_min) == null ? void 0 : P.at(W),
-              mean: (z = te.relative_humidity_2m_mean) == null ? void 0 : z.at(W)
+              max: (k = ae.relative_humidity_2m_max) == null ? void 0 : k.at(W),
+              min: (P = ae.relative_humidity_2m_min) == null ? void 0 : P.at(W),
+              mean: (z = ae.relative_humidity_2m_mean) == null ? void 0 : z.at(W)
             },
             wind: {
-              speed: (R = te.wind_speed_10m_max) == null ? void 0 : R.at(W),
-              kts: (G = te.wind_speed_10m_max) == null ? void 0 : G.at(W),
-              degree: (Y = te.wind_direction_10m_dominant) == null ? void 0 : Y.at(W),
-              gusts: (K = te.wind_gusts_10m_max) == null ? void 0 : K.at(W),
-              bearing: ((V = te.wind_direction_10m_dominant) == null ? void 0 : V.at(W)) !== null ? (((J = te.wind_direction_10m_dominant) == null ? void 0 : J.at(W)) + 180) % 360 : null
+              speed: (R = ae.wind_speed_10m_max) == null ? void 0 : R.at(W),
+              kts: (G = ae.wind_speed_10m_max) == null ? void 0 : G.at(W),
+              degree: (Y = ae.wind_direction_10m_dominant) == null ? void 0 : Y.at(W),
+              gusts: (K = ae.wind_gusts_10m_max) == null ? void 0 : K.at(W),
+              bearing: ((V = ae.wind_direction_10m_dominant) == null ? void 0 : V.at(W)) !== null ? (((J = ae.wind_direction_10m_dominant) == null ? void 0 : J.at(W)) + 180) % 360 : null
             }
           };
           const { name: le, url: Oe, bg: N } = this.parseWeatherCode(ge.code, !0);
           ge.name = le, ge.url = Oe, ge.bg = N, ge.wind.scale = this.beaufort(this.kts2ms(ge.wind.kts)), ge.wind.direction = this.degree2Direction(ge.wind.degree), Ie.push({
-            utc: ae.add(W, "d").utc().format(),
+            utc: te.add(W, "d").utc().format(),
             model: Ce.model,
             weather: { ...ge }
           });
         }
-      if (U) {
+      if (H) {
         let Ce = 0;
-        for (const te of U) {
-          const le = te.daily;
+        for (const ae of H) {
+          const le = ae.daily;
           fe = {
             wave: {
               sig: {
                 height: (ee = le.wave_height_max) == null ? void 0 : ee.at(W),
                 degree: (Q = le.wave_direction_dominant) == null ? void 0 : Q.at(W),
                 period: (re = le.wave_period_max) == null ? void 0 : re.at(W),
-                bearing: ((de = le.wave_direction_dominant) == null ? void 0 : de.at(W)) !== null ? (((pe = le.wave_direction_dominant) == null ? void 0 : pe.at(W)) + 180) % 360 : null
+                bearing: ((he = le.wave_direction_dominant) == null ? void 0 : he.at(W)) !== null ? (((pe = le.wave_direction_dominant) == null ? void 0 : pe.at(W)) + 180) % 360 : null
               },
               swell: {
-                height: (se = le.swell_wave_height_max) == null ? void 0 : se.at(W),
+                height: (ne = le.swell_wave_height_max) == null ? void 0 : ne.at(W),
                 degree: (X = le.swell_wave_direction_dominant) == null ? void 0 : X.at(W),
                 period: (oe = le.swell_wave_period_max) == null ? void 0 : oe.at(W),
                 peakPeriod: (ue = le.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: ((ne = le.swell_wave_direction_dominant) == null ? void 0 : ne.at(W)) !== null ? ((F = le.swell_wave_direction_dominant) == null ? void 0 : F.at(W)) % 360 : null
+                bearing: ((ce = le.swell_wave_direction_dominant) == null ? void 0 : ce.at(W)) !== null ? ((F = le.swell_wave_direction_dominant) == null ? void 0 : F.at(W)) % 360 : null
               },
               wd: {
-                height: (ce = le.wind_wave_height_max) == null ? void 0 : ce.at(W),
+                height: (me = le.wind_wave_height_max) == null ? void 0 : me.at(W),
                 degree: (xe = le.wind_wave_direction_dominant) == null ? void 0 : xe.at(W),
                 period: (Le = le.wind_wave_period_max) == null ? void 0 : Le.at(W),
                 peakPeriod: (Pe = le.wind_wave_peak_period_max) == null ? void 0 : Pe.at(W),
@@ -10512,7 +10536,7 @@ class Zo {
     return isNaN(e) || e <= 0.1 ? a = "Calm" : e <= 0.5 ? a = "Smooth" : e <= 1.25 ? a = "Slight" : e <= 2.5 ? a = "Moderate" : e <= 4 ? a = "Rough" : e <= 6 ? a = "VeryRough" : e <= 9 ? a = "High" : e <= 14 ? a = "VeryHigh" : a = "Precipitous", a;
   }
 }
-const ec = {
+const tc = {
   name: "IdmTropicals",
   props: {
     permission: {
@@ -10581,9 +10605,9 @@ const ec = {
       showTropicalsInfo: !1,
       activeTropicals: void 0,
       activeTropicalsMarker: void 0,
-      empty: H.featureCollection([]),
+      empty: U.featureCollection([]),
       circleSource: "circle-source",
-      circleSourceData: H.featureCollection([]),
+      circleSourceData: U.featureCollection([]),
       circleLayer: "tropical-circle-layer",
       showLegend: !1
     };
@@ -10638,7 +10662,7 @@ const ec = {
     },
     map: {
       handler() {
-        this.map ? (this.toggle = localStorage.getItem(this.tropicalCacheKey) === "true" || !1, localStorage.setItem(this.tropicalCacheKey, this.toggle), this.toggle && this.fetchTropicals()) : this.showTropicalsInfo = !1;
+        this.map ? (this.toggle = localStorage.getItem(this.tropicalCacheKey) === "true" || !1, localStorage.setItem(this.tropicalCacheKey, this.toggle), this.toggle && this.fetchTropicals()) : this.handleClear();
       }
     },
     showTropicalsInfo: {
@@ -10937,18 +10961,18 @@ const ec = {
       this.interpolateData = JSON.parse(JSON.stringify(t)), this.handleDateChange();
     },
     handleClear() {
-      var t, e, a, i, 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((r) => r == null ? void 0 : r.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.hoverLayers, this.handleClick), (a = this.map) == null || a.off("mousemove", this.hoverLayers, this.handleHover), (i = this.map) == null || i.off("mouseleave", this.hoverLayers, this.handleLeave), this.showTropicalsInfo = !1, (o = this.activeTropicalsMarker) == null || o.remove(), this.activeTropicalsMarker = void 0;
+      var t, e, a, i;
+      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.hoverLayers, this.handleClick), (a = this.map) == null || a.off("mousemove", this.hoverLayers, this.handleHover), (i = this.map) == null || i.off("mouseleave", this.hoverLayers, this.handleLeave), this.handleCloseInfoMarker();
     },
     handleDateChange() {
       var t, e, a, i, o, r, s, c, n, g, p, f, w, v, y, C, T, B, I, L, _, k, P, z, R, G, Y, K, V, J, ee, Q;
       if ((t = this.interpolateMarkers) == null || t.forEach((re) => re == null ? void 0 : re.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
-        const re = M(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), de = this.interpolateData.filter((X) => X.properties.date === (re == null ? void 0 : re.format()) && !X.properties.disabled), pe = this.handleComputePolygons(de), se = H.featureCollection([...de]);
+        const re = M(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), he = this.interpolateData.filter((X) => X.properties.date === (re == null ? void 0 : re.format()) && !X.properties.disabled), pe = this.handleComputePolygons(he), ne = U.featureCollection([...he]);
         pe.forEach((X) => {
-          se.features.push(X);
-        }), (a = this.map) != null && a.getSource(this.interpolateSource) ? (i = this.map) == null || i.getSource(this.interpolateSource).setData(se) : ((o = this.map) == null || o.addSource(this.interpolateSource, {
+          ne.features.push(X);
+        }), (a = this.map) != null && a.getSource(this.interpolateSource) ? (i = this.map) == null || i.getSource(this.interpolateSource).setData(ne) : ((o = this.map) == null || o.addSource(this.interpolateSource, {
           type: "geojson",
-          data: se
+          data: ne
         }), (r = this.map) == null || r.addLayer({
           id: this.interpolateLineLayer,
           type: "line",
@@ -10960,7 +10984,7 @@ const ec = {
             "line-width": 1
           }
         })), this.interpolateMarkers = [];
-        for (const X of de)
+        for (const X of he)
           if (!X.properties.disabled) {
             let oe = "#f44336";
             ((c = (s = X.properties) == null ? void 0 : s.wind) == null ? void 0 : c.kts) < 32 || !((g = (n = X.properties) == null ? void 0 : n.wind) != null && g.kts) ? oe = "#03f869" : ((f = (p = X.properties) == null ? void 0 : p.wind) == null ? void 0 : f.kts) >= 32 && ((v = (w = X.properties) == null ? void 0 : w.wind) == null ? void 0 : v.kts) < 47 ? oe = "#f2f202" : ((C = (y = X.properties) == null ? void 0 : y.wind) == null ? void 0 : C.kts) >= 47 && ((B = (T = X.properties) == null ? void 0 : T.wind) == null ? void 0 : B.kts) < 63 ? oe = "#ff9100" : ((L = (I = X.properties) == null ? void 0 : I.wind) == null ? void 0 : L.kts) >= 63 && ((k = (_ = X.properties) == null ? void 0 : _.wind) == null ? void 0 : k.kts) < 79 ? oe = "#f44336" : ((z = (P = X.properties) == null ? void 0 : P.wind) == null ? void 0 : z.kts) >= 79 && ((G = (R = X.properties) == null ? void 0 : R.wind) == null ? void 0 : G.kts) < 94 ? oe = "#f903d0" : ((K = (Y = X.properties) == null ? void 0 : Y.wind) == null ? void 0 : K.kts) >= 94 ? oe = "#8702f9" : oe = "#f44336";
@@ -10978,9 +11002,9 @@ const ec = {
                           	<path
                           		d="M420.66666667 959.17a16.08 16.08 0 0 1-15.91-13.49A15.89 15.89 0 0 1 415.50666667 928c1.49-0.55 38.88-14.76 72.79-65.52A354.55 354.55 0 0 1 162.66666667 509.17a450.14 450.14 0 0 1 450.5-450.5 16.07 16.07 0 0 1 15.91 13.48 15.88 15.88 0 0 1-10.75 17.66c-1.58 0.58-39.13 14.9-73.07 65.95A354.22 354.22 0 0 1 871.66666667 509.17a16 16 0 0 1-0.52 4.05A450.14 450.14 0 0 1 420.66666667 959.17zM554.80666667 94.72C351.57666667 123.2 194.66666667 298.21 194.66666667 509.17c0 177.08 144.06 321.74 321.13 322.48a16 16 0 0 1 14.07 23.49c-16.11 30.42-34.27 52.37-50.85 68C682.25666667 894.63 839.16666667 719.63 839.16666667 508.67a15.94 15.94 0 0 1 0.47-3.86C837.30666667 329.33 693.82666667 187 517.80666667 186.67A16 16 0 0 1 503.66666667 163.21c16.21-30.69 34.47-52.79 51.14-68.49z"
                           		fill="#ffffff" p-id="18386"></path>
-                          </svg>`, ne = document.createElement("div");
-            ne.className = "idm-tropical-gl4-hourly-marker", ne.innerHTML = `<div class="${X.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${ue}</div>`;
-            const F = new ve.Marker(ne).setLngLat(X.geometry.coordinates).addTo(this.map);
+                          </svg>`, ce = document.createElement("div");
+            ce.className = "idm-tropical-gl4-hourly-marker", ce.innerHTML = `<div class="${X.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${ue}</div>`;
+            const F = new ve.Marker(ce).setLngLat(X.geometry.coordinates).addTo(this.map);
             this.interpolateMarkers.push(F), (J = (V = this.map) == null ? void 0 : V.getSource(this.circleSource)) == null || J.setData(this.circleSourceData);
           }
       } else
@@ -11009,6 +11033,12 @@ const ec = {
         this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]) : this.activeTropicalsMarker = new ve.Marker(w).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
       });
     },
+    handleCloseInfoMarker() {
+      this.showTropicalsInfo = !1, this.$nextTick(() => {
+        var t;
+        (t = this.activeTropicalsMarker) == null || t.remove(), this.activeTropicalsMarker = void 0;
+      });
+    },
     handleForecastToggle(t) {
       var i, o, r, s, c, n;
       t.disabled = !t.disabled;
@@ -11017,7 +11047,7 @@ const ec = {
         g.properties.category === e && (g.properties.disabled = t.disabled);
       }), this.interpolateData.forEach((g) => {
         g.properties.category === e && (g.properties.disabled = t.disabled);
-      }), (s = (r = this.map) == null ? void 0 : r.getSource(this.source)) == null || s.setData(H.featureCollection(a)), (n = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || n.setData(H.featureCollection(a)), this.handleDateChange();
+      }), (s = (r = this.map) == null ? void 0 : r.getSource(this.source)) == null || s.setData(U.featureCollection(a)), (n = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || n.setData(U.featureCollection(a)), this.handleDateChange();
     },
     handleStrikeProbability(t) {
       this.$emit("tropicalProbability", t);
@@ -11074,22 +11104,22 @@ const ec = {
         let n;
         switch (s) {
           case "ne":
-            n = H.lineArc(t, c, 0, 90, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            n = U.lineArc(t, c, 0, 90, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "se":
-            n = H.lineArc(t, c, 90, 180, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            n = U.lineArc(t, c, 90, 180, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "sw":
-            n = H.lineArc(t, c, 180, 270, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            n = U.lineArc(t, c, 180, 270, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "nw":
-            n = H.lineArc(t, c, 270, 360, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            n = U.lineArc(t, c, 270, 360, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
         }
         i.push(...(r = n == null ? void 0 : n.geometry) == null ? void 0 : r.coordinates);
       }
-      const o = H.lineString(i);
-      return H.lineToPolygon(o, { properties: a });
+      const o = U.lineString(i);
+      return U.lineToPolygon(o, { properties: a });
     },
     handleNotification(t) {
       this.$emit("tropicalNotification", t);
@@ -11101,23 +11131,23 @@ const ec = {
       this.map.getCanvas().style.cursor = "grab";
     }
   }
-}, tc = { class: "idm-tropical-gl4" }, ac = {
+}, ac = { class: "idm-tropical-gl4" }, oc = {
   key: 0,
   id: "idm-tropical-gl4-info",
   class: "idm-tropical-gl4-info"
-}, oc = { class: "pb-1" }, ic = { class: "text-h6 font-weight-600" }, rc = {
+}, ic = { class: "pb-1" }, rc = { class: "text-h6 font-weight-600" }, lc = {
   key: 0,
   class: "text-body-1 text-label"
-}, lc = { class: "text-body-2" }, sc = { class: "text-label" }, nc = { class: "d-flex justify-space-between align-center" }, cc = { class: "w-60" }, mc = { class: "text-label pr-1" }, dc = { class: "flex-1-1-0" }, hc = { class: "text-label pr-1" }, pc = { class: "py-2 d-flex justify-space-between align-center" }, uc = { class: "w-60" }, gc = { class: "text-label pr-1" }, fc = { class: "flex-1-1-0" }, yc = { class: "text-label pr-1" }, bc = { class: "d-flex align-center flex-1-1-100 justify-space-between" }, wc = {
+}, sc = { class: "text-body-2" }, nc = { class: "text-label" }, cc = { class: "d-flex justify-space-between align-center" }, mc = { class: "w-60" }, dc = { class: "text-label pr-1" }, hc = { class: "flex-1-1-0" }, pc = { class: "text-label pr-1" }, uc = { class: "py-2 d-flex justify-space-between align-center" }, gc = { class: "w-60" }, fc = { class: "text-label pr-1" }, yc = { class: "flex-1-1-0" }, bc = { class: "text-label pr-1" }, wc = { class: "d-flex align-center flex-1-1-100 justify-space-between" }, xc = {
   class: "text-label pr-1",
   style: { width: "130px" }
-}, xc = { class: "model-box flex-1-1-0 d-flex justify-end align-center flex-wrap ga-1 pa-1" }, vc = { class: "more" }, _c = {
-  class: "my-4",
-  style: { height: "80px" }
-}, kc = { class: "pa-1 d-flex justify-space-between align-center" }, zc = { class: "pa-1 d-flex justify-space-between align-center" };
-function Lc(t, e, a, i, o, r) {
+}, vc = { class: "model-box d-flex justify-end align-center flex-wrap ga-1 pa-1" }, _c = { class: "more" }, kc = {
+  class: "my-3",
+  style: { height: "80px", width: "100%" }
+}, zc = { class: "pa-1 d-flex justify-space-between align-center" }, Lc = { class: "pa-1 d-flex justify-space-between align-center" };
+function Pc(t, e, a, i, o, r) {
   const s = x("VBtn"), c = x("VTooltip"), n = x("VCardText"), g = x("VDivider"), p = x("VCardActions"), f = x("VCard");
-  return b(), S("div", tc, [
+  return b(), S("div", ac, [
     l("div", {
       class: "menu-bar-box transition pa-1",
       style: ie({ top: a.top + 134 + "px", right: o.right + "px" })
@@ -11134,45 +11164,46 @@ function Lc(t, e, a, i, o, r) {
             class: ["text-none pa-0", o.toggle ? "bg-primary active-border" : ""],
             onClick: r.handleMenuToggle
           }), {
-            default: u(() => e[4] || (e[4] = [
+            default: u(() => e[3] || (e[3] = [
               l("i", { class: "iconfont icon-Tropical text-h4" }, null, -1)
             ])),
             _: 2,
-            __: [4]
+            __: [3]
           }, 1040, ["class", "onClick"])
         ]),
         _: 1
       }, 8, ["text"])
     ], 4),
-    o.showTropicalsInfo && !t.$attrs.hideTropicalsLegend ? (b(), S("div", ac, [
+    o.showTropicalsInfo && !t.$attrs.hideTropicalsLegend ? (b(), S("div", oc, [
       d(f, {
-        width: "400",
-        elevation: "16"
+        "min-width": "400",
+        elevation: "16",
+        "max-width": "500"
       }, {
         default: u(() => [
           d(n, null, {
             default: u(() => {
               var w, v, y, C, T, B, I, L, _, k;
               return [
-                l("div", oc, [
-                  l("span", ic, h((w = o.activeTropicals) == null ? void 0 : w.name), 1),
-                  (y = (v = o.activeTropicals) == null ? void 0 : v.history) != null && y.level ? (b(), S("span", rc, ", " + h((T = (C = o.activeTropicals) == null ? void 0 : C.history) == null ? void 0 : T.level), 1)) : D("", !0)
+                l("div", ic, [
+                  l("span", rc, h((w = o.activeTropicals) == null ? void 0 : w.name), 1),
+                  (y = (v = o.activeTropicals) == null ? void 0 : v.history) != null && y.level ? (b(), S("span", lc, ", " + h((T = (C = o.activeTropicals) == null ? void 0 : C.history) == null ? void 0 : T.level), 1)) : D("", !0)
                 ]),
                 d(s, {
                   icon: "",
                   density: "compact",
                   variant: "plain",
                   class: "close",
-                  onClick: e[0] || (e[0] = (P) => o.showTropicalsInfo = !1)
+                  onClick: r.handleCloseInfoMarker
                 }, {
-                  default: u(() => e[5] || (e[5] = [
+                  default: u(() => e[4] || (e[4] = [
                     l("i", { class: "iconfont icon-close text-label text-h4" }, null, -1)
                   ])),
                   _: 1,
-                  __: [5]
-                }),
-                l("div", lc, [
-                  l("span", sc, h(t.$t("actions.lastUpdate")) + ": ", 1),
+                  __: [4]
+                }, 8, ["onClick"]),
+                l("div", sc, [
+                  l("span", nc, h(t.$t("actions.lastUpdate")) + ": ", 1),
                   l("span", null, h(r.computeTime(((I = (B = o.activeTropicals) == null ? void 0 : B.history) == null ? void 0 : I.updated) || ((k = (_ = (L = o.activeTropicals) == null ? void 0 : L.forecasts) == null ? void 0 : _.filter((P) => !P.disabled)[0]) == null ? void 0 : k.date))), 1)
                 ])
               ];
@@ -11184,36 +11215,37 @@ function Lc(t, e, a, i, o, r) {
             default: u(() => {
               var w, v, y, C, T, B, I, L, _;
               return [
-                l("div", nc, [
-                  l("div", cc, [
-                    l("label", mc, h(t.$t("weather.windSpeed")) + " : ", 1),
+                l("div", cc, [
+                  l("div", mc, [
+                    l("label", dc, h(t.$t("weather.windSpeed")) + " : ", 1),
                     l("span", null, h(((v = (w = o.activeTropicals) == null ? void 0 : w.history) == null ? void 0 : v.kts) || "-") + " kts", 1),
                     l("span", null, ", BF " + h(r.computeBF(((C = (y = o.activeTropicals) == null ? void 0 : y.history) == null ? void 0 : C.kts) || "-")), 1)
                   ]),
-                  l("div", dc, [
-                    l("label", hc, h(t.$t("tropical.pressure")) + " : ", 1),
+                  l("div", hc, [
+                    l("label", pc, h(t.$t("tropical.pressure")) + " : ", 1),
                     l("span", null, h(((B = (T = o.activeTropicals) == null ? void 0 : T.history) == null ? void 0 : B.pressure) || "-") + " hPa", 1)
                   ])
                 ]),
-                l("div", pc, [
-                  l("div", uc, [
-                    l("label", gc, h(t.$t("tropical.moveSpeed")) + " : ", 1),
+                l("div", uc, [
+                  l("div", gc, [
+                    l("label", fc, h(t.$t("tropical.moveSpeed")) + " : ", 1),
                     l("span", null, h(((I = r.computeMovement(o.activeTropicals)) == null ? void 0 : I.kts) || "-") + " kts", 1)
                   ]),
-                  l("div", fc, [
-                    l("label", yc, h(t.$t("tropical.moveDir")) + " : ", 1),
+                  l("div", yc, [
+                    l("label", bc, h(t.$t("tropical.moveDir")) + " : ", 1),
                     l("span", null, h(((L = r.computeMovement(o.activeTropicals)) == null ? void 0 : L.deg) || "-") + "°", 1)
                   ])
                 ]),
-                l("div", bc, [
-                  l("label", wc, h(t.$t("weather.forecastModels")) + " : ", 1),
-                  l("div", xc, [
+                l("div", wc, [
+                  l("label", xc, h(t.$t("weather.forecastModels")) + " : ", 1),
+                  l("div", vc, [
                     (b(!0), S(be, null, we((_ = o.activeTropicals) == null ? void 0 : _.forecasts, (k, P) => (b(), A(s, {
                       key: P,
                       density: "compact",
                       variant: k.disabled ? "outlined" : "flat",
                       color: k.disabled ? "" : "primary",
-                      class: He(["model text-none text-body-1", k.disabled ? "" : "btn-border-2"]),
+                      "min-width": 30,
+                      class: He(["model text-none text-body-1 px-1", k.disabled ? "" : "btn-border-2"]),
                       onClick: (z) => r.handleForecastToggle(k)
                     }, {
                       default: u(() => [
@@ -11236,9 +11268,9 @@ function Lc(t, e, a, i, o, r) {
                 variant: "text",
                 color: o.showLegend ? "primary" : "",
                 class: "text-none text-body-1",
-                onClick: e[1] || (e[1] = (w) => o.showLegend = !o.showLegend)
+                onClick: e[0] || (e[0] = (w) => o.showLegend = !o.showLegend)
               }, {
-                prepend: u(() => e[6] || (e[6] = [
+                prepend: u(() => e[5] || (e[5] = [
                   l("i", { class: "iconfont icon-Legend text-h4" }, null, -1)
                 ])),
                 default: u(() => [
@@ -11246,13 +11278,13 @@ function Lc(t, e, a, i, o, r) {
                 ]),
                 _: 1
               }, 8, ["color"]),
-              l("div", vc, [
+              l("div", _c, [
                 a.permission & o.helper.LEVEL.Supper ? (b(), A(s, {
                   key: 0,
                   variant: "text",
                   density: "compact",
                   class: "text-none text-body-1",
-                  onClick: e[2] || (e[2] = (w) => r.handleNotification(o.activeTropicals))
+                  onClick: e[1] || (e[1] = (w) => r.handleNotification(o.activeTropicals))
                 }, {
                   default: u(() => [
                     j(h(t.$t("actions.notify")), 1)
@@ -11264,7 +11296,7 @@ function Lc(t, e, a, i, o, r) {
                   density: "compact",
                   "append-icon": "mdi-chevron-right",
                   class: "text-none text-body-1",
-                  onClick: e[3] || (e[3] = (w) => r.handleStrikeProbability(o.activeTropicals))
+                  onClick: e[2] || (e[2] = (w) => r.handleStrikeProbability(o.activeTropicals))
                 }, {
                   default: u(() => [
                     j(h(t.$t("actions.viewReport")), 1)
@@ -11278,15 +11310,12 @@ function Lc(t, e, a, i, o, r) {
         ]),
         _: 1
       }),
-      l("div", _c, [
-        Ue(d(f, {
-          width: "400",
-          elevation: "16"
-        }, {
+      l("div", kc, [
+        Ue(d(f, { elevation: "16" }, {
           default: u(() => [
             d(n, null, {
               default: u(() => [
-                Ue(l("div", kc, e[7] || (e[7] = [
+                Ue(l("div", zc, e[6] || (e[6] = [
                   l("div", { class: "legend d-flex justify-start align-center" }, [
                     l("div", { class: "icon td" }),
                     l("div", { class: "label" }, "TD")
@@ -11314,7 +11343,7 @@ function Lc(t, e, a, i, o, r) {
                 ]), 512), [
                   [We, o.showLegend]
                 ]),
-                Ue(l("div", zc, e[8] || (e[8] = [
+                Ue(l("div", Lc, e[7] || (e[7] = [
                   l("div", { class: "legend d-flex justify-start align-center" }, [
                     l("div", { class: "icon history" }),
                     l("div", { class: "label" }, "History")
@@ -11346,8 +11375,8 @@ function Lc(t, e, a, i, o, r) {
     ])) : D("", !0)
   ]);
 }
-const Ko = /* @__PURE__ */ q(ec, [["render", Lc]]);
-const Pc = {
+const Ko = /* @__PURE__ */ q(tc, [["render", Pc]]);
+const Cc = {
   name: "DateTimePicker",
   props: {
     locale: {
@@ -11488,19 +11517,19 @@ const Pc = {
       this.currentDate = t.clone().format("YYYY-MM-DD"), this.currentTime = t.clone().format("HH:00");
     }
   }
-}, Cc = { class: "idm-gl4-timepicker" }, Tc = {
+}, Tc = { class: "idm-gl4-timepicker" }, Sc = {
   class: "pa-0",
   style: { width: "250px" }
-}, Sc = {
+}, Ic = {
   class: "h-100 pa-0 d-flex flex-column justify-start align-center",
   style: { width: "100px" }
-}, Ic = {
+}, Mc = {
   class: "d-flex justify-center align-center text-body-2",
   style: { height: "56px" }
 };
-function Mc(t, e, a, i, o, r) {
+function Ac(t, e, a, i, o, r) {
   const s = x("VBtn"), c = x("VDatePicker"), n = x("VDivider"), g = x("VListItemTitle"), p = x("VListItem"), f = x("VList"), w = x("VCardText"), v = x("VCardActions"), y = x("VCard");
-  return b(), S("div", Cc, [
+  return b(), S("div", Tc, [
     d(s, {
       text: "",
       height: "30",
@@ -11519,7 +11548,7 @@ function Mc(t, e, a, i, o, r) {
       default: u(() => [
         d(w, { class: "w-100 flex-1-1-0 d-flex pa-0" }, {
           default: u(() => [
-            l("div", Tc, [
+            l("div", Sc, [
               d(c, {
                 modelValue: o.currentDate,
                 "onUpdate:modelValue": e[0] || (e[0] = (C) => o.currentDate = C),
@@ -11538,8 +11567,8 @@ function Mc(t, e, a, i, o, r) {
               class: "h-100",
               vertical: ""
             }),
-            l("div", Sc, [
-              l("div", Ic, h(o.currentTime), 1),
+            l("div", Ic, [
+              l("div", Mc, h(o.currentTime), 1),
               d(f, { class: "pa-0 flex-1-1-0" }, {
                 default: u(() => [
                   (b(!0), S(be, null, we(r.hourOptions, (C, T) => (b(), A(p, {
@@ -11610,8 +11639,8 @@ function Mc(t, e, a, i, o, r) {
     })) : D("", !0)
   ]);
 }
-const na = /* @__PURE__ */ q(Pc, [["render", Mc]]);
-const Ac = {
+const na = /* @__PURE__ */ q(Cc, [["render", Ac]]);
+const Dc = {
   name: "IdmPoint",
   components: {
     DateTimePicker: na
@@ -11783,13 +11812,12 @@ const Ac = {
       this.isLogin ? this.toggle = !this.toggle : this.$emit("login");
     },
     submitForm() {
-      var t;
-      this.showMeteo = !1, (t = this.positionMarker) == null || t.remove(), this.positionMarker = void 0, this.$refs.spotForm.validate().then(async (e) => {
-        var a;
-        if (e != null && e.valid) {
+      this.handleCloseMeteo(), this.$refs.spotForm.validate().then(async (t) => {
+        var e;
+        if (t != null && t.valid) {
           this.form.lat = (Number(this.form.latDegree ?? 0) + Number(this.form.latMinute ?? 0) / 60) * (this.form.latDirection === "N" ? 1 : -1), this.form.lng = (Number(this.form.lngDegree ?? 0) + Number(this.form.lngMinute ?? 0) / 60) * (this.form.lngDirection === "E" ? 1 : -1);
-          const i = M();
-          ((a = M(this.realTime)) == null ? void 0 : a.diff(i, "d", !0)) >= 0 ? await this.fetchMeteoData(this.form) : await this.fetchHistoryData(this.form);
+          const a = M();
+          ((e = M(this.realTime)) == null ? void 0 : e.diff(a, "d", !0)) >= 0 ? await this.fetchMeteoData(this.form) : await this.fetchHistoryData(this.form);
         }
       });
     },
@@ -11846,10 +11874,10 @@ const Ac = {
       (o == null ? void 0 : o.data.code) === 0 && (this.meteoData = o == null ? void 0 : o.data.data, this.meteoData.lng = t.lng, this.meteoData.lat = t.lat, this.initTableData(this.meteoData), this.handleDrawInfoMarker([t.lng, t.lat])), this.loading = !1;
     },
     initTableData(t) {
-      var a, i, o, r, s, c, n, g, p, f, w, v, y, C, T, B, I, L, _, k, P, z, R, G, Y, K, V, J, ee, Q, re, de, pe, se, X, oe, ue, ne, F, ce, xe;
+      var a, i, o, r, s, c, n, g, p, f, w, v, y, C, T, B, I, L, _, k, P, z, R, G, Y, K, V, J, ee, Q, re, he, pe, ne, X, oe, ue, ce, F, me, xe;
       this.currentHourData = {}, this.positionGmt = (i = (a = t == null ? void 0 : t.weather) == null ? void 0 : a[0]) == null ? void 0 : i.timezone, this.positionOffset = (r = (o = t == null ? void 0 : t.weather) == null ? void 0 : o[0]) == null ? void 0 : r.offset;
       const e = ((s = oa.pickHourly(t, M(this.form.dateTime))) == null ? void 0 : s[0]) || {};
-      this.currentHourData.utc = e.utc, this.currentHourData.lat = t.lat, this.currentHourData.lng = t.lng, this.currentHourData.temp = this.computeRoundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.computeRoundPrecision((g = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : g.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((f = (p = e == null ? void 0 : e.weather) == null ? void 0 : p.precip) == null ? void 0 : f.sum, 0) ?? "-", this.currentHourData.visibility = this.computeRoundPrecision((w = e == null ? void 0 : e.weather) == null ? void 0 : w.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.computeRoundPrecision((y = (v = e == null ? void 0 : e.weather) == null ? void 0 : v.wind) == null ? void 0 : y.kts, 1) ?? "-", this.currentHourData.windDir = ((T = (C = e == null ? void 0 : e.weather) == null ? void 0 : C.wind) == null ? void 0 : T.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((I = (B = e == null ? void 0 : e.weather) == null ? void 0 : B.wind) == null ? void 0 : I.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((_ = (L = e == null ? void 0 : e.weather) == null ? void 0 : L.wind) == null ? void 0 : _.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((P = (k = e == null ? void 0 : e.wave) == null ? void 0 : k.sig) == null ? void 0 : P.height, 1) ?? "-", this.currentHourData.sigwaveDir = (R = (z = e == null ? void 0 : e.wave) == null ? void 0 : z.sig) == null ? void 0 : R.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((Y = (G = e == null ? void 0 : e.wave) == null ? void 0 : G.sig) == null ? void 0 : Y.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((V = (K = e == null ? void 0 : e.wave) == null ? void 0 : K.wd) == null ? void 0 : V.height, 1) ?? "-", this.currentHourData.windwaveDir = (ee = (J = e == null ? void 0 : e.wave) == null ? void 0 : J.wd) == null ? void 0 : ee.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((re = (Q = e == null ? void 0 : e.wave) == null ? void 0 : Q.wd) == null ? void 0 : re.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((pe = (de = e == null ? void 0 : e.wave) == null ? void 0 : de.swell) == null ? void 0 : pe.height, 1) ?? "-", this.currentHourData.swellDir = (X = (se = e == null ? void 0 : e.wave) == null ? void 0 : se.swell) == null ? void 0 : X.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((ue = (oe = e == null ? void 0 : e.wave) == null ? void 0 : oe.swell) == null ? void 0 : ue.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((ne = e == null ? void 0 : e.current) == null ? void 0 : ne.speed, 1) ?? "-", this.currentHourData.currentDir = (F = e == null ? void 0 : e.current) == null ? void 0 : F.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((ce = e == null ? void 0 : e.current) == null ? void 0 : ce.speed, 1) ?? "-", this.currentHourData.seaLevel = this.computeRoundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.computeRoundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (xe = e == null ? void 0 : e.weather) == null ? void 0 : xe.url;
+      this.currentHourData.utc = e.utc, this.currentHourData.lat = t.lat, this.currentHourData.lng = t.lng, this.currentHourData.temp = this.computeRoundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.computeRoundPrecision((g = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : g.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((f = (p = e == null ? void 0 : e.weather) == null ? void 0 : p.precip) == null ? void 0 : f.sum, 0) ?? "-", this.currentHourData.visibility = this.computeRoundPrecision((w = e == null ? void 0 : e.weather) == null ? void 0 : w.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.computeRoundPrecision((y = (v = e == null ? void 0 : e.weather) == null ? void 0 : v.wind) == null ? void 0 : y.kts, 1) ?? "-", this.currentHourData.windDir = ((T = (C = e == null ? void 0 : e.weather) == null ? void 0 : C.wind) == null ? void 0 : T.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((I = (B = e == null ? void 0 : e.weather) == null ? void 0 : B.wind) == null ? void 0 : I.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((_ = (L = e == null ? void 0 : e.weather) == null ? void 0 : L.wind) == null ? void 0 : _.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((P = (k = e == null ? void 0 : e.wave) == null ? void 0 : k.sig) == null ? void 0 : P.height, 1) ?? "-", this.currentHourData.sigwaveDir = (R = (z = e == null ? void 0 : e.wave) == null ? void 0 : z.sig) == null ? void 0 : R.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((Y = (G = e == null ? void 0 : e.wave) == null ? void 0 : G.sig) == null ? void 0 : Y.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((V = (K = e == null ? void 0 : e.wave) == null ? void 0 : K.wd) == null ? void 0 : V.height, 1) ?? "-", this.currentHourData.windwaveDir = (ee = (J = e == null ? void 0 : e.wave) == null ? void 0 : J.wd) == null ? void 0 : ee.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((re = (Q = e == null ? void 0 : e.wave) == null ? void 0 : Q.wd) == null ? void 0 : re.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((pe = (he = e == null ? void 0 : e.wave) == null ? void 0 : he.swell) == null ? void 0 : pe.height, 1) ?? "-", this.currentHourData.swellDir = (X = (ne = e == null ? void 0 : e.wave) == null ? void 0 : ne.swell) == null ? void 0 : X.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((ue = (oe = e == null ? void 0 : e.wave) == null ? void 0 : oe.swell) == null ? void 0 : ue.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((ce = e == null ? void 0 : e.current) == null ? void 0 : ce.speed, 1) ?? "-", this.currentHourData.currentDir = (F = e == null ? void 0 : e.current) == null ? void 0 : F.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((me = e == null ? void 0 : e.current) == null ? void 0 : me.speed, 1) ?? "-", this.currentHourData.seaLevel = this.computeRoundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.computeRoundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (xe = e == null ? void 0 : e.weather) == null ? void 0 : xe.url;
     },
     handleBind() {
       var t, e;
@@ -11865,7 +11893,7 @@ const Ac = {
         return !1;
     },
     handleGetPosition(t) {
-      this.handleCloseMeteo(), this.form.latDegree = Number($.lat2pretty(t.lat).degree), this.form.latMinute = Number($.lat2pretty(t.lat).minute), this.form.latDirection = $.lat2pretty(t.lat).direction, this.form.lngDegree = Number($.lng2pretty(t.lng).degree), this.form.lngMinute = Number($.lng2pretty(t.lng).minute), this.form.lngDirection = $.lng2pretty(t.lng).direction;
+      this.form.latDegree = Number($.lat2pretty(t.lat).degree), this.form.latMinute = Number($.lat2pretty(t.lat).minute), this.form.latDirection = $.lat2pretty(t.lat).direction, this.form.lngDegree = Number($.lng2pretty(t.lng).degree), this.form.lngMinute = Number($.lng2pretty(t.lng).minute), this.form.lngDirection = $.lng2pretty(t.lng).direction;
     },
     handleDrawInfoMarker(t) {
       t && (this.map.flyTo({
@@ -11901,26 +11929,26 @@ const Ac = {
       this.$emit("cancelFollow", t);
     }
   }
-}, Dc = { class: "idm-gl4-spot" }, Rc = { class: "d-flex justify-start align-center" }, Oc = { class: "text-h6 font-weight-600 mx-2" }, Bc = { class: "d-flex justify-start align-center ga-1 mb-1" }, Ec = {
+}, Rc = { class: "idm-gl4-spot" }, Oc = { class: "d-flex justify-start align-center" }, Bc = { class: "text-h6 font-weight-600 mx-2" }, Ec = { class: "d-flex justify-start align-center ga-1 mb-1" }, Nc = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, Nc = ["xlink:href"], jc = { class: "d-flex justify-start align-center ga-1 mb-1" }, Fc = {
+}, jc = ["xlink:href"], Fc = { class: "d-flex justify-start align-center ga-1 mb-1" }, Hc = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, Hc = ["xlink:href"], Uc = { class: "d-flex justify-start align-center ga-1 mb-1" }, Wc = {
+}, Uc = ["xlink:href"], Wc = { class: "d-flex justify-start align-center ga-1 mb-1" }, Gc = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, Gc = ["xlink:href"], Vc = { class: "d-flex justify-start align-center ga-1 mb-1" }, Zc = {
+}, Vc = ["xlink:href"], Zc = { class: "d-flex justify-start align-center ga-1 mb-1" }, qc = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, qc = ["xlink:href"], Yc = { class: "d-flex justify-start align-center" }, Kc = { class: "mx-2" }, Xc = { id: "idm-position-icon" }, $c = {
+}, Yc = ["xlink:href"], Kc = { class: "d-flex justify-start align-center" }, Xc = { class: "mx-2" }, $c = { id: "idm-position-icon" }, Qc = {
   class: "multi-color-icon",
   style: { height: "26px", width: "26px" },
   "aria-hidden": "true"
-}, Qc = ["xlink:href"];
-function Jc(t, e, a, i, o, r) {
+}, Jc = ["xlink:href"];
+function em(t, e, a, i, o, r) {
   const s = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), g = x("VDivider"), p = x("VTextField"), f = x("VCol"), w = x("VRow"), v = x("DateTimePicker"), y = x("VBtnToggle"), C = x("VCardActions"), T = x("VForm"), B = x("VCardText"), I = x("VCard"), L = x("VIcon");
-  return b(), S("div", Dc, [
+  return b(), S("div", Rc, [
     l("div", {
       class: "menu-bar-box transition pa-1",
       style: ie({ top: a.top + 174 + "px", right: o.right + "px" })
@@ -11955,8 +11983,8 @@ function Jc(t, e, a, i, o, r) {
       default: u(() => [
         d(n, { class: "d-flex justify-space-between align-center" }, {
           default: u(() => [
-            l("div", Rc, [
-              l("div", Oc, h(t.$t("spot.spotWeather")), 1)
+            l("div", Oc, [
+              l("div", Bc, h(t.$t("spot.spotWeather")), 1)
             ]),
             d(s, {
               icon: "",
@@ -11984,11 +12012,11 @@ function Jc(t, e, a, i, o, r) {
               onSubmit: qe(r.submitForm, ["prevent"])
             }, {
               default: u(() => [
-                l("div", Bc, [
-                  (b(), S("svg", Ec, [
+                l("div", Ec, [
+                  (b(), S("svg", Nc, [
                     l("use", {
                       "xlink:href": `#icon-lng-${a.theme}`
-                    }, null, 8, Nc)
+                    }, null, 8, jc)
                   ])),
                   l("div", null, h(t.$t("spot.lng")), 1)
                 ]),
@@ -12059,11 +12087,11 @@ function Jc(t, e, a, i, o, r) {
                   ]),
                   _: 1
                 }),
-                l("div", jc, [
-                  (b(), S("svg", Fc, [
+                l("div", Fc, [
+                  (b(), S("svg", Hc, [
                     l("use", {
                       "xlink:href": `#icon-lng-${a.theme}`
-                    }, null, 8, Hc)
+                    }, null, 8, Uc)
                   ])),
                   l("div", null, h(t.$t("spot.lat")), 1)
                 ]),
@@ -12137,11 +12165,11 @@ function Jc(t, e, a, i, o, r) {
                   ]),
                   _: 1
                 }),
-                l("div", Uc, [
-                  (b(), S("svg", Wc, [
+                l("div", Wc, [
+                  (b(), S("svg", Gc, [
                     l("use", {
                       "xlink:href": `#icon-date-time-${a.theme}`
-                    }, null, 8, Gc)
+                    }, null, 8, Vc)
                   ])),
                   l("div", null, h(t.$t("spot.dateTime")), 1)
                 ]),
@@ -12164,11 +12192,11 @@ function Jc(t, e, a, i, o, r) {
                   ]),
                   _: 1
                 }),
-                l("div", Vc, [
-                  (b(), S("svg", Zc, [
+                l("div", Zc, [
+                  (b(), S("svg", qc, [
                     l("use", {
                       "xlink:href": `#icon-forecast-model-${a.theme}`
-                    }, null, 8, qc)
+                    }, null, 8, Yc)
                   ])),
                   l("div", null, h(t.$t("weather.forecastModel")), 1)
                 ]),
@@ -12275,9 +12303,9 @@ function Jc(t, e, a, i, o, r) {
       default: u(() => [
         d(n, { class: "d-flex justify-space-between align-center" }, {
           default: u(() => [
-            l("div", Yc, [
+            l("div", Kc, [
               e[16] || (e[16] = l("i", { class: "iconfont icon-a-Spotweather text-h5 map-icon-aqua" }, null, -1)),
-              l("div", Kc, h(r.computePosition(o.form || o.currentHourData)), 1)
+              l("div", Xc, h(r.computePosition(o.form || o.currentHourData)), 1)
             ]),
             d(s, {
               class: "mr-n2",
@@ -12537,19 +12565,19 @@ function Jc(t, e, a, i, o, r) {
       ]),
       _: 1
     })) : D("", !0),
-    Ue(l("div", Xc, [
-      (b(), S("svg", $c, [
+    Ue(l("div", $c, [
+      (b(), S("svg", Qc, [
         l("use", {
           "xlink:href": `#icon-spot-${a.theme}`
-        }, null, 8, Qc)
+        }, null, 8, Jc)
       ]))
     ], 512), [
       [We, o.showMeteo]
     ])
   ]);
 }
-const em = /* @__PURE__ */ q(Ac, [["render", Jc]]);
-const tm = {
+const tm = /* @__PURE__ */ q(Dc, [["render", em]]);
+const am = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -12605,7 +12633,7 @@ const tm = {
         else {
           (t = this.map) == null || t.getCanvas().removeEventListener("keydown", this.handleKeydown), (e = this.map) == null || e.off("mousemove", this.handleMove), (a = this.map) == null || a.off("dblclick", this.handleDblClick), this.map;
           let i = this.geojson.find((o) => !o.closed);
-          i && this.handleClear(i, !0), this.geojson = this.geojson.filter((o) => !!o.closed), i = H.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(i);
+          i && this.handleClear(i, !0), this.geojson = this.geojson.filter((o) => !!o.closed), i = U.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(i);
         }
       },
       immediate: !0
@@ -12700,8 +12728,8 @@ const tm = {
         g.features = g.features.filter((p) => p.geometry.type === "Point" && p.properties.id !== n[1]), this.handlePointUpdate(g);
       } else if (e !== "marker-label" && this.toggle) {
         let n = this.geojson.at(-1);
-        n || (n = H.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(n)), n.features = n.features.filter((p) => p.geometry.type === "Point");
-        const g = H.feature(
+        n || (n = U.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(n)), n.features = n.features.filter((p) => p.geometry.type === "Point");
+        const g = U.feature(
           {
             type: "Point",
             coordinates: [t.lngLat.lng, t.lngLat.lat]
@@ -12725,7 +12753,7 @@ const tm = {
           a = $.roundPrecision(a + p, 4);
           let w;
           c.mode === "RL" ? w = $.convertToMonotonicLng([n, g]) : w = $.convertToMonotonicLng(Fe.interpolateCoordinates(n, g, 200));
-          const v = H.lineString(w.map((C) => [C.lng, C.lat]));
+          const v = U.lineString(w.map((C) => [C.lng, C.lat]));
           v.properties.dist = p, v.properties.bearing = f, v.properties.total = a, v.properties.name = "Line " + this.currentLineIndex, i.push(v);
           const y = e[o];
           y.properties.totalDist = $.roundPrecision((c.totalDist ? c.totalDist : 0) + p, 4), y.properties.sumLabel = y.properties.totalDist + " nm";
@@ -12735,14 +12763,14 @@ const tm = {
       return this.handleRender(t), t;
     },
     handleTmpPointUpdate(t, e, a, i) {
-      const o = H.featureCollection([]);
+      const o = U.featureCollection([]);
       let r, s;
       if (e) {
         const n = e.properties, g = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, p = { lng: a.lng, lat: a.lat };
         r = Fe.calculateDistance(g, p, n.mode === "RL", 4), s = Fe.calculateBearing(g, p, n.mode === "RL", 2);
         let f;
         n.mode === "RL" ? f = $.convertToMonotonicLng([g, p]) : f = $.convertToMonotonicLng(Fe.interpolateCoordinates(g, p, 200));
-        const w = H.lineString(f.map((v) => [v.lng, v.lat]));
+        const w = U.lineString(f.map((v) => [v.lng, v.lat]));
         w.properties.dist = r, w.properties.bearing = s, o.features.push(w);
       }
       if (i) {
@@ -12750,7 +12778,7 @@ const tm = {
         r = Fe.calculateDistance(g, p, n.mode === "RL", 4), s = Fe.calculateBearing(g, p, n.mode === "RL", 2);
         let f;
         n.mode === "RL" ? f = $.convertToMonotonicLng([g, p]) : f = $.convertToMonotonicLng(Fe.interpolateCoordinates(g, p, 200));
-        const w = H.lineString(f.map((v) => [v.lng, v.lat]));
+        const w = U.lineString(f.map((v) => [v.lng, v.lat]));
         w.properties.dist = r, w.properties.bearing = s, o.features.push(w);
       }
       this.map.getSource(this.tmpSource) ? this.map.getSource(this.tmpSource).setData(o) : this.map.addSource(this.tmpSource, {
@@ -12812,14 +12840,14 @@ const tm = {
     handleMove(t) {
       this.map.getCanvas().style.cursor = "crosshair";
       let e = this.geojson.at(-1);
-      e || (e = H.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e));
+      e || (e = U.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e));
       const a = e.features.filter((i) => i.geometry.type === "Point");
       a != null && a.length && this.handleTmpPointUpdate(e, a.at(-1), { lng: t.lngLat.lng, lat: t.lngLat.lat });
     },
     handleDblClick(t) {
       t.preventDefault();
       let e = this.geojson.at(-1);
-      e.closed = !0, this.handleRender(e), e = H.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e), this.currentLineIndex++;
+      e.closed = !0, this.handleRender(e), e = U.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e), this.currentLineIndex++;
     },
     handleRender(t) {
       var e;
@@ -12899,10 +12927,10 @@ const tm = {
       }), this.pointMarkers[t.id] = [], (v = this.tipMarker) == null || v.remove(), this.tipMarker = void 0, e && ((y = this.map) != null && y.getSource(a)) && this.map.removeSource(a), e && ((C = this.map) != null && C.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
-}, am = { class: "idm-gl4-measure" };
-function om(t, e, a, i, o, r) {
+}, om = { class: "idm-gl4-measure" };
+function im(t, e, a, i, o, r) {
   const s = x("VBtn"), c = x("VTooltip");
-  return b(), S("div", am, [
+  return b(), S("div", om, [
     l("div", {
       class: "menu-bar-box transition pa-1",
       style: ie({ top: a.top + 214 + "px", right: o.right + "px" })
@@ -12931,8 +12959,8 @@ function om(t, e, a, i, o, r) {
     ], 4)
   ]);
 }
-const im = /* @__PURE__ */ q(tm, [["render", om]]);
-const rm = {
+const rm = /* @__PURE__ */ q(am, [["render", im]]);
+const lm = {
   name: "IdmBottomBar",
   components: { DateTimePicker: na },
   props: {
@@ -13050,18 +13078,18 @@ const rm = {
       this.$parent.$refs.idmWeatherLayers.handleMenuToggle();
     }
   }
-}, lm = { class: "idm-bottom-bar-gl4" }, sm = { class: "date-box d-flex ga-2 mr-2" }, nm = { class: "play-btns-box d-flex justify-center align-center cursor-pointer" }, cm = { class: "fast-weathers-box d-flex justify-center align-center ga-2 cursor-pointer" }, mm = { class: "model-box d-flex justify-center align-center ga-2 my-2" }, dm = {
+}, sm = { class: "idm-bottom-bar-gl4" }, nm = { class: "date-box d-flex ga-2 mr-2" }, cm = { class: "play-btns-box d-flex justify-center align-center cursor-pointer" }, mm = { class: "fast-weathers-box d-flex justify-center align-center ga-2 cursor-pointer" }, dm = { class: "model-box d-flex justify-center align-center ga-2 my-2" }, hm = {
   key: 0,
   class: "list d-flex flex-wrap pa-2 rounded ga-2"
-}, hm = ["onClick"], pm = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, um = { class: "text-body-1" };
-function gm(t, e, a, i, o, r) {
+}, pm = ["onClick"], um = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, gm = { class: "text-body-1" };
+function fm(t, e, a, i, o, r) {
   const s = x("DateTimePicker"), c = x("VListItemTitle"), n = x("VListItem"), g = x("VList"), p = x("VMenu"), f = x("VBtn"), w = x("VDivider"), v = x("VTooltip");
-  return b(), S("div", lm, [
+  return b(), S("div", sm, [
     l("div", {
       class: "timeline-box px-2 d-flex justify-start align-center rounded",
       style: ie({ right: o.right + 146 + "px", bottom: Object.values(o.show).includes(!0) ? "10px" : "-100px" })
     }, [
-      l("div", sm, [
+      l("div", nm, [
         d(s, O({
           ref: "dateTimePicker",
           "date-time": o.currentDateTimeZ,
@@ -13124,7 +13152,7 @@ function gm(t, e, a, i, o, r) {
         class: "mx-2 my-3",
         style: { height: "16px" }
       }),
-      l("div", nm, [
+      l("div", cm, [
         d(f, {
           icon: "",
           size: "small",
@@ -13197,7 +13225,7 @@ function gm(t, e, a, i, o, r) {
         class: "mx-2 my-3",
         style: { height: "16px" }
       }),
-      l("div", cm, [
+      l("div", mm, [
         d(v, {
           text: t.$t("weather.windBarbs"),
           location: "top"
@@ -13301,7 +13329,7 @@ function gm(t, e, a, i, o, r) {
         class: "mx-2 mr-3 my-3",
         style: { height: "16px" }
       }),
-      l("div", mm, [
+      l("div", dm, [
         d(f, {
           text: "",
           height: "30",
@@ -13334,14 +13362,14 @@ function gm(t, e, a, i, o, r) {
       class: "timezone-box d-flex flex-column justify-space-between align-end",
       style: ie({ right: o.right + "px" })
     }, [
-      o.showTimezone ? (b(), S("div", dm, [
+      o.showTimezone ? (b(), S("div", hm, [
         (b(!0), S(be, null, we(o.offsets, (y) => (b(), S("div", {
           key: y,
           class: "item rounded text-body-2 hover-active",
           onClick: (C) => o.timeZone = y
-        }, h(y < 0 ? y : "+" + y), 9, hm))), 128))
+        }, h(y < 0 ? y : "+" + y), 9, pm))), 128))
       ])) : D("", !0),
-      l("div", pm, [
+      l("div", um, [
         d(f, {
           text: "",
           variant: "flat",
@@ -13355,20 +13383,20 @@ function gm(t, e, a, i, o, r) {
           ]),
           _: 1
         }),
-        l("span", um, h(o.currentRealTime), 1)
+        l("span", gm, h(o.currentRealTime), 1)
       ])
     ], 4)
   ]);
 }
-const fm = /* @__PURE__ */ q(rm, [["render", gm]]), ym = {
+const ym = /* @__PURE__ */ q(lm, [["render", fm]]), bm = {
   name: "IdmGL4",
   components: {
     IdmOtherLayer: ps,
-    IdmWeatherLayer: Jn,
+    IdmWeatherLayer: ec,
     IdmTropicals: Ko,
-    IdmMeasure: im,
-    IdmSpot: em,
-    IdmBottomBar: fm
+    IdmMeasure: rm,
+    IdmSpot: tm,
+    IdmBottomBar: ym
   },
   props: {
     map: {
@@ -13419,13 +13447,13 @@ const fm = /* @__PURE__ */ q(rm, [["render", gm]]), ym = {
     }
   },
   methods: {}
-}, bm = {
+}, wm = {
   ref: "mapHomeGl4",
   class: "map-gl4-home"
 };
-function wm(t, e, a, i, o, r) {
+function xm(t, e, a, i, o, r) {
   const s = x("IdmOtherLayer"), c = x("IdmWeatherLayer"), n = x("IdmTropicals"), g = x("IdmMeasure"), p = x("IdmSpot"), f = x("IdmBottomBar");
-  return b(), S("div", bm, [
+  return b(), S("div", wm, [
     d(s, O({
       ref: "idmOtherLayers",
       token: a.token,
@@ -13490,16 +13518,16 @@ function wm(t, e, a, i, o, r) {
     }, t.$attrs), null, 16, ["forecast-model", "weather-check-list", "map-feather"])
   ], 512);
 }
-const xm = /* @__PURE__ */ q(ym, [["render", wm]]);
-class vm {
+const vm = /* @__PURE__ */ q(bm, [["render", xm]]);
+class _m {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
-    me(this, "originStyle");
-    me(this, "mapboxStyle");
-    me(this, "i4");
-    me(this, "hi");
-    me(this, "td");
-    me(this, "windy");
-    var a, i, o, r, s, c, n, g, p, f, w, v, y, C, T, B, I, L, _, k, P, z, R, G, Y, K, V, J, ee, Q, re, de, pe, se, X, oe, ue, ne, F, ce, xe, Le, Pe, Ae, De, Re, _e, U, ae, Ne, Ie, ge, fe, W, Ce, te, le, Oe, N, ye, Me, Be, Ee, E, Z, Ge, Ve, Ze, Te, Ye, Ke, Xe, $e, Qe, Je, et, tt, at, ot, it, rt, lt, st, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, It, Mt, At, Dt, Rt, Ot, Bt, Et, Nt, jt, Ft, Ht, Ut, Wt, Gt, Vt, Zt, qt, Yt, Kt, Xt, Qt, Jt, ea, ca, ma, da, ha, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ca, Ta, Sa, Ia, Ma, Aa, Da, Ra, Oa, Ba, Ea, Na, ja, Fa, Ha, Ua, Wa, Ga, Va, Za, qa, Ya, Ka, Xa, $a, Qa, Ja, eo, to, ao, oo, io, ro, lo, so, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, To, So, Io, Mo, Ao, Do, Ro, Oo, Bo, Eo, No, jo, Fo, Ho, Uo, Wo, Go;
+    de(this, "originStyle");
+    de(this, "mapboxStyle");
+    de(this, "i4");
+    de(this, "hi");
+    de(this, "td");
+    de(this, "windy");
+    var a, i, o, r, s, c, n, g, p, f, w, v, y, C, T, B, I, L, _, k, P, z, R, G, Y, K, V, J, ee, Q, re, he, pe, ne, X, oe, ue, ce, F, me, xe, Le, Pe, Ae, De, Re, _e, H, te, je, Ie, ge, fe, W, Ce, ae, le, Oe, N, ye, Me, Be, Ee, E, Z, Ge, Ve, Ze, Te, Ye, Ke, Xe, $e, Qe, Je, et, tt, at, ot, it, rt, lt, st, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, It, Mt, At, Dt, Rt, Ot, Bt, Et, Nt, jt, Ft, Ht, Ut, Wt, Gt, Vt, Zt, qt, Yt, Kt, Xt, Qt, Jt, ea, ca, ma, da, ha, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ca, Ta, Sa, Ia, Ma, Aa, Da, Ra, Oa, Ba, Ea, Na, ja, Fa, Ha, Ua, Wa, Ga, Va, Za, qa, Ya, Ka, Xa, $a, Qa, Ja, eo, to, ao, oo, io, ro, lo, so, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, To, So, Io, Mo, Ao, Do, Ro, Oo, Bo, Eo, No, jo, Fo, Ho, Uo, Wo, Go;
     this.i4 = {
       source: {
         type: "raster",
@@ -32106,19 +32134,19 @@ class vm {
           (K = (Y = this.originStyle) == null ? void 0 : Y.light.layers) == null ? void 0 : K.find((m) => m.id === "water-line-label"),
           (J = (V = this.originStyle) == null ? void 0 : V.light.layers) == null ? void 0 : J.find((m) => m.id === "water-point-label"),
           (Q = (ee = this.originStyle) == null ? void 0 : ee.light.layers) == null ? void 0 : Q.find((m) => m.id === "world-12nm-v4-20231025"),
-          (de = (re = this.originStyle) == null ? void 0 : re.light.layers) == null ? void 0 : de.find((m) => m.id === "ne-10m-outline"),
-          (se = (pe = this.originStyle) == null ? void 0 : pe.light.layers) == null ? void 0 : se.find((m) => m.id === "ne-10m-label"),
+          (he = (re = this.originStyle) == null ? void 0 : re.light.layers) == null ? void 0 : he.find((m) => m.id === "ne-10m-outline"),
+          (ne = (pe = this.originStyle) == null ? void 0 : pe.light.layers) == null ? void 0 : ne.find((m) => m.id === "ne-10m-label"),
           (oe = (X = this.originStyle) == null ? void 0 : X.light.layers) == null ? void 0 : oe.find((m) => m.id === "china-route-line"),
-          (ne = (ue = this.originStyle) == null ? void 0 : ue.light.layers) == null ? void 0 : ne.find((m) => m.id === "china-route-fill"),
-          (ce = (F = this.originStyle) == null ? void 0 : F.light.layers) == null ? void 0 : ce.find((m) => m.id === "china-route-label"),
+          (ce = (ue = this.originStyle) == null ? void 0 : ue.light.layers) == null ? void 0 : ce.find((m) => m.id === "china-route-fill"),
+          (me = (F = this.originStyle) == null ? void 0 : F.light.layers) == null ? void 0 : me.find((m) => m.id === "china-route-label"),
           (Le = (xe = this.originStyle) == null ? void 0 : xe.light.layers) == null ? void 0 : Le.find((m) => m.id === "admin-0-boundary-bg"),
           (Ae = (Pe = this.originStyle) == null ? void 0 : Pe.light.layers) == null ? void 0 : Ae.find((m) => m.id === "admin-0-boundary"),
           (Re = (De = this.originStyle) == null ? void 0 : De.light.layers) == null ? void 0 : Re.find((m) => m.id === "admin-0-boundary-disputed"),
-          (U = (_e = this.originStyle) == null ? void 0 : _e.light.layers) == null ? void 0 : U.find((m) => m.id === "country-label"),
-          (Ne = (ae = this.originStyle) == null ? void 0 : ae.light.layers) == null ? void 0 : Ne.find((m) => m.id === "continent-label"),
+          (H = (_e = this.originStyle) == null ? void 0 : _e.light.layers) == null ? void 0 : H.find((m) => m.id === "country-label"),
+          (je = (te = this.originStyle) == null ? void 0 : te.light.layers) == null ? void 0 : je.find((m) => m.id === "continent-label"),
           (ge = (Ie = this.originStyle) == null ? void 0 : Ie.light.layers) == null ? void 0 : ge.find((m) => m.id === "tide-stations"),
           (W = (fe = this.originStyle) == null ? void 0 : fe.light.layers) == null ? void 0 : W.find((m) => m.id === "empty-layer-3"),
-          (te = (Ce = this.originStyle) == null ? void 0 : Ce.light.layers) == null ? void 0 : te.find((m) => m.id === "empty-layer-4")
+          (ae = (Ce = this.originStyle) == null ? void 0 : Ce.light.layers) == null ? void 0 : ae.find((m) => m.id === "empty-layer-4")
         ]
       },
       dark: {
@@ -32266,7 +32294,7 @@ class vm {
     };
   }
 }
-const _m = {
+const km = {
   name: "MapInitial",
   props: {
     token: {
@@ -32327,7 +32355,7 @@ const _m = {
   },
   methods: {
     async initOnlineMap() {
-      this.helper = new vm(this.token), ve.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
+      this.helper = new _m(this.token), ve.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
       const t = new ve.Map({
         container: "map",
         // style: 'mapbox://styles/neatchenheng/cmd894dwn036m01rf7anc0k0d', //light
@@ -32367,16 +32395,16 @@ const _m = {
       this.zoom > 2 && (this.zoom = Math.floor(this.zoom) - 1, (t = this.map) == null || t.flyTo({ zoom: this.zoom, duration: 500 }));
     }
   }
-}, km = { class: "mapbox-initial-gl4" }, zm = { class: "v-btn--variant-elevated rounded" }, Lm = { class: "zoom" }, Pm = { class: "position-absolute left-0 bottom-0 ma-2 my-1 text-body-2 text-label" };
-function Cm(t, e, a, i, o, r) {
+}, zm = { class: "mapbox-initial-gl4" }, Lm = { class: "v-btn--variant-elevated rounded" }, Pm = { class: "zoom" }, Cm = { class: "position-absolute left-0 bottom-0 ma-2 my-1 text-body-2 text-label" };
+function Tm(t, e, a, i, o, r) {
   const s = x("VBtn");
-  return b(), S("div", km, [
+  return b(), S("div", zm, [
     e[5] || (e[5] = l("div", { id: "map" }, null, -1)),
     l("div", {
       class: "menu-bar-box transition px-1 rounded d-flex flex-column",
       style: ie({ top: a.top + 268 + "px", right: o.right + "px" })
     }, [
-      l("div", zm, [
+      l("div", Lm, [
         d(s, {
           "min-width": "32",
           width: "32",
@@ -32390,7 +32418,7 @@ function Cm(t, e, a, i, o, r) {
           _: 1,
           __: [0]
         }, 8, ["onClick"]),
-        l("div", Lm, h(o.zoom ? Math.floor(o.zoom) : 0), 1),
+        l("div", Pm, h(o.zoom ? Math.floor(o.zoom) : 0), 1),
         d(s, {
           "min-width": "32",
           width: "32",
@@ -32406,7 +32434,7 @@ function Cm(t, e, a, i, o, r) {
         }, 8, ["onClick"])
       ])
     ], 4),
-    l("div", Pm, [
+    l("div", Cm, [
       e[2] || (e[2] = l("span", null, "© 2023", -1)),
       l("span", null, "-" + h(r.computeYear), 1),
       e[3] || (e[3] = l("span", { class: "text-uppercase ma-2" }, "ormwx.com", -1)),
@@ -32418,21 +32446,21 @@ function Cm(t, e, a, i, o, r) {
     ])
   ]);
 }
-const Tm = /* @__PURE__ */ q(_m, [["render", Cm]]), Fm = {
+const Sm = /* @__PURE__ */ q(km, [["render", Tm]]), Hm = {
   install(t) {
-    t.component("MapInitial", Tm), t.component("MapboxGL", xm), t.component("TropicalGL", Ko), t.component("LatLngGL", Yo), t.component("DateTimePicker", na), t.component("PortDetail", la);
+    t.component("MapInitial", Sm), t.component("MapboxGL", vm), t.component("TropicalGL", Ko), t.component("LatLngGL", Yo), t.component("DateTimePicker", na), t.component("PortDetail", la);
   }
 };
 export {
   na as DateTimePicker,
   Yo as LatLngGL,
-  Tm as MapInitial,
-  xm as MapboxGL,
-  Fm as MapboxGLPlugin,
+  Sm as MapInitial,
+  vm as MapboxGL,
+  Hm as MapboxGLPlugin,
   ke as ParticleSchema,
   la as PortDetail,
   Ko as TropicalGL,
   sa as Viewport,
-  je as WebGL,
-  he as WebGLSchema
+  Ne as WebGL,
+  se as WebGLSchema
 };