@idmwx/idmui-gl3 5.5.3 → 5.5.5

package/dist/index.js

@@ -5,7 +5,7 @@ import { LayerHelper as Ke, CompanyHelper as Xe } from "@idm-plugin/tag";
 import F from "moment";
 import le from "axios";
 import Ge from "moment-timezone";
-import { resolveComponent as z, openBlock as g, createElementBlock as f, createElementVNode as s, normalizeStyle as J, createVNode as k, withCtx as ae, normalizeClass as H, Fragment as _, renderList as N, toDisplayString as B, createCommentVNode as O, createBlock as pt, createTextVNode as U, withDirectives as fe, createStaticVNode as mt, vShow as we, defineComponent as ut, withModifiers as Ue, mergeProps as S } from "vue";
+import { resolveComponent as z, openBlock as g, createElementBlock as f, createElementVNode as s, normalizeStyle as J, createVNode as k, withCtx as ae, normalizeClass as H, Fragment as _, renderList as N, toDisplayString as B, createCommentVNode as O, createBlock as pt, createTextVNode as Y, withDirectives as fe, createStaticVNode as mt, vShow as we, defineComponent as ut, withModifiers as Ue, mergeProps as S } from "vue";
 import * as D from "@turf/turf";
 import gt from "@mapbox/sphericalmercator";
 import ve from "mapbox-gl";
@@ -63,7 +63,7 @@ const T = (t, e) => {
       default: void 0
     }
   },
-  emits: ["weather", "other", "toggleWindParticle", "toggleWindFeather", "toggleCurrentParticle", "toggleCurrentIsoband", "toggleParticeVersion", "coordinate", "measure", "point", "3d", "layerToggle", "handleToggleVersion", "login", "forecastModel"],
+  emits: ["weather", "other", "toggleWindParticle", "toggleWindFeather", "toggleCurrentParticle", "toggleCurrentIsoband", "toggleWindParticeVersion", "toggleCurrentParticeVersion", "coordinate", "measure", "point", "3d", "layerToggle", "handleToggleVersion", "login", "forecastModel"],
   data() {
     return {
       autoActive: !0,
@@ -74,20 +74,21 @@ const T = (t, e) => {
         other: [...Ke.OTHER_LAYERS.filter((t) => t.enabled)]
       },
       activeWeatherLayers: [],
+      activeWeatherLayersCollected: [],
       activeOtherLayers: [],
       autoActiveCache: "autoActiveCache",
       activeWeatherLayersCache: "activeWeatherLayersCache",
       activeOtherLayersCache: "activeOtherLayersCache",
       collectedLayerCache: "collectedLayerCache",
       sourceCache: "defaultSourceCache",
-      windFeatherCache: "windFeatherCache",
-      currentIsobandCache: "currentIsobandCache",
+      windFeatherCollectedCache: "windFeatherCollectedCache",
+      currentIsobandCollectedCache: "currentIsobandCollectedCache",
       showCoord: !1,
       showMeasure: !1,
       showPoint: !1,
       show3d: !1,
       version: {
-        v: "0.0.9",
+        v: "0.1.0",
         k: "glCacheVersion"
       },
       source: "GFS",
@@ -137,6 +138,11 @@ const T = (t, e) => {
         t && t !== e && this.$emit("forecastModel", this.source), t && e && t !== e && this.handleConfirm();
       }
     },
+    activeWeatherLayers: {
+      handler(t, e) {
+        this.autoActive && (this.activeWeatherLayersCollected = this.activeWeatherLayers, localStorage.setItem(this.activeWeatherLayersCache, JSON.stringify(this.activeWeatherLayers)), console.log(999999));
+      }
+    },
     showWindParticle: {
       handler(t, e) {
         this.autoActive && (this.showWindParticleCollected = this.showWindParticle);
@@ -144,7 +150,7 @@ const T = (t, e) => {
     },
     showWindFeather: {
       handler(t, e) {
-        this.autoActive && (this.showWindFeatherCollected = this.showWindFeather);
+        this.autoActive && (this.showWindFeatherCollected = this.showWindFeather, localStorage.setItem(this.windFeatherCollectedCache, this.showWindFeatherCollected));
       }
     },
     showCurrentParticle: {
@@ -154,7 +160,7 @@ const T = (t, e) => {
     },
     showCurrentIsoband: {
       handler(t, e) {
-        this.autoActive && (this.showCurrentIsobandCollected = this.showCurrentIsoband);
+        this.autoActive && (this.showCurrentIsobandCollected = this.showCurrentIsoband, localStorage.setItem(this.currentIsobandCollectedCache, this.showCurrentIsobandCollected));
       }
     }
   },
@@ -174,7 +180,7 @@ const T = (t, e) => {
     },
     fetchCache() {
       const t = localStorage.getItem(this.version.k);
-      this.version.v !== t && (localStorage.removeItem(this.activeWeatherLayersCache), localStorage.removeItem(this.collectedLayerCache), localStorage.removeItem(this.activeOtherLayersCache), localStorage.removeItem(this.windFeatherCache), localStorage.removeItem(this.currentIsobandCache), localStorage.setItem(this.version.k, this.version.v));
+      this.version.v !== t && (localStorage.removeItem(this.autoActiveCache), localStorage.removeItem(this.activeWeatherLayersCache), localStorage.removeItem(this.collectedLayerCache), localStorage.removeItem(this.activeOtherLayersCache), localStorage.removeItem(this.windFeatherCollectedCache), localStorage.removeItem(this.currentIsobandCollectedCache), localStorage.setItem(this.version.k, this.version.v));
       let e = localStorage.getItem(this.autoActiveCache);
       this.autoActive = e !== "false", e = localStorage.getItem(this.collectedLayerCache);
       let a = JSON.parse(
@@ -188,12 +194,15 @@ const T = (t, e) => {
           { weight: 4096, name: "Pressure", key: "prmsl", enabled: !0, type: "json" },
           { weight: 256, name: "Tropicals", key: "tropicals", enabled: !0, type: "json" }
         ]
-      )), e = localStorage.getItem(this.activeWeatherLayersCache), a = JSON.parse(e), this.autoActive && (this.activeWeatherLayers = [...a]), a.some((r) => r.key === "wind" && r.particle) && this.$emit("toggleWindParticle", !0), localStorage.getItem(this.windFeatherCache) === "true" && this.$emit("toggleWindFeather", !0), a.some((r) => r.key === "current" && r.particle) && this.$emit("toggleCurrentParticle", !0), localStorage.getItem(this.currentIsobandCache) === "true" && this.$emit("toggleCurrentIsoband", !0), a.some((r) => r.key === "wind" && !r.particle && localStorage.getItem(this.windFeatherCache) === "false") && (a = a.filter((r) => r.key !== "wind")), a.some((r) => r.key === "current" && !r.particle && localStorage.getItem(this.currentIsobandCache) === "false") && (a = a.filter((r) => r.key !== "current")), e = localStorage.getItem(this.activeOtherLayersCache), a = JSON.parse(e || '[{"weight":4,"name":"ECA Zones","key":"eca-zones","enabled":true,"type":"json"}, {"weight": 2048,"name": "ENC","key": "enc","h5": true,"enabled": true,"type": "origin"}]'), this.activeOtherLayers = a, e = localStorage.getItem(this.sourceCache), this.source = e ? e === "CMEMS" ? "ECMWF" : e : this.source, this.$emit("forecastModel", this.source);
+      )), e = localStorage.getItem(this.activeWeatherLayersCache), a = JSON.parse(e), this.autoActive ? this.activeWeatherLayers = [...a] : this.activeWeatherLayersCollected = [...a], a.some((r) => r.key === "wind" && r.particle) && (this.$emit("toggleWindParticle", !0), this.showWindParticleCollected = !0), a.some((r) => r.key === "current" && r.particle) && (this.$emit("toggleCurrentParticle", !0), this.showCurrentParticleCollected = !0), this.showWindFeatherCollected = JSON.parse(localStorage.getItem(this.windFeatherCollectedCache)), this.showCurrentIsobandCollected = JSON.parse(localStorage.getItem(this.currentIsobandCollectedCache)), this.autoActive && (this.$emit("toggleWindFeather", this.showWindFeatherCollected), this.$emit("toggleCurrentIsoband", this.showCurrentIsobandCollected)), a.some((r) => r.key === "wind" && !r.particle && !this.showWindFeatherCollected) && (a = a.filter((r) => r.key !== "wind")), a.some((r) => r.key === "current" && !r.particle && !this.showCurrentIsobandCollected) && (a = a.filter((r) => r.key !== "current")), e = localStorage.getItem(this.activeOtherLayersCache), a = JSON.parse(e || '[{"weight":4,"name":"ECA Zones","key":"eca-zones","enabled":true,"type":"json"}, {"weight": 2048,"name": "ENC","key": "enc","h5": true,"enabled": true,"type": "origin"}]'), this.activeOtherLayers = a, e = localStorage.getItem(this.sourceCache), this.source = e ? e === "CMEMS" ? "ECMWF" : e : this.source, this.$emit("forecastModel", this.source);
     },
     handleConfirm() {
-      var e;
-      const t = (e = this.sourceList.find((a) => a.name === this.source)) == null ? void 0 : e.code;
-      this.$emit("weather", this.activeWeatherLayers, t), this.$emit("other", this.activeOtherLayers), localStorage.setItem(this.autoActiveCache, this.autoActive), localStorage.setItem(this.sourceCache, this.source);
+      var t;
+      if (this.autoActive) {
+        const e = (t = this.sourceList.find((a) => a.name === this.source)) == null ? void 0 : t.code;
+        this.$emit("weather", JSON.parse(localStorage.getItem(this.activeWeatherLayersCache)), e);
+      }
+      this.$emit("other", this.activeOtherLayers), localStorage.setItem(this.autoActiveCache, this.autoActive), localStorage.setItem(this.sourceCache, this.source);
     },
     handleWeatherLayerPick(t) {
       var a;
@@ -207,23 +216,23 @@ const T = (t, e) => {
         r.key === "wind" && this.showWindFeather && (r.particle = !1);
       }), this.activeWeatherLayers = this.activeWeatherLayers.filter((r) => r.type === "json" && !(["wind", "current"].includes(r.key) && r.particle))), this.activeWeatherLayers.push(t));
       const e = (a = this.sourceList.find((r) => r.name === this.source)) == null ? void 0 : a.code;
-      this.$emit("weather", this.activeWeatherLayers, e), localStorage.setItem(this.activeWeatherLayersCache, JSON.stringify(this.activeWeatherLayers));
+      this.$emit("weather", this.activeWeatherLayers, e);
     },
     handleWeatherLayerCollect(t) {
       var e;
       !t.collected && ((e = this.layers.weather.filter((a) => a.collected)) == null ? void 0 : e.length) >= 6 && (this.layers.weather.filter((a) => a.collected)[0].collected = !1), t.collected = !t.collected, localStorage.setItem(this.collectedLayerCache, JSON.stringify(this.layers.weather)), this.$emit("handleToggleVersion");
     },
     handleToggleWindParticle() {
-      !this.showWindFeather && this.showWindParticle ? this.handleWeatherLayerPick({ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !0 }) : (this.showCurrentParticle && (this.$emit("toggleCurrentParticle", !1), this.showCurrentIsoband || (this.activeWeatherLayers = this.activeWeatherLayers.filter((t) => t.key !== "current"), localStorage.setItem(this.activeWeatherLayersCache, JSON.stringify(this.activeWeatherLayers)))), this.$emit("toggleWindParticle", !this.showWindParticle), this.$emit("toggleParticeVersion"));
+      !this.showWindFeather && this.showWindParticle ? this.handleWeatherLayerPick({ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !0 }) : (this.showCurrentParticle && (this.$emit("toggleCurrentParticle", !1), this.showCurrentIsoband || (this.activeWeatherLayers = this.activeWeatherLayers.filter((t) => t.key !== "current"))), this.$emit("toggleWindParticle", !this.showWindParticle), this.$emit("toggleWindParticeVersion"));
     },
     handleToggleWindFeather() {
-      this.showWindFeather && !this.showWindParticle && this.handleWeatherLayerPick({ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !0 }), this.$emit("toggleWindFeather", !this.showWindFeather), localStorage.setItem(this.windFeatherCache, !this.showWindFeather);
+      this.showWindFeather && !this.showWindParticle && this.handleWeatherLayerPick({ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !0 }), this.$emit("toggleWindFeather", !this.showWindFeather);
     },
     handleToggleCurrentParticle() {
-      !this.showCurrentIsoband && this.showCurrentParticle ? this.handleWeatherLayerPick({ weight: 96, name: "Current", key: "current", vendor: "cmems", merge: !0, h5: !0, enabled: !0 }) : (this.showWindParticle && (this.$emit("toggleWindParticle", !1), this.$emit("toggleParticeVersion"), this.showWindFeather || (this.activeWeatherLayers = this.activeWeatherLayers.filter((t) => t.key !== "wind"), localStorage.setItem(this.activeWeatherLayersCache, JSON.stringify(this.activeWeatherLayers)))), this.$emit("toggleCurrentParticle", !this.showCurrentParticle), this.$emit("toggleParticeVersion"));
+      !this.showCurrentIsoband && this.showCurrentParticle ? this.handleWeatherLayerPick({ weight: 96, name: "Current", key: "current", enabled: !0, type: "json", particle: !0 }) : (this.showWindParticle && (this.$emit("toggleWindParticle", !1), this.showWindFeather || (this.activeWeatherLayers = this.activeWeatherLayers.filter((t) => t.key !== "wind"))), this.$emit("toggleCurrentParticle", !this.showCurrentParticle), this.$emit("toggleCurrentParticeVersion"));
     },
     handleToggleCurrentIsoband() {
-      this.showCurrentIsoband && !this.showCurrentParticle && this.handleWeatherLayerPick({ weight: 96, name: "Current", key: "current", vendor: "cmems", merge: !0, h5: !0, enabled: !0 }), this.$emit("toggleCurrentIsoband", !this.showCurrentIsoband), localStorage.setItem(this.currentIsobandCache, !this.showCurrentIsoband);
+      this.showCurrentIsoband && !this.showCurrentParticle && this.handleWeatherLayerPick({ weight: 96, name: "Current", key: "current", vendor: "cmems", merge: !0, h5: !0, enabled: !0 }), this.$emit("toggleCurrentIsoband", !this.showCurrentIsoband);
     },
     handleOtherLayerPick(t) {
       this.activeOtherLayers.some((e) => e.key === t.key) ? this.activeOtherLayers = this.activeOtherLayers.filter((e) => e.key !== t.key) : t.enabled && this.activeOtherLayers.push(t), localStorage.setItem(this.activeOtherLayersCache, JSON.stringify(this.activeOtherLayers)), this.$emit("other", this.activeOtherLayers);
@@ -234,7 +243,7 @@ const T = (t, e) => {
     toggleAutoActive() {
       var e;
       const t = (e = this.sourceList.find((a) => a.name === this.source)) == null ? void 0 : e.code;
-      this.autoActive = !this.autoActive, localStorage.setItem(this.autoActiveCache, this.autoActive), this.autoActive ? this.$emit("weather", this.activeWeatherLayers, t) : this.$emit("weather", [], t);
+      this.autoActive = !this.autoActive, localStorage.setItem(this.autoActiveCache, this.autoActive), this.autoActive ? (this.$emit("weather", this.activeWeatherLayersCollected, t), this.$emit("toggleWindFeather", localStorage.getItem(this.windFeatherCollectedCache) === "true"), this.$emit("toggleCurrentIsoband", localStorage.getItem(this.currentIsobandCollectedCache) === "true")) : (this.$emit("weather", [], t), this.$emit("toggleWindFeather", !1), this.$emit("toggleCurrentIsoband", !1));
     },
     handleCoordToggle() {
       this.showCoord = !this.showCoord, this.$emit("coordinate", this.showCoord);
@@ -406,7 +415,7 @@ function $t(t, e, a, r, i, o) {
       ]),
       (g(!0), f(_, null, N(i.layers.weather.filter((n) => n.collected), (n) => (g(), f("div", {
         key: n.key,
-        class: H(o.computeLayerClass(n, i.activeWeatherLayers))
+        class: H(o.computeLayerClass(n, i.activeWeatherLayersCollected))
       }, [
         s("div", {
           class: "checkbox",
@@ -416,7 +425,7 @@ function $t(t, e, a, r, i, o) {
           class: "name",
           onClick: (d) => o.handleWeatherLayerPick(n)
         }, B(n.name), 9, xt),
-        n.key === "wind" && i.activeWeatherLayers.some((d) => d.key === n.key) ? (g(), f("div", Bt, [
+        n.key === "wind" && i.activeWeatherLayersCollected.some((d) => d.key === n.key) ? (g(), f("div", Bt, [
           s("i", {
             class: H(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
             onClick: e[6] || (e[6] = (d) => o.handleToggleWindParticle())
@@ -426,7 +435,7 @@ function $t(t, e, a, r, i, o) {
             onClick: e[7] || (e[7] = (d) => o.handleToggleWindFeather())
           }, "", 2)
         ])) : O("", !0),
-        n.key === "current" && i.activeWeatherLayers.some((d) => d.key === n.key) ? (g(), f("div", It, [
+        n.key === "current" && i.activeWeatherLayersCollected.some((d) => d.key === n.key) ? (g(), f("div", It, [
           s("i", {
             class: H(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
             onClick: e[8] || (e[8] = (d) => o.handleToggleCurrentParticle())
@@ -471,7 +480,7 @@ function $t(t, e, a, r, i, o) {
                 }, [
                   n.hide ? O("", !0) : (g(), f("div", {
                     key: 0,
-                    class: H(o.computeLayerClass(n, i.activeWeatherLayers))
+                    class: H(o.computeLayerClass(n, i.activeWeatherLayersCollected))
                   }, [
                     s("div", Tt, [
                       s("div", {
@@ -482,7 +491,7 @@ function $t(t, e, a, r, i, o) {
                         class: "name",
                         onClick: (d) => o.handleWeatherLayerPick(n)
                       }, B(n.name), 9, St),
-                      n.key === "wind" && i.activeWeatherLayers.some((d) => d.key === n.key) ? (g(), f("div", _t, [
+                      n.key === "wind" && i.activeWeatherLayersCollected.some((d) => d.key === n.key) ? (g(), f("div", _t, [
                         s("i", {
                           class: H(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
                           onClick: e[12] || (e[12] = (d) => o.handleToggleWindParticle())
@@ -492,7 +501,7 @@ function $t(t, e, a, r, i, o) {
                           onClick: e[13] || (e[13] = (d) => o.handleToggleWindFeather())
                         }, "", 2)
                       ])) : O("", !0),
-                      n.key === "current" && i.activeWeatherLayers.some((d) => d.key === n.key) ? (g(), f("div", Ht, [
+                      n.key === "current" && i.activeWeatherLayersCollected.some((d) => d.key === n.key) ? (g(), f("div", Ht, [
                         s("i", {
                           class: H(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
                           onClick: e[14] || (e[14] = (d) => o.handleToggleCurrentParticle())
@@ -556,7 +565,7 @@ function $t(t, e, a, r, i, o) {
                       default: ae(() => {
                         var b, u, A, w, m, v;
                         return [
-                          U(B(n.name) + " ", 1),
+                          Y(B(n.name) + " ", 1),
                           d !== 0 ? (g(), f("span", qt, B(n.resolution) + "km " + B(n.length) + "days", 1)) : O("", !0),
                           d === 0 ? (g(), f("div", Vt, "Provides the best forecast")) : (A = (u = (b = n == null ? void 0 : n.update) == null ? void 0 : b.default) == null ? void 0 : u.meta) != null && A.initialisationTime ? (g(), f("div", Zt, "Update: " + B(o.computeDateZ((v = (m = (w = n == null ? void 0 : n.update) == null ? void 0 : w.default) == null ? void 0 : m.meta) == null ? void 0 : v.initialisationTime)), 1)) : O("", !0)
                         ];
@@ -4514,7 +4523,7 @@ const Da = {
       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((e) => e == null ? void 0 : e.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));
     },
     handleDateChange() {
-      var t, e, a, r, i, o, l, c, h, p, n, d, b, u, A, w, m, v, y, L, P, M, I, j, W, Y, K, V, ee, ce, he, de, pe, me, ue, ge;
+      var t, e, a, r, i, o, l, c, h, p, n, d, b, u, A, w, m, v, y, L, P, M, I, j, W, K, X, V, ee, ce, he, de, pe, me, ue, ge;
       if ((t = this.interpolateMarkers) == null || t.forEach((te) => te == null ? void 0 : te.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
         const te = F(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), oe = this.interpolateData.filter((Q) => Q.properties.date === te.format() && !Q.properties.disabled), Ae = this.handleComputePolygons(oe), ie = D.featureCollection([...oe]);
         Ae.forEach((Q) => {
@@ -4536,7 +4545,7 @@ const Da = {
         for (const Q of oe)
           if (!Q.properties.disabled) {
             let q = "#f44336";
-            ((c = (l = Q.properties) == null ? void 0 : l.wind) == null ? void 0 : c.spd) < 17.2 || !((p = (h = Q.properties) == null ? void 0 : h.wind) != null && p.spd) ? q = "#03f869" : ((d = (n = Q.properties) == null ? void 0 : n.wind) == null ? void 0 : d.spd) >= 17.2 && ((u = (b = Q.properties) == null ? void 0 : b.wind) == null ? void 0 : u.spd) < 24.5 ? q = "#f2f202" : ((w = (A = Q.properties) == null ? void 0 : A.wind) == null ? void 0 : w.spd) >= 24.5 && ((v = (m = Q.properties) == null ? void 0 : m.wind) == null ? void 0 : v.spd) < 32.7 ? q = "#ff9100" : ((L = (y = Q.properties) == null ? void 0 : y.wind) == null ? void 0 : L.spd) >= 32.7 && ((M = (P = Q.properties) == null ? void 0 : P.wind) == null ? void 0 : M.spd) < 41.5 ? q = "#f44336" : ((j = (I = Q.properties) == null ? void 0 : I.wind) == null ? void 0 : j.spd) >= 41.5 && ((Y = (W = Q.properties) == null ? void 0 : W.wind) == null ? void 0 : Y.spd) < 51 ? q = "#f903d0" : ((V = (K = Q.properties) == null ? void 0 : K.wind) == null ? void 0 : V.spd) >= 51 ? q = "#8702f9" : q = "#f44336";
+            ((c = (l = Q.properties) == null ? void 0 : l.wind) == null ? void 0 : c.spd) < 17.2 || !((p = (h = Q.properties) == null ? void 0 : h.wind) != null && p.spd) ? q = "#03f869" : ((d = (n = Q.properties) == null ? void 0 : n.wind) == null ? void 0 : d.spd) >= 17.2 && ((u = (b = Q.properties) == null ? void 0 : b.wind) == null ? void 0 : u.spd) < 24.5 ? q = "#f2f202" : ((w = (A = Q.properties) == null ? void 0 : A.wind) == null ? void 0 : w.spd) >= 24.5 && ((v = (m = Q.properties) == null ? void 0 : m.wind) == null ? void 0 : v.spd) < 32.7 ? q = "#ff9100" : ((L = (y = Q.properties) == null ? void 0 : y.wind) == null ? void 0 : L.spd) >= 32.7 && ((M = (P = Q.properties) == null ? void 0 : P.wind) == null ? void 0 : M.spd) < 41.5 ? q = "#f44336" : ((j = (I = Q.properties) == null ? void 0 : I.wind) == null ? void 0 : j.spd) >= 41.5 && ((K = (W = Q.properties) == null ? void 0 : W.wind) == null ? void 0 : K.spd) < 51 ? q = "#f903d0" : ((V = (X = Q.properties) == null ? void 0 : X.wind) == null ? void 0 : V.spd) >= 51 ? q = "#8702f9" : q = "#f44336";
             const ye = `<svg t="1719918955501"
                           	class="icon" viewBox="0 0 1024 1024"  xmlns="http://www.w3.org/2000/svg" p-id="18382"
                           	xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
@@ -4705,7 +4714,7 @@ function Wa(t, e, a, r, i, o) {
       }, ""),
       s("div", za, [
         (c = (l = i.activeTropicals) == null ? void 0 : l.history) != null && c.level ? (g(), f("span", Ma, B((p = (h = i.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : p.level) + " , ", 1)) : O("", !0),
-        U(B((n = i.activeTropicals) == null ? void 0 : n.name), 1)
+        Y(B((n = i.activeTropicals) == null ? void 0 : n.name), 1)
       ]),
       s("div", Ta, " Last update: " + B(o.computeTime(((b = (d = i.activeTropicals) == null ? void 0 : d.history) == null ? void 0 : b.updated) || ((w = (A = (u = i.activeTropicals) == null ? void 0 : u.forecasts) == null ? void 0 : A.filter((M) => !M.disabled)[0]) == null ? void 0 : w.date))), 1)
     ]),
@@ -4726,13 +4735,13 @@ function Wa(t, e, a, r, i, o) {
             e[4] || (e[4] = s("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)),
             s("div", Ra, [
               (g(!0), f(_, null, N((P = i.activeTropicals) == null ? void 0 : P.forecasts, (M, I) => {
-                var j, W, Y, K;
+                var j, W, K, X;
                 return g(), f("div", {
                   key: I,
                   class: H([
                     "model",
                     M.disabled ? "" : "active",
-                    I > 0 && I < ((W = (j = i.activeTropicals) == null ? void 0 : j.forecasts) == null ? void 0 : W.length) - 1 && ((K = (Y = i.activeTropicals) == null ? void 0 : Y.forecasts) == null ? void 0 : K.length) > 2 ? "center-child" : ""
+                    I > 0 && I < ((W = (j = i.activeTropicals) == null ? void 0 : j.forecasts) == null ? void 0 : W.length) - 1 && ((X = (K = i.activeTropicals) == null ? void 0 : K.forecasts) == null ? void 0 : X.length) > 2 ? "center-child" : ""
                   ]),
                   onClick: (V) => o.handleForecastToggle(M)
                 }, [
@@ -5561,7 +5570,7 @@ const ui = {
     initTableData(t) {
       var e, a, r, i, o, l, c, h, p;
       this.clearTable(), this.positionGmt = (a = (e = t == null ? void 0 : t.weather) == null ? void 0 : e[0]) == null ? void 0 : a.timezone, this.positionOffset = (i = (r = t == null ? void 0 : t.weather) == null ? void 0 : r[0]) == null ? void 0 : i.offset, this.localDate = (l = (o = Ge(this.ts)) == null ? void 0 : o.tz(this.positionGmt)) == null ? void 0 : l.format("MMM-DD/HHmm[LT]"), this.currentHourData = (c = We.pickHourly(t, F(this.ts))) == null ? void 0 : c[0], ((p = (h = this.currentHourData) == null ? void 0 : h.weather) == null ? void 0 : p.isDay) === 0 ? this.isDay = !1 : this.isDay = !0, this.$nextTick(() => {
-        var d, b, u, A, w, m, v, y, L, P, M, I, j, W, Y, K, V, ee, ce, he, de, pe, me, ue, ge, te, oe, Ae, ie, Q, q, ye, re;
+        var d, b, u, A, w, m, v, y, L, P, M, I, j, W, K, X, V, ee, ce, he, de, pe, me, ue, ge, te, oe, Ae, ie, Q, q, ye, re;
         if (!document.getElementById("meteoMainBox"))
           return !1;
         if (!this.currentHourData)
@@ -5570,7 +5579,7 @@ const ui = {
           const ne = Ge(this.ts).tz(this.positionGmt).add(3 * se, "h").format();
           this.tableData.hours.push(ne);
           const x = ((d = We.pickHourly(t, ne)) == null ? void 0 : d[0]) || {};
-          this.tableData.temp.push(this.roundPrecision((b = x == null ? void 0 : x.weather) == null ? void 0 : b.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((A = (u = x == null ? void 0 : x.weather) == null ? void 0 : u.precip) == null ? void 0 : A.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((m = (w = x == null ? void 0 : x.weather) == null ? void 0 : w.precip) == null ? void 0 : m.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((v = x == null ? void 0 : x.weather) == null ? void 0 : v.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((L = (y = x == null ? void 0 : x.weather) == null ? void 0 : y.wind) == null ? void 0 : L.kts, 1) ?? "-"), this.tableData.windDir.push((M = (P = x == null ? void 0 : x.weather) == null ? void 0 : P.wind) == null ? void 0 : M.bearing), this.tableData.windGust.push(this.roundPrecision((j = (I = x == null ? void 0 : x.weather) == null ? void 0 : I.wind) == null ? void 0 : j.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((Y = (W = x == null ? void 0 : x.wave) == null ? void 0 : W.sig) == null ? void 0 : Y.height, 1) ?? "-"), this.tableData.sigwaveDir.push((V = (K = x == null ? void 0 : x.wave) == null ? void 0 : K.sig) == null ? void 0 : V.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((ce = (ee = x == null ? void 0 : x.wave) == null ? void 0 : ee.wd) == null ? void 0 : ce.height, 1) ?? "-"), this.tableData.windwaveDir.push((de = (he = x == null ? void 0 : x.wave) == null ? void 0 : he.wd) == null ? void 0 : de.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((me = (pe = x == null ? void 0 : x.wave) == null ? void 0 : pe.wd) == null ? void 0 : me.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((ge = (ue = x == null ? void 0 : x.wave) == null ? void 0 : ue.swell) == null ? void 0 : ge.height, 1) ?? "-"), this.tableData.swellDir.push((oe = (te = x == null ? void 0 : x.wave) == null ? void 0 : te.swell) == null ? void 0 : oe.bearing), this.tableData.swellPeriod.push(this.roundPrecision((ie = (Ae = x == null ? void 0 : x.wave) == null ? void 0 : Ae.swell) == null ? void 0 : ie.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((Q = x == null ? void 0 : x.current) == null ? void 0 : Q.speed, 1) ?? "-"), this.tableData.currentDir.push((q = x == null ? void 0 : x.current) == null ? void 0 : q.bearing), this.tableData.seaLevel.push(this.roundPrecision(x == null ? void 0 : x.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(x == null ? void 0 : x.sst, 0) ?? "-"), this.tableData.weatherUrls.push((ye = x == null ? void 0 : x.weather) == null ? void 0 : ye.url), this.tableData.weatherNames.push(((re = x == null ? void 0 : x.weather) == null ? void 0 : re.name) ?? "-");
+          this.tableData.temp.push(this.roundPrecision((b = x == null ? void 0 : x.weather) == null ? void 0 : b.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((A = (u = x == null ? void 0 : x.weather) == null ? void 0 : u.precip) == null ? void 0 : A.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((m = (w = x == null ? void 0 : x.weather) == null ? void 0 : w.precip) == null ? void 0 : m.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((v = x == null ? void 0 : x.weather) == null ? void 0 : v.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((L = (y = x == null ? void 0 : x.weather) == null ? void 0 : y.wind) == null ? void 0 : L.kts, 1) ?? "-"), this.tableData.windDir.push((M = (P = x == null ? void 0 : x.weather) == null ? void 0 : P.wind) == null ? void 0 : M.bearing), this.tableData.windGust.push(this.roundPrecision((j = (I = x == null ? void 0 : x.weather) == null ? void 0 : I.wind) == null ? void 0 : j.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((K = (W = x == null ? void 0 : x.wave) == null ? void 0 : W.sig) == null ? void 0 : K.height, 1) ?? "-"), this.tableData.sigwaveDir.push((V = (X = x == null ? void 0 : x.wave) == null ? void 0 : X.sig) == null ? void 0 : V.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((ce = (ee = x == null ? void 0 : x.wave) == null ? void 0 : ee.wd) == null ? void 0 : ce.height, 1) ?? "-"), this.tableData.windwaveDir.push((de = (he = x == null ? void 0 : x.wave) == null ? void 0 : he.wd) == null ? void 0 : de.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((me = (pe = x == null ? void 0 : x.wave) == null ? void 0 : pe.wd) == null ? void 0 : me.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((ge = (ue = x == null ? void 0 : x.wave) == null ? void 0 : ue.swell) == null ? void 0 : ge.height, 1) ?? "-"), this.tableData.swellDir.push((oe = (te = x == null ? void 0 : x.wave) == null ? void 0 : te.swell) == null ? void 0 : oe.bearing), this.tableData.swellPeriod.push(this.roundPrecision((ie = (Ae = x == null ? void 0 : x.wave) == null ? void 0 : Ae.swell) == null ? void 0 : ie.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((Q = x == null ? void 0 : x.current) == null ? void 0 : Q.speed, 1) ?? "-"), this.tableData.currentDir.push((q = x == null ? void 0 : x.current) == null ? void 0 : q.bearing), this.tableData.seaLevel.push(this.roundPrecision(x == null ? void 0 : x.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(x == null ? void 0 : x.sst, 0) ?? "-"), this.tableData.weatherUrls.push((ye = x == null ? void 0 : x.weather) == null ? void 0 : ye.url), this.tableData.weatherNames.push(((re = x == null ? void 0 : x.weather) == null ? void 0 : re.name) ?? "-");
         }
       });
     },
@@ -5693,7 +5702,7 @@ const ui = {
   class: "main-box flex-center"
 };
 function Br(t, e, a, r, i, o) {
-  var p, n, d, b, u, A, w, m, v, y, L, P, M, I, j, W, Y, K, V, ee, ce, he, de, pe, me, ue, ge, te, oe, Ae, ie, Q, q, ye, re, se, ne, x, Le, xe, Be, Ie, Ee, De, Pe, ke, ze, Me, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe, X, qe, Ve, Ze, $e, et, tt, at, it, rt;
+  var p, n, d, b, u, A, w, m, v, y, L, P, M, I, j, W, K, X, V, ee, ce, he, de, pe, me, ue, ge, te, oe, Ae, ie, Q, q, ye, re, se, ne, x, Le, xe, Be, Ie, Ee, De, Pe, ke, ze, Me, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe, U, qe, Ve, Ze, $e, et, tt, at, it, rt;
   const l = z("LocationFilled"), c = z("ElIcon"), h = z("ElTooltip");
   return fe((g(), f("div", gi, [
     s("div", Ai, [
@@ -5753,7 +5762,7 @@ function Br(t, e, a, r, i, o) {
             }, 8, ["content"]),
             s("div", Bi, [
               s("div", null, [
-                U(B(o.roundPrecision((A = (u = i.currentHourData) == null ? void 0 : u.weather) == null ? void 0 : A.temp, 0)), 1),
+                Y(B(o.roundPrecision((A = (u = i.currentHourData) == null ? void 0 : u.weather) == null ? void 0 : A.temp, 0)), 1),
                 e[8] || (e[8] = s("span", { style: { "font-size": "14px" } }, "°C", -1))
               ])
             ]),
@@ -5803,7 +5812,7 @@ function Br(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                U("Hours"),
+                Y("Hours"),
                 s("span", { class: "unit" }, "(LT)")
               ], -1)),
               (g(!0), f(_, null, N(i.tableData.hours, (C) => (g(), f("th", {
@@ -5818,7 +5827,7 @@ function Br(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                U("UTC"),
+                Y("UTC"),
                 s("span", { class: "unit" })
               ], -1)),
               (g(!0), f(_, null, N(i.tableData.hours, (C) => (g(), f("th", {
@@ -5861,7 +5870,7 @@ function Br(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                U("Temp"),
+                Y("Temp"),
                 s("span", { class: "unit" }, "°C")
               ], -1)),
               (g(!0), f(_, null, N(i.tableData.temp, (C, E) => (g(), f("td", {
@@ -5876,7 +5885,7 @@ function Br(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                U("Precip"),
+                Y("Precip"),
                 s("span", { class: "unit" }, "mm")
               ], -1)),
               (g(!0), f(_, null, N(i.tableData.precip1h, (C, E) => (g(), f("td", {
@@ -5891,7 +5900,7 @@ function Br(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                U("Visibility"),
+                Y("Visibility"),
                 s("span", { class: "unit" }, "nm")
               ], -1)),
               (g(!0), f(_, null, N(i.tableData.visibility, (C, E) => (g(), f("td", {
@@ -5906,7 +5915,7 @@ function Br(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                U("Wind gust"),
+                Y("Wind gust"),
                 s("span", { class: "unit" }, "kts")
               ], -1)),
               (g(!0), f(_, null, N(i.tableData.windGust, (C, E) => (g(), f("td", {
@@ -5932,7 +5941,7 @@ function Br(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                U("Hours"),
+                Y("Hours"),
                 s("span", { class: "unit" }, "(LT)")
               ], -1)),
               (g(!0), f(_, null, N(i.tableData.hours, (C, E) => (g(), f("th", {
@@ -5947,7 +5956,7 @@ function Br(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                U("UTC"),
+                Y("UTC"),
                 s("span", { class: "unit" })
               ], -1)),
               (g(!0), f(_, null, N(i.tableData.hours, (C, E) => (g(), f("th", {
@@ -5962,7 +5971,7 @@ function Br(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                U("Wind"),
+                Y("Wind"),
                 s("span", { class: "unit" }, "kts")
               ], -1)),
               (g(!0), f(_, null, N(i.tableData.windSpeed, (C, E) => (g(), f("td", {
@@ -5984,7 +5993,7 @@ function Br(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                U("Sig Wave"),
+                Y("Sig Wave"),
                 s("span", { class: "unit" }, "m")
               ], -1)),
               (g(!0), f(_, null, N(i.tableData.sigwaveHeight, (C, E) => (g(), f("td", {
@@ -6006,7 +6015,7 @@ function Br(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                U("Wind Wave"),
+                Y("Wind Wave"),
                 s("span", { class: "unit" }, "m")
               ], -1)),
               (g(!0), f(_, null, N(i.tableData.windwaveHeight, (C, E) => (g(), f("td", {
@@ -6028,7 +6037,7 @@ function Br(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                U("Swell"),
+                Y("Swell"),
                 s("span", { class: "unit" }, "m")
               ], -1)),
               (g(!0), f(_, null, N(i.tableData.swellHeight, (C, E) => (g(), f("td", {
@@ -6050,7 +6059,7 @@ function Br(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                U("Current"),
+                Y("Current"),
                 s("span", { class: "unit" }, "kts")
               ], -1)),
               (g(!0), f(_, null, N(i.tableData.currentSpeed, (C, E) => (g(), f("td", {
@@ -6077,7 +6086,7 @@ function Br(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                U("Hours"),
+                Y("Hours"),
                 s("span", { class: "unit" }, "(LT)")
               ], -1)),
               (g(!0), f(_, null, N(i.tableData.hours, (C, E) => (g(), f("th", {
@@ -6092,7 +6101,7 @@ function Br(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                U("UTC"),
+                Y("UTC"),
                 s("span", { class: "unit" })
               ], -1)),
               (g(!0), f(_, null, N(i.tableData.hours, (C, E) => (g(), f("th", {
@@ -6107,7 +6116,7 @@ function Br(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                U("SeaLevel"),
+                Y("SeaLevel"),
                 s("span", { class: "unit" }, "m")
               ], -1)),
               (g(!0), f(_, null, N(i.tableData.seaLevel, (C, E) => (g(), f("td", {
@@ -6122,7 +6131,7 @@ function Br(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                U("SeaTemp"),
+                Y("SeaTemp"),
                 s("span", { class: "unit" }, "°C")
               ], -1)),
               (g(!0), f(_, null, N(i.tableData.seaTemp, (C, E) => (g(), f("td", {
@@ -6172,7 +6181,7 @@ function Br(t, e, a, r, i, o) {
           s("div", cr, [
             s("div", hr, [
               e[32] || (e[32] = s("div", null, "Wind", -1)),
-              s("div", null, B((V = (K = (Y = i.currentHourData) == null ? void 0 : Y.weather) == null ? void 0 : K.wind) == null ? void 0 : V.direction) + "/" + B(o.roundPrecision((he = (ce = (ee = i.currentHourData) == null ? void 0 : ee.weather) == null ? void 0 : ce.wind) == null ? void 0 : he.kts, 1)) + "kts/BF" + B((me = (pe = (de = i.currentHourData) == null ? void 0 : de.weather) == null ? void 0 : pe.wind) == null ? void 0 : me.scale) + "/" + B(o.roundPrecision((te = (ge = (ue = i.currentHourData) == null ? void 0 : ue.weather) == null ? void 0 : ge.wind) == null ? void 0 : te.gusts, 1)) + " kts", 1)
+              s("div", null, B((V = (X = (K = i.currentHourData) == null ? void 0 : K.weather) == null ? void 0 : X.wind) == null ? void 0 : V.direction) + "/" + B(o.roundPrecision((he = (ce = (ee = i.currentHourData) == null ? void 0 : ee.weather) == null ? void 0 : ce.wind) == null ? void 0 : he.kts, 1)) + "kts/BF" + B((me = (pe = (de = i.currentHourData) == null ? void 0 : de.weather) == null ? void 0 : pe.wind) == null ? void 0 : me.scale) + "/" + B(o.roundPrecision((te = (ge = (ue = i.currentHourData) == null ? void 0 : ue.weather) == null ? void 0 : ge.wind) == null ? void 0 : te.gusts, 1)) + " kts", 1)
             ]),
             s("div", dr, [
               e[33] || (e[33] = s("div", null, "Sig wave", -1)),
@@ -6192,7 +6201,7 @@ function Br(t, e, a, r, i, o) {
           s("div", gr, [
             s("div", Ar, [
               e[36] || (e[36] = s("div", null, "Current", -1)),
-              s("div", null, B((Re = (je = i.currentHourData) == null ? void 0 : je.current) == null ? void 0 : Re.direction) + "/" + B(o.roundPrecision((X = (Fe = i.currentHourData) == null ? void 0 : Fe.current) == null ? void 0 : X.kts, 2)) + "kts", 1)
+              s("div", null, B((Re = (je = i.currentHourData) == null ? void 0 : je.current) == null ? void 0 : Re.direction) + "/" + B(o.roundPrecision((U = (Fe = i.currentHourData) == null ? void 0 : Fe.current) == null ? void 0 : U.kts, 2)) + "kts", 1)
             ]),
             s("div", yr, [
               e[37] || (e[37] = s("div", null, "Sea level", -1)),
@@ -8087,7 +8096,8 @@ const Mo = {
       activeWindLayer: !1,
       showWindFeather: !1,
       showWindParticle: !1,
-      toggleParticeVersion: 0,
+      toggleWindParticeVersion: 0,
+      toggleCurrentParticeVersion: 0,
       showCurrentIsoband: !1,
       showCurrentParticle: !1,
       enc: "",
@@ -8210,8 +8220,8 @@ const Mo = {
                 );
               const M = await Promise.all(P);
               this.weatherLayers = {}, M.map((I) => {
-                var Y, K, V, ee;
-                const j = ((Y = I == null ? void 0 : I.data) == null ? void 0 : Y.data) || (I == null ? void 0 : I.data), W = (V = (K = I == null ? void 0 : I.config) == null ? void 0 : K.headers) == null ? void 0 : V.key;
+                var K, X, V, ee;
+                const j = ((K = I == null ? void 0 : I.data) == null ? void 0 : K.data) || (I == null ? void 0 : I.data), W = (V = (X = I == null ? void 0 : I.config) == null ? void 0 : X.headers) == null ? void 0 : V.key;
                 W && j && (this.weatherLayers[W] = {
                   raw: j,
                   type: ((ee = I == null ? void 0 : I.config) == null ? void 0 : ee.responseType) === "blob" ? "image" : "json",
@@ -8223,8 +8233,8 @@ const Mo = {
                   key: "tropicals"
                 }
               }).then((I) => {
-                var Y, K, V;
-                const j = nt.convert2Geojson(((Y = I == null ? void 0 : I.data) == null ? void 0 : Y.data) || (I == null ? void 0 : I.data)), W = (V = (K = I == null ? void 0 : I.config) == null ? void 0 : K.headers) == null ? void 0 : V.key;
+                var K, X, V;
+                const j = nt.convert2Geojson(((K = I == null ? void 0 : I.data) == null ? void 0 : K.data) || (I == null ? void 0 : I.data)), W = (V = (X = I == null ? void 0 : I.config) == null ? void 0 : X.headers) == null ? void 0 : V.key;
                 this.weatherLayers[W] = {
                   data: j,
                   active: !0,
@@ -8651,13 +8661,13 @@ const Mo = {
     handleParticle(t) {
       this.particleFactor = t, this.weatherLayers[t.key] && (this.weatherLayers[t.key].particle = t.particle), this.activeWeatherLayers.map((r) => {
         var i;
-        return r.key === t.key ? r.particle = t.particle : (i = Object.keys(r)) != null && i.some((o) => o === "particle") && (r.particle = !1), r;
+        return r.key === t.key ? r.particle = t.particle : t.particle && ((i = Object.keys(r)) != null && i.some((o) => o === "particle")) && (r.particle = !1), r;
       });
       let e = localStorage.getItem("activeWeatherLayersCache");
       const a = JSON.parse(e) || [];
       a == null || a.forEach((r) => {
         var i;
-        r.key === t.key ? r.particle = t.particle : (i = Object.keys(r)) != null && i.some((o) => o === "particle") && (r.particle = !1);
+        r.key === t.key ? r.particle = t.particle : t.particle && ((i = Object.keys(r)) != null && i.some((o) => o === "particle")) && (r.particle = !1);
       }), localStorage.setItem("activeWeatherLayersCache", JSON.stringify(a)), this.fetchWeatherLayers({ tropicals: !1 });
     },
     handleToggleVersion() {
@@ -8671,7 +8681,7 @@ const Mo = {
 };
 function Qo(t, e, a, r, i, o) {
   var Ae, ie, Q, q, ye, re, se, ne, x, Le, xe, Be, Ie, Ee, De, Pe, ke, ze, Me, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe;
-  const l = z("IdmGlLayer"), c = z("IdmENC"), h = z("IdmWorld12nm"), p = z("IdmWorldMarine"), n = z("IdmChinaRoute"), d = z("IdmSigWave"), b = z("IdmSwell"), u = z("IdmPrmsl"), A = z("IdmIceberg"), w = z("IdmTropicals"), m = z("IdmCurrents"), v = z("IdmCurrentParticle"), y = z("IdmWindBarb"), L = z("IdmWindParticle"), P = z("IdmPrecip3h"), M = z("IdmVisibility"), I = z("IdmWaterTemp"), j = z("IdmTemp"), W = z("IdmArctic"), Y = z("IdmWarZone"), K = z("IdmGmdssArea"), V = z("IdmEcaZone"), ee = z("IdmAlertZone"), ce = z("IdmPort"), he = z("IdmLoadLine"), de = z("IdmTimezone"), pe = z("IdmVRA"), me = z("IdmSpecialArea"), ue = z("IdmTerminator"), ge = z("IdmLatLng"), te = z("IdmMeasure"), oe = z("IdmPoint");
+  const l = z("IdmGlLayer"), c = z("IdmENC"), h = z("IdmWorld12nm"), p = z("IdmWorldMarine"), n = z("IdmChinaRoute"), d = z("IdmSigWave"), b = z("IdmSwell"), u = z("IdmPrmsl"), A = z("IdmIceberg"), w = z("IdmTropicals"), m = z("IdmCurrents"), v = z("IdmCurrentParticle"), y = z("IdmWindBarb"), L = z("IdmWindParticle"), P = z("IdmPrecip3h"), M = z("IdmVisibility"), I = z("IdmWaterTemp"), j = z("IdmTemp"), W = z("IdmArctic"), K = z("IdmWarZone"), X = z("IdmGmdssArea"), V = z("IdmEcaZone"), ee = z("IdmAlertZone"), ce = z("IdmPort"), he = z("IdmLoadLine"), de = z("IdmTimezone"), pe = z("IdmVRA"), me = z("IdmSpecialArea"), ue = z("IdmTerminator"), ge = z("IdmLatLng"), te = z("IdmMeasure"), oe = z("IdmPoint");
   return a.map ? (g(), f("div", To, [
     k(l, S({
       ref: "layer",
@@ -8688,14 +8698,15 @@ function Qo(t, e, a, r, i, o) {
       "forecast-model": a.forecastModel,
       onWeather: o.handleWeatherLayerChange,
       onOther: o.handleOtherLayerChange,
-      onToggleWindParticle: e[0] || (e[0] = (X) => i.showWindParticle = X),
-      onToggleWindFeather: e[1] || (e[1] = (X) => i.showWindFeather = X),
-      onToggleCurrentParticle: e[2] || (e[2] = (X) => i.showCurrentParticle = X),
-      onToggleCurrentIsoband: e[3] || (e[3] = (X) => i.showCurrentIsoband = X),
-      onToggleParticeVersion: e[4] || (e[4] = (X) => i.toggleParticeVersion = Math.random()),
-      onCoordinate: e[5] || (e[5] = (X) => i.showCoord = X),
-      onMeasure: e[6] || (e[6] = (X) => i.showMeasure = X),
-      onPoint: e[7] || (e[7] = (X) => i.showPoint = X),
+      onToggleWindParticle: e[0] || (e[0] = (U) => i.showWindParticle = U),
+      onToggleWindFeather: e[1] || (e[1] = (U) => i.showWindFeather = U),
+      onToggleCurrentParticle: e[2] || (e[2] = (U) => i.showCurrentParticle = U),
+      onToggleCurrentIsoband: e[3] || (e[3] = (U) => i.showCurrentIsoband = U),
+      onToggleWindParticeVersion: e[4] || (e[4] = (U) => i.toggleWindParticeVersion = Math.random()),
+      onToggleCurrentParticeVersion: e[5] || (e[5] = (U) => i.toggleCurrentParticeVersion = Math.random()),
+      onCoordinate: e[6] || (e[6] = (U) => i.showCoord = U),
+      onMeasure: e[7] || (e[7] = (U) => i.showMeasure = U),
+      onPoint: e[8] || (e[8] = (U) => i.showPoint = U),
       on3d: o.handle3dToggle,
       onHandleToggleVersion: o.handleToggleVersion
     }), null, 16, ["map", "toggle-version", "map-projection", "show-wind-feather", "show-wind-particle", "show-current-isoband", "show-current-particle", "token", "gateway", "forecast-model", "onWeather", "onOther", "on3d", "onHandleToggleVersion"]),
@@ -8705,7 +8716,7 @@ function Qo(t, e, a, r, i, o) {
       enabled: (Ae = i.otherLayers) == null ? void 0 : Ae.enc,
       "toggle-version": a.toggleVersion
     }, t.$attrs, {
-      onEnc: e[8] || (e[8] = (X) => i.enc = X)
+      onEnc: e[9] || (e[9] = (U) => i.enc = U)
     }), null, 16, ["map", "token", "enabled", "toggle-version"]),
     k(h, S({
       map: a.map,
@@ -8761,14 +8772,14 @@ function Qo(t, e, a, r, i, o) {
       "before-layer": a.beforeLayer,
       "show-current-isoband": i.showCurrentIsoband,
       "show-current-particle": i.showCurrentParticle,
-      "toggle-partice-version": i.toggleParticeVersion,
+      toggleParticeVersion: i.toggleCurrentParticeVersion,
       "margin-bottom": i.activeWindLayer ? i.showRampColor ? "84px" : "56px" : i.showRampColor ? "56px" : "30px",
       "toggle-version": a.toggleVersion,
       "weather-layers": i.weatherLayers
     }, t.$attrs, {
       onParticle: o.handleParticle,
       onHandleToggleVersion: o.handleToggleVersion
-    }), null, 16, ["map", "map-projection", "current", "before-layer", "show-current-isoband", "show-current-particle", "toggle-partice-version", "margin-bottom", "toggle-version", "weather-layers", "onParticle", "onHandleToggleVersion"]),
+    }), null, 16, ["map", "map-projection", "current", "before-layer", "show-current-isoband", "show-current-particle", "toggleParticeVersion", "margin-bottom", "toggle-version", "weather-layers", "onParticle", "onHandleToggleVersion"]),
     k(v, S({
       viewport: i.viewport,
       factor: (xe = i.weatherLayers) == null ? void 0 : xe["current-particle"],
@@ -8785,12 +8796,12 @@ function Qo(t, e, a, r, i, o) {
       "margin-bottom": i.showRampColor ? "56px" : "30px",
       "show-wind-feather": i.showWindFeather,
       "show-wind-particle": i.showWindParticle,
-      "toggle-partice-version": i.toggleParticeVersion
+      toggleParticeVersion: i.toggleWindParticeVersion
     }, t.$attrs, {
       "toggle-version": a.toggleVersion,
       "weather-layers": i.weatherLayers,
       onParticle: o.handleParticle
-    }), null, 16, ["map", "map-projection", "wind", "current", "before-layer", "margin-bottom", "show-wind-feather", "show-wind-particle", "toggle-partice-version", "toggle-version", "weather-layers", "onParticle"]),
+    }), null, 16, ["map", "map-projection", "wind", "current", "before-layer", "margin-bottom", "show-wind-feather", "show-wind-particle", "toggleParticeVersion", "toggle-version", "weather-layers", "onParticle"]),
     k(L, S({
       viewport: i.viewport,
       factor: (Ee = i.weatherLayers) == null ? void 0 : Ee["wind-particle"],
@@ -8827,12 +8838,12 @@ function Qo(t, e, a, r, i, o) {
       "before-layer": a.beforeLayer,
       "toggle-version": a.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(Y, S({
+    k(K, S({
       map: a.map,
       zone: (Te = i.otherLayers) == null ? void 0 : Te["war-zones"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    k(K, S({
+    k(X, S({
       map: a.map,
       area: (Qe = i.otherLayers) == null ? void 0 : Qe["gmdss-areas"],
       "before-layer": a.beforeLayer