@idmwx/idmui-gl3 4.5.1 → 4.5.3

package/dist/index.js

@@ -1,24 +1,24 @@
 var Ve = Object.defineProperty;
 var Ue = (a, e, t) => e in a ? Ve(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
 var R = (a, e, t) => (Ue(a, typeof e != "symbol" ? e + "" : e, t), t);
-import { resolveComponent as P, openBlock as _, createElementBlock as C, createElementVNode as n, normalizeStyle as U, createVNode as k, withCtx as X, normalizeClass as W, Fragment as _e, renderList as Se, toDisplayString as S, createCommentVNode as B, createTextVNode as Ie, withDirectives as Pe, createStaticVNode as Ze, vShow as ze, mergeProps as I } from "vue";
-import * as x from "@turf/turf";
-import He from "@mapbox/sphericalmercator";
-import Z from "moment";
+import { resolveComponent as P, openBlock as L, createElementBlock as x, createElementVNode as n, normalizeStyle as Z, createVNode as k, withCtx as H, normalizeClass as A, Fragment as Ie, renderList as We, toDisplayString as S, createCommentVNode as M, createTextVNode as Ae, withDirectives as De, createStaticVNode as Ze, vShow as Me, defineComponent as He, mergeProps as E } from "vue";
+import * as C from "@turf/turf";
+import Ge from "@mapbox/sphericalmercator";
+import G from "moment";
 import ee from "mapbox-gl";
-import { TropicalHelper as Oe, LngLatHelper as D, LaneHelper as K } from "@idm-plugin/geo";
+import { TropicalHelper as Be, LngLatHelper as D, LaneHelper as K } from "@idm-plugin/geo";
 import oe from "axios";
-var Ge = Object.defineProperty, Je = (a, e, t) => e in a ? Ge(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t, ge = (a, e, t) => (Je(a, typeof e != "symbol" ? e + "" : e, t), t);
-class Ce {
+var Je = Object.defineProperty, Xe = (a, e, t) => e in a ? Je(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t, ge = (a, e, t) => (Xe(a, typeof e != "symbol" ? e + "" : e, t), t);
+class Ee {
 }
-ge(Ce, "LEVEL", {
+ge(Ee, "LEVEL", {
   Basic: 1,
   Prime: 2,
   Supper: 1024
 });
-class ke {
+class Re {
 }
-ge(ke, "WEATHER_LAYERS", [
+ge(Re, "WEATHER_LAYERS", [
   {
     weight: 1,
     name: "Wind",
@@ -243,7 +243,7 @@ ge(ke, "WEATHER_LAYERS", [
     type: "jpg"
   }
 ]), // 其它图层
-ge(ke, "OTHER_LAYERS", [
+ge(Re, "OTHER_LAYERS", [
   {
     weight: 1,
     name: "War Zones",
@@ -355,9 +355,9 @@ ge(ke, "OTHER_LAYERS", [
     type: "origin"
   }
 ]);
-class Ee {
+class je {
 }
-ge(Ee, "WEATHER_TAG", [
+ge(je, "WEATHER_TAG", [
   {
     weight: 4,
     // 2^2
@@ -383,7 +383,7 @@ ge(Ee, "WEATHER_TAG", [
     positive: !0
   }
 ]), // 航行相关标签, 2^11 <= weight <= 2^20
-ge(Ee, "SAILING_TAG", [
+ge(je, "SAILING_TAG", [
   {
     weight: 2048,
     // 2^11
@@ -425,7 +425,7 @@ ge(Ee, "SAILING_TAG", [
     positive: !0
   }
 ]), // 其他标签, 2^21 <= weight <= 2^31
-ge(Ee, "OTHER_TAG", [
+ge(je, "OTHER_TAG", [
   {
     weight: 2097152,
     // 2^21
@@ -480,7 +480,7 @@ const T = (a, e) => {
   for (const [r, i] of e)
     t[r] = i;
   return t;
-}, Xe = {
+}, Ye = {
   name: "IdmGlLayer",
   props: {
     map: {
@@ -521,23 +521,25 @@ const T = (a, e) => {
       default: void 0
     }
   },
-  emits: ["weather", "other", "coordinate", "measure", "point", "3d", "layerToggle", "handleToggleVersion"],
+  emits: ["weather", "other", "toggleWindParticle", "toggleWindFeather", "toggleCurrentParticle", "toggleCurrentIsoband", "coordinate", "measure", "point", "3d", "layerToggle", "handleToggleVersion"],
   data() {
     return {
       autoActive: !0,
       layers: {
         weather: [
-          ...ke.WEATHER_LAYERS.filter((a) => !["swell-height", "swell-direction", "current-direction", "current-speed"].includes(a.key))
+          ...Re.WEATHER_LAYERS.filter((a) => !["swell-height", "swell-direction", "current-direction", "current-speed"].includes(a.key))
         ],
-        other: [...ke.OTHER_LAYERS.filter((a) => a.key !== "world12nm" && a.enabled)]
+        other: [...Re.OTHER_LAYERS.filter((a) => a.key !== "world12nm" && a.enabled)]
       },
-      weatherLayers: [],
-      otherLayers: [],
-      weatherLayersCache: "weatherLayersCache",
+      activeWeatherLayers: [],
+      activeOtherLayers: [],
       autoActiveCache: "autoActiveCache",
-      otherLayersCache: "otherLayersCache",
+      activeWeatherLayersCache: "activeWeatherLayersCache",
+      activeOtherLayersCache: "activeOtherLayersCache",
       collectedLayerCache: "collectedLayerCache",
       sourceCache: "defaultSourceCache",
+      windFeatherCache: "windFeatherCache",
+      currentIsobandCache: "currentIsobandCache",
       showCoord: !1,
       showMeasure: !1,
       showPoint: !1,
@@ -577,26 +579,6 @@ const T = (a, e) => {
       handler(a, e) {
         a && e && a !== e && this.handleConfirm();
       }
-    },
-    showWindFeather: {
-      handler() {
-        !this.showWindFeather && !this.showWindParticle && this.weatherLayers.some((a) => a.key === "wind") && (console.log(888999), this.handleWeatherLayerPick({ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !0 }));
-      }
-    },
-    showWindParticle: {
-      handler() {
-        !this.showWindFeather && !this.showWindParticle && this.weatherLayers.some((a) => a.key === "wind") && (console.log(777999), this.handleWeatherLayerPick({ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !0 }));
-      }
-    },
-    showCurrentIsoband: {
-      handler() {
-        !this.showCurrentIsoband && !this.showCurrentParticle && this.weatherLayers.some((a) => a.key === "current") && (console.log(666999), this.handleWeatherLayerPick({ weight: 96, name: "Current", key: "current", vendor: "cmems", merge: !0, h5: !0, enabled: !0 }));
-      }
-    },
-    showCurrentParticle: {
-      handler() {
-        !this.showCurrentIsoband && !this.showCurrentParticle && this.weatherLayers.some((a) => a.key === "current") && (console.log(555999), this.handleWeatherLayerPick({ weight: 96, name: "Current", key: "current", vendor: "cmems", merge: !0, h5: !0, enabled: !0 }));
-      }
     }
   },
   mounted() {
@@ -605,38 +587,66 @@ const T = (a, e) => {
   methods: {
     fetchCache() {
       const a = localStorage.getItem(this.version.k);
-      this.version.v !== a && (localStorage.removeItem(this.weatherLayersCache), localStorage.removeItem(this.collectedLayerCache), localStorage.removeItem(this.otherLayersCache), localStorage.removeItem("windFeatherCache"), localStorage.removeItem("currentJsonCache"), localStorage.setItem(this.version.k, this.version.v));
+      this.version.v !== a && (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));
       let e = localStorage.getItem(this.autoActiveCache);
       this.autoActive = e !== "false", e = localStorage.getItem(this.collectedLayerCache);
       let t = JSON.parse(
-        e || '[{"weight": 16, "name": "Sig Waves", "key": "sig-wave-height", "collected": true},{"weight": 1, "name": "Wind", "key": "wind", "h5": true, "collected": true},{"weight": 96, "name": "Current", "key": "current", "collected": true},{"weight": 256, "name": "Tropicals", "key": "tropicals", "collected": true},{"weight": 4096, "name": "Pressure", "h5": true, "key": "prmsl", "collected": true},{"weight": 6, "name": "Swell", "key": "swell", "collected": true}]'
+        e || '[{"weight": 16, "name": "Sig Waves", "key": "sig-wave-height", "collected": true},{"weight": 1, "name": "Wind", "key": "wind", "h5": true, "collected": true},{"weight": 96, "name": "Current", "key": "current", "collected": true},{"weight": 6, "name": "Swell", "key": "swell", "collected": true}]'
       );
       this.layers.weather.forEach((r) => {
         r.collected = !!t.some((i) => i.key === r.key && i.collected);
-      }), e = localStorage.getItem(this.weatherLayersCache), t = JSON.parse(
-        e || '[{"weight":1,"name":"Wind","key":"wind","enabled":true,"type":"json","particle":true},{"weight":4096,"name":"Pressure","key":"prmsl","enabled":true,"type":"json"},{"weight":256,"name":"Tropicals","key":"tropicals","enabled":true,"type":"json"}]'
-      ), this.autoActive && (this.weatherLayers = [...t]), e = localStorage.getItem(this.otherLayersCache), t = JSON.parse(e || '[{"weight":4,"name":"ECA Zones","key":"eca-zones","enabled":true,"type":"json"}]'), this.otherLayers = t, e = localStorage.getItem(this.sourceCache), this.source = e || "GFS";
+      }), e = localStorage.getItem(this.activeWeatherLayersCache), e || localStorage.setItem(this.activeWeatherLayersCache, JSON.stringify([{ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !0 }, { 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), t = JSON.parse(e), this.autoActive && (this.activeWeatherLayers = [...t]), t.some((r) => r.key === "wind" && r.particle) && this.$emit("toggleWindParticle", !0), localStorage.getItem(this.windFeatherCache) === "true" && this.$emit("toggleWindFeather", !0), t.some((r) => r.key === "current" && r.particle) && this.$emit("toggleCurrentParticle", !0), localStorage.getItem(this.currentIsobandCache) === "true" && this.$emit("toggleCurrentIsoband", !0), e = localStorage.getItem(this.activeOtherLayersCache), t = JSON.parse(e || '[{"weight":4,"name":"ECA Zones","key":"eca-zones","enabled":true,"type":"json"}]'), this.activeOtherLayers = t, e = localStorage.getItem(this.sourceCache), this.source = e || "GFS";
     },
     handleConfirm() {
-      this.$emit("weather", this.weatherLayers, this.source), this.$emit("other", this.otherLayers), localStorage.setItem(this.autoActiveCache, this.autoActive), localStorage.setItem(this.sourceCache, this.source);
+      this.$emit("weather", this.activeWeatherLayers, this.source), this.$emit("other", this.activeOtherLayers), localStorage.setItem(this.autoActiveCache, this.autoActive), localStorage.setItem(this.sourceCache, this.source);
     },
     handleWeatherLayerPick(a) {
-      if (this.rampColorLayers.includes(a.key) && this.mapProjection === "globe" || !this.autoActive)
+      if (this.activeWeatherLayers = JSON.parse(localStorage.getItem(this.activeWeatherLayersCache)), this.rampColorLayers.includes(a.key) && this.mapProjection === "globe" || !this.autoActive)
+        return !1;
+      (a.key === "wind" && !this.showWindFeather || a.key === "current" && !this.showCurrentIsoband) && (a.particle = !0), this.activeWeatherLayers.some((e) => e.key === a.key) ? this.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.key !== a.key) : this.activeWeatherLayers.length < 6 && a.enabled && (["png", "jpg"].includes(a.type) ? (this.activeWeatherLayers.forEach((e) => {
+        (e.key === "wind" && this.showWindFeather || a.key === "current" && this.showCurrentIsoband) && (e.particle = !1);
+      }), this.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.type === "json" && !(["wind", "current"].includes(e.key) && e.particle))) : a.key === "wind" ? (this.activeWeatherLayers.forEach((e) => {
+        e.key === "current" && this.showCurrentIsoband && (e.particle = !1);
+      }), this.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.type === "json" && !(["wind", "current"].includes(e.key) && e.particle))) : a.key === "current" && (this.activeWeatherLayers.forEach((e) => {
+        e.key === "wind" && this.showWindFeather && (e.particle = !1);
+      }), this.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.type === "json" && !(["wind", "current"].includes(e.key) && e.particle))), this.activeWeatherLayers.push(a)), this.$emit("weather", this.activeWeatherLayers, this.source), localStorage.setItem(this.activeWeatherLayersCache, JSON.stringify(this.activeWeatherLayers));
+    },
+    handleActiveWeatherLayerPick(a) {
+      if (this.rampColorLayers.includes(a.key) && this.mapProjection === "globe")
         return !1;
-      console.log(999, a.key, a), (a.key === "wind" && !this.showWindFeather || a.key === "wind" && !this.showCurrentIsoband) && (a.particle = !0), this.weatherLayers.some((e) => e.key === a.key) ? this.weatherLayers = this.weatherLayers.filter((e) => e.key !== a.key) : this.weatherLayers.length < 12 && a.enabled && (["png", "jpg"].includes(a.type) && (this.weatherLayers = this.weatherLayers.filter((e) => e.type === "json")), this.weatherLayers.push(a)), this.$emit("weather", this.weatherLayers, this.source), localStorage.setItem(this.weatherLayersCache, JSON.stringify(this.weatherLayers)), localStorage.setItem(this.sourceCache, this.source);
+      if (this.activeWeatherLayers.some((e) => e.key === a.key))
+        this.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.key !== a.key);
+      else if (a.enabled) {
+        this.activeWeatherLayers.push(a);
+        for (const e of this.activeWeatherLayers)
+          a.weight > e.weight && a.weight & e.weight && this.activeWeatherLayers.push(e);
+      }
+      this.handleWeatherLayerPick(a);
     },
     handleWeatherLayerCollect(a) {
       var e;
       !a.collected && ((e = this.layers.weather.filter((t) => t.collected)) == null ? void 0 : e.length) >= 6 && (this.layers.weather.filter((t) => t.collected)[0].collected = !1), a.collected = !a.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((a) => a.key !== "current"), localStorage.setItem(this.activeWeatherLayersCache, JSON.stringify(this.activeWeatherLayers)))), this.$emit("toggleWindParticle", !this.showWindParticle));
+    },
+    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);
+    },
+    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.showWindFeather || (this.activeWeatherLayers = this.activeWeatherLayers.filter((a) => a.key !== "wind"), localStorage.setItem(this.activeWeatherLayersCache, JSON.stringify(this.activeWeatherLayers)))), this.$emit("toggleCurrentParticle", !this.showCurrentParticle));
+    },
+    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);
+    },
     handleOtherLayerPick(a) {
-      this.otherLayers.some((e) => e.key === a.key) ? this.otherLayers = this.otherLayers.filter((e) => e.key !== a.key) : a.enabled && this.otherLayers.push(a), localStorage.setItem(this.otherLayersCache, JSON.stringify(this.otherLayers)), this.$emit("other", this.otherLayers);
+      this.activeOtherLayers.some((e) => e.key === a.key) ? this.activeOtherLayers = this.activeOtherLayers.filter((e) => e.key !== a.key) : a.enabled && this.activeOtherLayers.push(a), localStorage.setItem(this.activeOtherLayersCache, JSON.stringify(this.activeOtherLayers)), this.$emit("other", this.activeOtherLayers);
     },
     handleMenuToggle() {
       this.$emit("layerToggle", !this.layerToggle);
     },
     toggleAutoActive() {
-      this.autoActive = !this.autoActive, localStorage.setItem(this.autoActiveCache, this.autoActive), this.autoActive ? this.$emit("weather", this.weatherLayers, this.source) : this.$emit("weather", [], this.source);
+      this.autoActive = !this.autoActive, localStorage.setItem(this.autoActiveCache, this.autoActive), this.autoActive ? this.$emit("weather", this.activeWeatherLayers, this.source) : this.$emit("weather", [], this.source);
     },
     handleCoordToggle() {
       this.showCoord = !this.showCoord, this.$emit("coordinate", this.showCoord);
@@ -651,32 +661,62 @@ const T = (a, e) => {
       this.show3d = !this.show3d, this.$emit("3d", this.show3d);
     }
   }
-}, Ye = { class: "idm-gl3-layer" }, qe = { class: "bar-item layer-bars" }, Qe = { class: "bar-item tool-bars" }, Ke = { style: { display: "flex", "align-items": "center", "flex-wrap": "wrap" } }, et = ["onClick"], tt = { class: "header-box flex-between" }, at = { class: "weather-layers card-bg" }, it = { class: "layers-body" }, rt = ["onClick"], ot = ["onClick"], st = {
+}, qe = { class: "idm-gl3-layer" }, Qe = { class: "bar-item layer-bars" }, Ke = { class: "bar-item tool-bars" }, et = { class: "flex-between" }, tt = {
+  key: 0,
+  class: "iconfont active"
+}, at = {
+  key: 1,
+  class: "iconfont"
+}, it = ["onClick"], rt = ["onClick"], ot = {
   key: 0,
-  class: "iconfont bookmark active"
-}, nt = {
+  class: "flex-start"
+}, st = {
   key: 1,
-  class: "iconfont bookmark inactive"
-}, lt = { class: "other-layers card-bg" }, ct = { class: "layers-body" }, ht = ["onClick"], dt = { class: "flex-start" }, pt = { class: "source-layers card-bg" }, mt = { class: "layers-body" };
-function ut(a, e, t, r, i, o) {
-  const s = P("ElTooltip"), l = P("ElRadio"), h = P("ElRadioGroup"), d = P("ElScrollbar");
-  return _(), C("div", Ye, [
+  class: "flex-start"
+}, nt = { class: "header-box flex-between" }, lt = { class: "weather-layers card-bg" }, ct = { class: "layers-title flex-between" }, ht = {
+  key: 0,
+  class: "iconfont active"
+}, dt = {
+  key: 1,
+  class: "iconfont"
+}, pt = { class: "layers-body" }, mt = { class: "flex-start" }, ut = ["onClick"], yt = ["onClick"], ft = {
+  key: 0,
+  class: "flex-start"
+}, gt = {
+  key: 1,
+  class: "flex-start"
+}, bt = ["onClick"], vt = {
+  key: 0,
+  class: "iconfont bookmark-icon active"
+}, wt = {
+  key: 1,
+  class: "iconfont bookmark-icon inactive"
+}, Lt = { class: "other-layers card-bg" }, xt = { class: "layers-body" }, _t = ["onClick"], Ct = { class: "flex-start" }, kt = { class: "switch flex-center" }, St = {
+  key: 0,
+  class: "iconfont active"
+}, Pt = {
+  key: 1,
+  class: "iconfont"
+}, zt = { class: "source-layers card-bg" }, Tt = { class: "layers-body" };
+function It(a, e, t, r, i, o) {
+  const s = P("ElTooltip"), l = P("ElRadio"), h = P("ElRadioGroup"), p = P("ElScrollbar");
+  return L(), x("div", qe, [
     n("div", {
       class: "menu-bar-box",
-      style: U({ top: t.top + 10 + "px", right: i.right + "px" })
+      style: Z({ top: t.top + 10 + "px", right: i.right + "px" })
     }, [
-      n("div", qe, [
+      n("div", Qe, [
         k(s, {
           placement: "left",
           effect: "light",
           content: "Menu",
           "show-after": 1e3
         }, {
-          default: X(() => [
+          default: H(() => [
             n("div", {
-              class: W(t.layerToggle ? "menu-icon active" : "menu-icon"),
+              class: A(t.layerToggle ? "menu-icon active" : "menu-icon"),
               onClick: e[0] || (e[0] = (...c) => o.handleMenuToggle && o.handleMenuToggle(...c))
-            }, e[9] || (e[9] = [
+            }, e[17] || (e[17] = [
               n("span", { class: "iconfont" }, "", -1)
             ]), 2)
           ]),
@@ -686,20 +726,20 @@ function ut(a, e, t, r, i, o) {
     ], 4),
     n("div", {
       class: "menu-bar-box",
-      style: U({ top: t.top + 160 + "px", right: i.right + "px" })
+      style: Z({ top: t.top + 160 + "px", right: i.right + "px" })
     }, [
-      n("div", Qe, [
+      n("div", Ke, [
         k(s, {
           placement: "left",
           effect: "light",
           content: "Measure",
           "show-after": 1e3
         }, {
-          default: X(() => [
+          default: H(() => [
             n("div", {
-              class: W(i.showMeasure ? "menu-icon active" : "menu-icon"),
+              class: A(i.showMeasure ? "menu-icon active" : "menu-icon"),
               onClick: e[1] || (e[1] = (...c) => o.handleMeasureToggle && o.handleMeasureToggle(...c))
-            }, e[10] || (e[10] = [
+            }, e[18] || (e[18] = [
               n("span", { class: "iconfont" }, "", -1)
             ]), 2)
           ]),
@@ -711,11 +751,11 @@ function ut(a, e, t, r, i, o) {
           content: "Point Meteo",
           "show-after": 1e3
         }, {
-          default: X(() => [
+          default: H(() => [
             n("div", {
-              class: W(i.showPoint ? "menu-icon active" : "menu-icon"),
+              class: A(i.showPoint ? "menu-icon active" : "menu-icon"),
               onClick: e[2] || (e[2] = (...c) => o.handlePointToggle && o.handlePointToggle(...c))
-            }, e[11] || (e[11] = [
+            }, e[19] || (e[19] = [
               n("span", { class: "iconfont" }, "", -1)
             ]), 2)
           ]),
@@ -727,11 +767,11 @@ function ut(a, e, t, r, i, o) {
           content: "Grid",
           "show-after": 1e3
         }, {
-          default: X(() => [
+          default: H(() => [
             n("div", {
-              class: W(i.showCoord ? "menu-icon active" : "menu-icon"),
+              class: A(i.showCoord ? "menu-icon active" : "menu-icon"),
               onClick: e[3] || (e[3] = (...c) => o.handleCoordToggle && o.handleCoordToggle(...c))
-            }, e[12] || (e[12] = [
+            }, e[20] || (e[20] = [
               n("span", { class: "iconfont" }, "", -1)
             ]), 2)
           ]),
@@ -743,11 +783,11 @@ function ut(a, e, t, r, i, o) {
           content: "3D",
           "show-after": 1e3
         }, {
-          default: X(() => [
+          default: H(() => [
             n("div", {
-              class: W(i.show3d ? "menu-icon active" : "menu-icon"),
+              class: A(i.show3d ? "menu-icon active" : "menu-icon"),
               onClick: e[4] || (e[4] = (...c) => o.handle3DToggle && o.handle3DToggle(...c))
-            }, e[13] || (e[13] = [
+            }, e[21] || (e[21] = [
               n("span", { class: "iconfont" }, "", -1)
             ]), 2)
           ]),
@@ -755,127 +795,174 @@ function ut(a, e, t, r, i, o) {
         })
       ])
     ], 4),
-    o.hasCollectedLayers ? (_(), C("div", {
+    o.hasCollectedLayers ? (L(), x("div", {
       key: 0,
-      class: W(["active-layers flex-between", i.autoActive ? "active" : ""]),
-      style: U({ right: i.right + "px", bottom: "100px" })
+      class: "active-layers",
+      style: Z({ right: i.right + "px", bottom: "100px" })
     }, [
-      n("div", Ke, [
-        (_(!0), C(_e, null, Se(i.layers.weather.filter((c) => c.collected), (c) => (_(), C("div", {
-          key: c.key,
-          class: W(o.computeLayerClass(c, i.weatherLayers)),
-          onClick: (p) => o.handleWeatherLayerPick(c)
+      n("div", et, [
+        e[22] || (e[22] = n("div", { style: { "margin-left": "5px" } }, "My Favorites", -1)),
+        n("div", {
+          class: "switch flex-center",
+          style: { "font-size": "28px", "margin-right": "0" },
+          onClick: e[5] || (e[5] = (...c) => o.toggleAutoActive && o.toggleAutoActive(...c))
         }, [
-          e[14] || (e[14] = n("div", { class: "checkbox" }, null, -1)),
-          n("span", null, S(c.name), 1)
-        ], 10, et))), 128))
+          i.autoActive ? (L(), x("i", tt, "")) : (L(), x("i", at, ""))
+        ])
       ]),
-      n("div", {
-        class: "switch flex-center",
-        style: { "margin-top": "4px", "align-self": "flex-start", "font-size": "28px" },
-        onClick: e[5] || (e[5] = (...c) => o.toggleAutoActive && o.toggleAutoActive(...c))
-      }, e[15] || (e[15] = [
-        n("i", { class: "iconfont open" }, "", -1),
-        n("i", { class: "iconfont close" }, "", -1)
-      ]))
-    ], 6)) : B("", !0),
+      (L(!0), x(Ie, null, We(i.layers.weather.filter((c) => c.collected), (c) => (L(), x("div", {
+        key: c.key,
+        class: A(o.computeLayerClass(c, i.activeWeatherLayers))
+      }, [
+        n("div", {
+          class: "checkbox",
+          onClick: (d) => o.handleWeatherLayerPick(c)
+        }, null, 8, it),
+        n("span", {
+          class: "name",
+          onClick: (d) => o.handleWeatherLayerPick(c)
+        }, S(c.name), 9, rt),
+        c.key === "wind" && i.activeWeatherLayers.some((d) => d.key === c.key) ? (L(), x("div", ot, [
+          n("i", {
+            class: A(["iconfont sub-layer-icon", t.showWindParticle ? "active" : ""]),
+            onClick: e[6] || (e[6] = (d) => o.handleToggleWindParticle())
+          }, "", 2),
+          n("i", {
+            class: A(["iconfont sub-layer-icon", t.showWindFeather ? "active" : ""]),
+            onClick: e[7] || (e[7] = (d) => o.handleToggleWindFeather())
+          }, "", 2)
+        ])) : M("", !0),
+        c.key === "current" && i.activeWeatherLayers.some((d) => d.key === c.key) ? (L(), x("div", st, [
+          n("i", {
+            class: A(["iconfont sub-layer-icon", t.showCurrentParticle ? "active" : ""]),
+            onClick: e[8] || (e[8] = (d) => o.handleToggleCurrentParticle())
+          }, "", 2),
+          n("i", {
+            class: A(["iconfont sub-layer-icon", t.showCurrentIsoband ? "active" : ""]),
+            onClick: e[9] || (e[9] = (d) => o.handleToggleCurrentIsoband())
+          }, "", 2)
+        ])) : M("", !0)
+      ], 2))), 128))
+    ], 4)) : M("", !0),
     n("div", {
       class: "available-layers flex-center",
-      style: U({ top: t.top + "px", right: t.layerToggle ? "0px" : "-240px" })
+      style: Z({ top: t.top + "px", right: t.layerToggle ? "0px" : "-240px" })
     }, [
       n("div", {
-        class: W(["list-box", t.layerToggle ? "right-bar" : ""])
+        class: A(["list-box", t.layerToggle ? "right-bar" : ""])
       }, [
-        n("div", tt, [
-          e[16] || (e[16] = n("div", null, "Layers", -1)),
+        n("div", nt, [
+          e[23] || (e[23] = n("div", null, "Layers", -1)),
           n("div", {
             class: "iconfont close-btn",
-            onClick: e[6] || (e[6] = (...c) => o.handleMenuToggle && o.handleMenuToggle(...c))
+            onClick: e[10] || (e[10] = (...c) => o.handleMenuToggle && o.handleMenuToggle(...c))
           }, "")
         ]),
-        k(d, { style: { flex: "1" } }, {
-          default: X(() => [
-            n("div", at, [
-              n("div", {
-                class: W(["layers-title flex-between", i.autoActive ? "active" : ""])
-              }, [
-                e[18] || (e[18] = n("div", null, "Weather Layers", -1)),
+        k(p, { style: { flex: "1" } }, {
+          default: H(() => [
+            n("div", lt, [
+              n("div", ct, [
+                e[24] || (e[24] = n("div", null, "Weather Layers", -1)),
                 n("div", {
                   class: "switch flex-center",
                   style: { "margin-right": "0" },
-                  onClick: e[7] || (e[7] = (...c) => o.toggleAutoActive && o.toggleAutoActive(...c))
-                }, e[17] || (e[17] = [
-                  n("i", { class: "iconfont open" }, "", -1),
-                  n("i", { class: "iconfont close" }, "", -1)
-                ]))
-              ], 2),
-              n("div", it, [
-                (_(!0), C(_e, null, Se(i.layers.weather, (c) => (_(), C(_e, {
+                  onClick: e[11] || (e[11] = (...c) => o.toggleAutoActive && o.toggleAutoActive(...c))
+                }, [
+                  i.autoActive ? (L(), x("i", ht, "")) : (L(), x("i", dt, ""))
+                ])
+              ]),
+              n("div", pt, [
+                (L(!0), x(Ie, null, We(i.layers.weather, (c) => (L(), x(Ie, {
                   key: c.key
                 }, [
-                  c.hide ? B("", !0) : (_(), C("div", {
+                  c.hide ? M("", !0) : (L(), x("div", {
                     key: 0,
-                    class: W(o.computeLayerClass(c, i.weatherLayers))
+                    class: A(o.computeLayerClass(c, i.activeWeatherLayers))
                   }, [
+                    n("div", mt, [
+                      n("div", {
+                        class: "checkbox",
+                        onClick: (d) => o.handleWeatherLayerPick(c)
+                      }, null, 8, ut),
+                      n("span", {
+                        class: "name",
+                        onClick: (d) => o.handleWeatherLayerPick(c)
+                      }, S(c.name), 9, yt),
+                      c.key === "wind" && i.activeWeatherLayers.some((d) => d.key === c.key) ? (L(), x("div", ft, [
+                        n("i", {
+                          class: A(["iconfont sub-layer-icon", t.showWindParticle ? "active" : ""]),
+                          onClick: e[12] || (e[12] = (d) => o.handleToggleWindParticle())
+                        }, "", 2),
+                        n("i", {
+                          class: A(["iconfont sub-layer-icon", t.showWindFeather ? "active" : ""]),
+                          onClick: e[13] || (e[13] = (d) => o.handleToggleWindFeather())
+                        }, "", 2)
+                      ])) : M("", !0),
+                      c.key === "current" && i.activeWeatherLayers.some((d) => d.key === c.key) ? (L(), x("div", gt, [
+                        n("i", {
+                          class: A(["iconfont sub-layer-icon", t.showCurrentParticle ? "active" : ""]),
+                          onClick: e[14] || (e[14] = (d) => o.handleToggleCurrentParticle())
+                        }, "", 2),
+                        n("i", {
+                          class: A(["iconfont sub-layer-icon", t.showCurrentIsoband ? "active" : ""]),
+                          onClick: e[15] || (e[15] = (d) => o.handleToggleCurrentIsoband())
+                        }, "", 2)
+                      ])) : M("", !0)
+                    ]),
                     n("div", {
-                      class: "flex-start",
-                      onClick: (p) => o.handleWeatherLayerPick(c)
-                    }, [
-                      e[19] || (e[19] = n("div", { class: "checkbox" }, null, -1)),
-                      n("span", null, S(c.name), 1)
-                    ], 8, rt),
-                    n("div", {
-                      onClick: (p) => o.handleWeatherLayerCollect(c)
+                      onClick: (d) => o.handleWeatherLayerCollect(c)
                     }, [
-                      c.collected ? (_(), C("i", st, "")) : (_(), C("i", nt, ""))
-                    ], 8, ot)
+                      c.collected ? (L(), x("i", vt, "")) : (L(), x("i", wt, ""))
+                    ], 8, bt)
                   ], 2))
                 ], 64))), 128)),
-                e[20] || (e[20] = n("div", { class: "tip flex-start" }, [
+                e[25] || (e[25] = n("div", { class: "tip flex-start" }, [
                   n("i", {
-                    class: "iconfont bookmark",
+                    class: "iconfont bookmark-icon",
                     style: { "align-self": "flex-start", padding: "5px 5px 0 0" }
                   }, ""),
-                  n("div", null, "Bookmark your favorite layer to homepage(Max 6)")
+                  n("div", null, "You can add the layers to your favorites. (Max 6)")
                 ], -1))
               ])
             ]),
-            n("div", lt, [
-              e[22] || (e[22] = n("div", { class: "layers-title" }, "Other Layers", -1)),
-              n("div", ct, [
-                (_(!0), C(_e, null, Se(i.layers.other, (c) => (_(), C("div", {
-                  key: c.key,
-                  class: W(o.computeLayerClass(c, i.otherLayers)),
-                  onClick: (p) => o.handleOtherLayerPick(c)
-                }, [
-                  n("div", dt, [
-                    e[21] || (e[21] = n("div", { class: "switch flex-center" }, [
-                      n("i", { class: "iconfont open" }, ""),
-                      n("i", { class: "iconfont close" }, "")
-                    ], -1)),
-                    n("span", null, S(c.name), 1)
-                  ])
-                ], 10, ht))), 128))
+            n("div", Lt, [
+              e[26] || (e[26] = n("div", { class: "layers-title" }, "Other Layers", -1)),
+              n("div", xt, [
+                (L(!0), x(Ie, null, We(i.layers.other, (c) => {
+                  var d;
+                  return L(), x("div", {
+                    key: c.key,
+                    class: A(["layer flex-between", o.computeLayerClass(c, i.activeOtherLayers)]),
+                    onClick: (f) => o.handleOtherLayerPick(c)
+                  }, [
+                    n("div", Ct, [
+                      n("div", kt, [
+                        (d = o.computeLayerClass(c, i.activeOtherLayers)) != null && d.includes("active") ? (L(), x("i", St, "")) : (L(), x("i", Pt, ""))
+                      ]),
+                      n("span", null, S(c.name), 1)
+                    ])
+                  ], 10, _t);
+                }), 128))
               ])
             ]),
-            n("div", pt, [
-              e[25] || (e[25] = n("span", { class: "layers-title" }, "Forecast Model", -1)),
-              n("div", mt, [
+            n("div", zt, [
+              e[29] || (e[29] = n("span", { class: "layers-title" }, "Forecast Model", -1)),
+              n("div", Tt, [
                 k(h, {
                   modelValue: i.source,
-                  "onUpdate:modelValue": e[8] || (e[8] = (c) => i.source = c),
+                  "onUpdate:modelValue": e[16] || (e[16] = (c) => i.source = c),
                   class: "layer-radio flex-col-center-start"
                 }, {
-                  default: X(() => [
+                  default: H(() => [
                     k(l, { value: "GFS" }, {
-                      default: X(() => e[23] || (e[23] = [
-                        Ie("GFS")
+                      default: H(() => e[27] || (e[27] = [
+                        Ae("GFS")
                       ])),
                       _: 1
                     }),
                     k(l, { value: "CMEMS" }, {
-                      default: X(() => e[24] || (e[24] = [
-                        Ie("CMEMS")
+                      default: H(() => e[28] || (e[28] = [
+                        Ae("CMEMS")
                       ])),
                       _: 1
                     })
@@ -891,8 +978,8 @@ function ut(a, e, t, r, i, o) {
     ], 4)
   ]);
 }
-const yt = /* @__PURE__ */ T(Xe, [["render", ut]]);
-const ft = {
+const Et = /* @__PURE__ */ T(Ye, [["render", It]]);
+const Rt = {
   name: "IdmWindBarb",
   props: {
     map: {
@@ -910,7 +997,11 @@ const ft = {
     mapProjection: {
       type: String
     },
-    showParticle: {
+    showWindFeather: {
+      type: Boolean,
+      default: !1
+    },
+    showWindParticle: {
       type: Boolean,
       default: !1
     },
@@ -923,9 +1014,7 @@ const ft = {
     return {
       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: x.featureCollection([]),
-      showFeather: localStorage.getItem("windFeatherCache") === "true" || !1,
-      windFeatherCache: "windFeatherCache",
+      empty: C.featureCollection([]),
       right: 10,
       bottom: 125,
       windBarbLoaded: !1
@@ -935,32 +1024,35 @@ const ft = {
     "wind.version": {
       handler() {
         var a;
-        (a = this.wind) != null && a.active && this.showFeather ? this.handleRender() : this.handleClear();
+        (a = this.wind) != null && a.active && this.showWindFeather ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
-    showParticle: {
-      handler() {
-      },
-      immediate: !0
-    },
-    showFeather: {
+    showWindParticle: {
       handler() {
-        localStorage.setItem(this.windFeatherCache, this.showFeather), this.handleToggle(), this.$emit("showWindFeather", this.showFeather);
-      },
-      immediate: !0
+        this.handleParticle();
+      }
+      // immediate: true,
     },
-    toggleVersion: {
+    showWindFeather: {
       handler() {
-        var a, e, t, r;
-        this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10, this.bottom = (e = this.current) != null && e.active ? (((t = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : t.clientHeight) || 0) + 148 : (((r = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : r.clientHeight) || 0) + 110;
-      },
-      immediate: !0
+        this.handleToggle();
+      }
+      // immediate: true,
     }
+    // toggleVersion: {
+    //   handler() {
+    //     this.right = (document.getElementsByClassName('right-bar')[0]?.clientWidth || 0) + 10
+    //     this.bottom = this.current?.active
+    //       ? (document.getElementsByClassName('active-layers')[0]?.clientHeight || 0) + 148
+    //       : (document.getElementsByClassName('active-layers')[0]?.clientHeight || 0) + 110
+    //   },
+    //   immediate: true,
+    // },
   },
   methods: {
     handleParticle() {
-      this.$emit("particle", { particle: !this.showParticle, key: "wind", weight: 1 });
+      this.$emit("particle", { particle: this.showWindParticle, key: "wind", weight: 1 });
     },
     handleRender() {
       var a, e, t, r;
@@ -976,22 +1068,22 @@ const ft = {
         else {
           this.map.addSource(this.source, { type: "geojson", data: l });
           for (let h = 0; h < (this.barbs ?? []).length - 1; h++) {
-            const d = (this.barbs ?? [])[h] || 0, c = (this.barbs ?? [])[h + 1] || 0, p = d < 10 ? `00${d}kts` : d < 100 ? `0${d}kts` : `${d}kts`;
+            const p = (this.barbs ?? [])[h] || 0, c = (this.barbs ?? [])[h + 1] || 0, d = p < 10 ? `00${p}kts` : p < 100 ? `0${p}kts` : `${p}kts`;
             this.map.addLayer(
               {
-                id: p,
+                id: d,
                 type: "symbol",
                 filter: [
                   "all",
                   // @ts-ignore
-                  [">=", "spd", d],
+                  [">=", "spd", p],
                   // @ts-ignore
                   ["<", "spd", c]
                 ],
                 source: this.source,
                 layout: {
                   "symbol-placement": "point",
-                  "icon-image": p,
+                  "icon-image": d,
                   // mapbox sprite
                   "icon-size": 0.14,
                   "icon-offset": [0, -20],
@@ -1023,7 +1115,7 @@ const ft = {
       else
         for (const a of this.barbs ?? []) {
           const e = a < 10 ? `00${a}kts` : a < 100 ? `0${a}kts` : `${a}kts`;
-          this.map.getLayer(e) && this.map.setLayoutProperty(e, "visibility", this.showFeather ? "visible" : "none");
+          this.map.getLayer(e) && this.map.setLayoutProperty(e, "visibility", this.showWindFeather ? "visible" : "none");
         }
     },
     handleClear() {
@@ -1034,34 +1126,13 @@ const ft = {
       this.map.getSource(this.source) && this.map.removeSource(this.source), this.windBarbLoaded = !1;
     }
   }
-}, gt = { key: 0 };
-function bt(a, e, t, r, i, o) {
+}, Wt = { key: 0 };
+function At(a, e, t, r, i, o) {
   var s;
-  return (s = t.wind) != null && s.active ? (_(), C("div", gt, [
-    n("div", {
-      class: "flex-center wind-tool-bars",
-      style: U([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
-    }, [
-      t.mapProjection === "mercator" ? (_(), C("div", {
-        key: 0,
-        class: W(["item-bar flex-start", t.showParticle ? "active" : "inactive"]),
-        onClick: e[0] || (e[0] = (...l) => o.handleParticle && o.handleParticle(...l))
-      }, e[2] || (e[2] = [
-        n("div", { class: "checkbox" }, null, -1),
-        n("span", null, "Wind Particles", -1)
-      ]), 2)) : B("", !0),
-      n("div", {
-        class: W(["item-bar flex-start", i.showFeather ? "active" : "inactive"]),
-        onClick: e[1] || (e[1] = (l) => i.showFeather = !i.showFeather)
-      }, e[3] || (e[3] = [
-        n("div", { class: "checkbox" }, null, -1),
-        n("span", null, "Wind Feather", -1)
-      ]), 2)
-    ], 4)
-  ])) : B("", !0);
+  return (s = t.wind) != null && s.active ? (L(), x("div", Wt)) : M("", !0);
 }
-const vt = /* @__PURE__ */ T(ft, [["render", bt]]);
-class Re {
+const Dt = /* @__PURE__ */ T(Rt, [["render", At]]);
+class Ne {
   constructor(e) {
     R(this, "map");
     R(this, "mercator");
@@ -1072,7 +1143,7 @@ class Re {
     R(this, "rampColorCanvas");
     R(this, "particleCanvas");
     R(this, "ratio");
-    this.map = e, this.mercator = new He(), 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;
+    this.map = e, this.mercator = new Ge(), 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;
   }
   /**
    * 转换为[-180, 180]的经度，且包含转换次数
@@ -1106,8 +1177,8 @@ class Re {
    * @param [lb.x, lb.y, rt.x, rt.y]
    */
   getBoundPixel() {
-    const e = this.map.getBounds(), t = this.map.getZoom() + 1, r = [e._ne.lng, e._ne.lat], i = [e._sw.lng, e._sw.lat], [o, s] = this.convertNLng(r[0]), [l, h] = this.convertNLng(i[0]), [d, c] = this.mercator.px([o, r[1]], t), [p, f] = this.mercator.px([l, i[1]], t), m = Math.round(this.mercator.size * Math.pow(2, t) * (s + h));
-    return [p, f, d + m, c];
+    const e = this.map.getBounds(), t = this.map.getZoom() + 1, r = [e._ne.lng, e._ne.lat], i = [e._sw.lng, e._sw.lat], [o, s] = this.convertNLng(r[0]), [l, h] = this.convertNLng(i[0]), [p, c] = this.mercator.px([o, r[1]], t), [d, f] = this.mercator.px([l, i[1]], t), m = Math.round(this.mercator.size * Math.pow(2, t) * (s + h));
+    return [d, f, p + m, c];
   }
   /**
    * [视窗边界像素宽度]
@@ -1124,11 +1195,11 @@ class Re {
   getWorldCopy(e, t) {
     const r = 2 ** t, [i, o, s, l] = e.map((c) => ~~(c / (r * 256))), h = [];
     for (let c = l; c <= o; c++)
-      for (let p = i; p <= s; p++)
-        h.push([p, c]);
+      for (let d = i; d <= s; d++)
+        h.push([d, c]);
     return h.map((c) => {
-      const p = 2 ** t * 256;
-      return [c[0] * p, c[1] * p, p];
+      const d = 2 ** t * 256;
+      return [c[0] * d, c[1] * d, d];
     });
   }
   resize() {
@@ -1210,13 +1281,13 @@ class fe {
     if (i) {
       const o = { program: i }, s = e.getProgramParameter(i, e.ACTIVE_ATTRIBUTES);
       for (let h = 0; h < s; h++) {
-        const d = e.getActiveAttrib(i, h);
-        o[d.name] = e.getAttribLocation(i, d.name);
+        const p = e.getActiveAttrib(i, h);
+        o[p.name] = e.getAttribLocation(i, p.name);
       }
       const l = e.getProgramParameter(i, e.ACTIVE_UNIFORMS);
       for (let h = 0; h < l; h++) {
-        const d = e.getActiveUniform(i, h);
-        o[d.name] = e.getUniformLocation(i, d.name);
+        const p = e.getActiveUniform(i, h);
+        o[p.name] = e.getUniformLocation(i, p.name);
       }
       return o;
     }
@@ -1231,8 +1302,8 @@ class fe {
     const l = s.getContext("2d");
     if (l && e) {
       const h = l == null ? void 0 : l.createLinearGradient(0, 0, 256, 0);
-      return t.forEach(([d, c]) => {
-        h.addColorStop(d, c);
+      return t.forEach(([p, c]) => {
+        h.addColorStop(p, c);
       }), l.fillStyle = h, l.fillRect(0, 0, 256, 1), {
         canvas: s,
         texture: this.createTexture(
@@ -1254,8 +1325,8 @@ class fe {
     const s = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, o, r, r), l = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, o, r, r), h = new Float32Array(i);
     for (let c = 0; c < i; c++)
       h[c] = c;
-    const d = this.createDataBuffer(e, "array", h);
-    return { resolution: r, total: i, texture0: s, texture1: l, indexBuffer: d };
+    const p = this.createDataBuffer(e, "array", h);
+    return { resolution: r, total: i, texture0: s, texture1: l, indexBuffer: p };
   }
   bind(e, t, r) {
     const i = this.createProgram(e, t, r);
@@ -1270,22 +1341,22 @@ class fe {
     return {};
   }
   bindParticle(e, t, r, i, o, s) {
-    const l = this.createProgramWrapper(e, t, r), h = this.createProgramWrapper(e, i, o), d = this.createProgramWrapper(e, i, s), c = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), p = e.createFramebuffer();
-    return { particle: l, screen: h, update: d, quadBuffer: c, frameBuffer: p };
+    const l = this.createProgramWrapper(e, t, r), h = this.createProgramWrapper(e, i, o), p = this.createProgramWrapper(e, i, s), c = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), d = e.createFramebuffer();
+    return { particle: l, screen: h, update: p, quadBuffer: c, frameBuffer: d };
   }
   draw(e, t, r, i, o, s, l) {
-    var h, d;
+    var h, p;
     if (t && r) {
-      e.resize(), t == null || t.viewport(0, 0, (h = t == null ? void 0 : t.canvas) == null ? void 0 : h.width, (d = t == null ? void 0 : t.canvas) == null ? void 0 : d.height), t.clearColor(0, 0, 0, 0), t.clear(t.COLOR_BUFFER_BIT | t.DEPTH_BUFFER_BIT);
+      e.resize(), t == null || t.viewport(0, 0, (h = t == null ? void 0 : t.canvas) == null ? void 0 : h.width, (p = t == null ? void 0 : t.canvas) == null ? void 0 : p.height), t.clearColor(0, 0, 0, 0), t.clear(t.COLOR_BUFFER_BIT | t.DEPTH_BUFFER_BIT);
       try {
-        const c = t.getUniformLocation(r, "u_resolution"), p = t.getUniformLocation(r, "u_image"), f = t.getUniformLocation(r, "u_color");
-        if (t.useProgram(r), t.uniform2f(c, t.canvas.width * e.ratio, t.canvas.height * e.ratio), t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, i), t.uniform1i(p, 0), t.activeTexture(t.TEXTURE1), t.bindTexture(t.TEXTURE_2D, o), t.uniform1i(f, 1), l != null && l.uvRange && (l != null && l.sRange)) {
+        const c = t.getUniformLocation(r, "u_resolution"), d = t.getUniformLocation(r, "u_image"), f = t.getUniformLocation(r, "u_color");
+        if (t.useProgram(r), t.uniform2f(c, t.canvas.width * e.ratio, t.canvas.height * e.ratio), t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, i), t.uniform1i(d, 0), t.activeTexture(t.TEXTURE1), t.bindTexture(t.TEXTURE_2D, o), t.uniform1i(f, 1), l != null && l.uvRange && (l != null && l.sRange)) {
           const u = t.getUniformLocation(r, "u_range_u_v"), v = t.getUniformLocation(r, "u_range_s");
           t.uniform2f(u, l.uvRange[0], l.uvRange[1]), t.uniform2f(v, l.sRange[0], l.sRange[1]);
         }
         const m = e.getBoundPixel(), b = e.map.getZoom() + 1, y = e.getWorldCopy(m, b);
         for (const u of y) {
-          const v = (u[0] - m[0]) * e.ratio, g = (u[1] - m[3]) * e.ratio, L = u[2] * e.ratio, [z, w, A, M] = [v, L + v, g, L + g], j = new Float32Array([z, A, w, A, z, M, z, M, w, A, w, M]);
+          const v = (u[0] - m[0]) * e.ratio, g = (u[1] - m[3]) * e.ratio, _ = u[2] * e.ratio, [z, w, W, O] = [v, _ + v, g, _ + g], j = new Float32Array([z, W, w, W, z, O, z, O, w, W, w, O]);
           t.bindBuffer(t.ARRAY_BUFFER, s), t.bufferData(t.ARRAY_BUFFER, j, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
         }
       } catch (c) {
@@ -1382,9 +1453,9 @@ R(N, "fragmentSchema", `
       vec4 color = texture2D(u_color, vec2(rgba.r, 0));
       gl_FragColor = color;
     }`);
-class V {
+class U {
 }
-R(V, "vertexSchema", `
+R(U, "vertexSchema", `
     precision mediump float;
 
     attribute float a_index; // 索引
@@ -1408,7 +1479,7 @@ R(V, "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);
-    }`), R(V, "fragmentSchema", `
+    }`), R(U, "fragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_factor;
@@ -1430,7 +1501,7 @@ R(V, "vertexSchema", `
 
       float f = 1.0 - uv.b;
       gl_FragColor = texture2D(u_color_ramp, ramp_pos) * f;
-    }`), R(V, "quadVertSchema", `
+    }`), R(U, "quadVertSchema", `
     precision mediump float;
 
     attribute vec2 a_pos;
@@ -1440,7 +1511,7 @@ R(V, "vertexSchema", `
     void main() {
       v_tex_pos = a_pos;
       gl_Position = vec4(1.0 - 2.0 * a_pos, 0, 1);
-    }`), R(V, "screenFragmentSchema", `
+    }`), R(U, "screenFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_screen;
@@ -1452,7 +1523,7 @@ R(V, "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);
-    }`), R(V, "updateFragmentSchema", `
+    }`), R(U, "updateFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_particles;
@@ -1531,7 +1602,7 @@ R(V, "vertexSchema", `
         fract(pos * 255.0),
         floor(pos * 255.0) / 255.0);
     }`);
-class wt {
+class Mt {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
     R(this, "token");
     R(this, "mapboxCustomer");
@@ -3135,14 +3206,14 @@ class wt {
     };
   }
 }
-const Lt = {
+const Ot = {
   name: "IdmWindParticle",
   props: {
     factor: {
       type: Object
     },
     viewport: {
-      type: Re
+      type: Ne
     },
     bottom: {
       type: String,
@@ -3263,11 +3334,11 @@ const Lt = {
         ];
         this.wrapper = this.webgl.bindParticle(
           this.particleContext,
-          V.vertexSchema,
-          V.fragmentSchema,
-          V.quadVertSchema,
-          V.screenFragmentSchema,
-          V.updateFragmentSchema
+          U.vertexSchema,
+          U.fragmentSchema,
+          U.quadVertSchema,
+          U.screenFragmentSchema,
+          U.updateFragmentSchema
         ), this.wrapper.color = this.webgl.setup(this.particleContext, a, !0, 16, 16), this.wrapper = { ...this.wrapper, ...this.webgl.setupParticle(this.particleContext, 9e3), ...this.webgl.resize(this.viewport, this.particleContext) }, this.viewport.map.on("resize", this.handleResize), this.viewport.map.on("movestart", this.handlePause), this.viewport.map.on("moveend", this.handlePlay);
       }
     },
@@ -3297,13 +3368,13 @@ const Lt = {
       });
     }
   }
-}, xt = { key: 0 };
-function _t(a, e, t, r, i, o) {
+}, jt = { key: 0 };
+function Nt(a, e, t, r, i, o) {
   var s;
-  return (s = t.factor) != null && s.active ? (_(), C("div", xt, [
+  return (s = t.factor) != null && s.active ? (L(), x("div", jt, [
     n("div", {
       class: "legend-bars flex-center",
-      style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: Z([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       n("span", null, "kts", -1),
       n("span", null, "0", -1),
@@ -3314,10 +3385,10 @@ function _t(a, e, t, r, i, o) {
       n("span", null, "40", -1),
       n("span", null, "60", -1)
     ]), 4)
-  ])) : B("", !0);
+  ])) : M("", !0);
 }
-const Ct = /* @__PURE__ */ T(Lt, [["render", _t], ["__scopeId", "data-v-64887571"]]);
-const kt = {
+const Bt = /* @__PURE__ */ T(Ot, [["render", Nt], ["__scopeId", "data-v-24e5434b"]]);
+const Ft = {
   name: "IdmCurrent",
   props: {
     map: {
@@ -3332,7 +3403,11 @@ const kt = {
     mapProjection: {
       type: String
     },
-    showParticle: {
+    showCurrentParticle: {
+      type: Boolean,
+      default: !1
+    },
+    showCurrentIsoband: {
       type: Boolean,
       default: !1
     },
@@ -3344,16 +3419,14 @@ const kt = {
       type: Number
     }
   },
-  emits: ["particle", "showCurrentIsoband", "handleToggleVersion"],
+  emits: ["particle", "handleToggleVersion"],
   data() {
     return {
       source: "current-source",
       directionLayer: "current-direction-layer",
       speedLayer: "current-speed-layer",
       speedLabelLayer: "current-speed-label-layer",
-      empty: x.featureCollection([]),
-      showJson: localStorage.getItem("currentJsonCache") === "true" || !1,
-      currentJsonCache: "currentJsonCache",
+      empty: C.featureCollection([]),
       right: 10,
       bottom: 95
     };
@@ -3366,28 +3439,29 @@ const kt = {
       },
       deep: !0
     },
-    showParticle: {
-      handler() {
-      },
-      immediate: !0
-    },
-    showJson: {
+    showCurrentParticle: {
       handler() {
-        this.showJson, localStorage.setItem(this.currentJsonCache, this.showJson), this.handleToggle(), this.$emit("showCurrentIsoband", this.showJson);
-      },
-      immediate: !0
+        this.handleParticle();
+      }
+      // immediate: true,
     },
-    toggleVersion: {
+    showCurrentIsoband: {
       handler() {
-        var a, e;
-        this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10, this.bottom = (((e = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : e.clientHeight) || 0) + 110;
-      },
-      immediate: !0
+        this.handleToggle();
+      }
+      // immediate: true,
     }
+    // toggleVersion: {
+    //   handler() {
+    //     this.right = (document.getElementsByClassName('right-bar')[0]?.clientWidth || 0) + 10
+    //     this.bottom = (document.getElementsByClassName('active-layers')[0]?.clientHeight || 0) + 110
+    //   },
+    //   immediate: true,
+    // },
   },
   methods: {
-    handleParticle(a) {
-      this.$emit("particle", { particle: a, key: "current", weight: 96 });
+    handleParticle() {
+      this.$emit("particle", { particle: this.showCurrentParticle, key: "current", weight: 96 });
     },
     handleRender() {
       var a, e;
@@ -3461,47 +3535,26 @@ const kt = {
       }
     },
     handleToggle() {
-      this.map.getLayer(this.speedLayer) && this.map.setLayoutProperty(this.speedLayer, "visibility", this.showJson ? "visible" : "none"), this.map.getLayer(this.speedLabelLayer) && this.map.setLayoutProperty(this.speedLabelLayer, "visibility", this.showJson ? "visible" : "none"), this.map.getLayer(this.directionLayer) && this.map.setLayoutProperty(this.directionLayer, "visibility", this.showJson ? "visible" : "none");
+      this.map.getLayer(this.speedLayer) && this.map.setLayoutProperty(this.speedLayer, "visibility", this.showCurrentIsoband ? "visible" : "none"), this.map.getLayer(this.speedLabelLayer) && this.map.setLayoutProperty(this.speedLabelLayer, "visibility", this.showCurrentIsoband ? "visible" : "none"), this.map.getLayer(this.directionLayer) && this.map.setLayoutProperty(this.directionLayer, "visibility", this.showCurrentIsoband ? "visible" : "none");
     },
     handleClear() {
       this.map.getLayer(this.speedLayer) && this.map.removeLayer(this.speedLayer), this.map.getLayer(this.speedLabelLayer) && this.map.removeLayer(this.speedLabelLayer), this.map.getLayer(this.directionLayer) && this.map.removeLayer(this.directionLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, St = { key: 0 };
-function Pt(a, e, t, r, i, o) {
+}, $t = { key: 0 };
+function Vt(a, e, t, r, i, o) {
   var s;
-  return (s = t.current) != null && s.active ? (_(), C("div", St, [
-    n("div", {
-      class: "flex-center current-tool-bars",
-      style: U([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
-    }, [
-      t.mapProjection === "mercator" ? (_(), C("div", {
-        key: 0,
-        class: W(["flex-start item-bar", t.showParticle ? "active" : "inactive"]),
-        onClick: e[0] || (e[0] = (l) => o.handleParticle(!t.showParticle))
-      }, e[2] || (e[2] = [
-        n("div", { class: "checkbox" }, null, -1),
-        n("span", null, "Current Particles", -1)
-      ]), 2)) : B("", !0),
-      n("div", {
-        class: W(["flex-start item-bar", i.showJson ? "active" : "inactive"]),
-        onClick: e[1] || (e[1] = (l) => i.showJson = !i.showJson)
-      }, e[3] || (e[3] = [
-        n("div", { class: "checkbox" }, null, -1),
-        n("span", null, "Current Isoband", -1)
-      ]), 2)
-    ], 4)
-  ])) : B("", !0);
+  return (s = t.current) != null && s.active ? (L(), x("div", $t)) : M("", !0);
 }
-const zt = /* @__PURE__ */ T(kt, [["render", Pt]]);
-const Tt = {
+const Ut = /* @__PURE__ */ T(Ft, [["render", Vt]]);
+const Zt = {
   name: "IdmCurrentParticle",
   props: {
     factor: {
       type: Object
     },
     viewport: {
-      type: Re
+      type: Ne
     },
     bottom: {
       type: String,
@@ -3613,11 +3666,11 @@ const Tt = {
         ];
         this.wrapper = this.webgl.bindParticle(
           this.particleContext,
-          V.vertexSchema,
-          V.fragmentSchema,
-          V.quadVertSchema,
-          V.screenFragmentSchema,
-          V.updateFragmentSchema
+          U.vertexSchema,
+          U.fragmentSchema,
+          U.quadVertSchema,
+          U.screenFragmentSchema,
+          U.updateFragmentSchema
         ), this.wrapper.color = this.webgl.setup(this.particleContext, a, !0, 16, 16), this.wrapper = {
           ...this.wrapper,
           ...this.webgl.setupParticle(this.particleContext, 12e3),
@@ -3651,13 +3704,13 @@ const Tt = {
       });
     }
   }
-}, Et = { key: 0 };
-function It(a, e, t, r, i, o) {
+}, Ht = { key: 0 };
+function Gt(a, e, t, r, i, o) {
   var s;
-  return (s = t.factor) != null && s.active ? (_(), C("div", Et, [
+  return (s = t.factor) != null && s.active ? (L(), x("div", Ht, [
     n("div", {
       class: "legend-bars flex-center",
-      style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: Z([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       n("span", null, "kts", -1),
       n("span", null, "0", -1),
@@ -3667,9 +3720,9 @@ function It(a, e, t, r, i, o) {
       n("span", null, "2", -1),
       n("span", null, "3.2", -1)
     ]), 4)
-  ])) : B("", !0);
+  ])) : M("", !0);
 }
-const Rt = /* @__PURE__ */ T(Tt, [["render", It], ["__scopeId", "data-v-6d4fd206"]]), At = {
+const Jt = /* @__PURE__ */ T(Zt, [["render", Gt], ["__scopeId", "data-v-6d4fd206"]]), Xt = {
   name: "IdmSigWave",
   props: {
     map: {
@@ -3690,7 +3743,7 @@ const Rt = /* @__PURE__ */ T(Tt, [["render", It], ["__scopeId", "data-v-6d4fd206
       source: "sig-wave-source",
       heightLayer: "sig-wave-height-layer",
       heightLabelLayer: "sig-wave-height-label-layer",
-      empty: x.featureCollection([])
+      empty: C.featureCollection([])
     };
   },
   watch: {
@@ -3728,9 +3781,9 @@ const Rt = /* @__PURE__ */ T(Tt, [["render", It], ["__scopeId", "data-v-6d4fd206
               "fill-color": [
                 "step",
                 ["get", "val"],
-                "rgba(186,247,237,0.5)",
+                "rgba(186,247,199,0.4)",
                 3,
-                "rgba(93,235,185,0.8)",
+                "rgba(186,247,199,0.7)",
                 4,
                 "rgba(101,252,149,0.9)",
                 5,
@@ -3788,10 +3841,10 @@ const Rt = /* @__PURE__ */ T(Tt, [["render", It], ["__scopeId", "data-v-6d4fd206
     }
   }
 };
-function Dt(a, e, t, r, i, o) {
-  return _(), C("div");
+function Yt(a, e, t, r, i, o) {
+  return L(), x("div");
 }
-const Mt = /* @__PURE__ */ T(At, [["render", Dt]]), Wt = {
+const qt = /* @__PURE__ */ T(Xt, [["render", Yt]]), Qt = {
   name: "IdmSwell",
   props: {
     map: {
@@ -3813,7 +3866,7 @@ const Mt = /* @__PURE__ */ T(At, [["render", Dt]]), Wt = {
       directionLayer: "swell-direction-layer",
       heightLayer: "swell-height-layer",
       heightLabelLayer: "swell-height-label-layer",
-      empty: x.featureCollection([])
+      empty: C.featureCollection([])
     };
   },
   watch: {
@@ -3946,10 +3999,10 @@ const Mt = /* @__PURE__ */ T(At, [["render", Dt]]), Wt = {
     }
   }
 };
-function jt(a, e, t, r, i, o) {
-  return _(), C("div");
+function Kt(a, e, t, r, i, o) {
+  return L(), x("div");
 }
-const Bt = /* @__PURE__ */ T(Wt, [["render", jt]]), Nt = {
+const ea = /* @__PURE__ */ T(Qt, [["render", Kt]]), ta = {
   name: "IdmPrmsl",
   props: {
     map: {
@@ -3974,7 +4027,7 @@ const Bt = /* @__PURE__ */ T(Wt, [["render", jt]]), Nt = {
       layer: "prmsl-layer",
       labelLayer: "prmsl-label-layer",
       pointLabelLayer: "prmsl-point-label-layer",
-      empty: x.featureCollection([])
+      empty: C.featureCollection([])
     };
   },
   watch: {
@@ -4086,10 +4139,10 @@ const Bt = /* @__PURE__ */ T(Wt, [["render", jt]]), Nt = {
     }
   }
 };
-function Ot(a, e, t, r, i, o) {
-  return _(), C("div");
+function aa(a, e, t, r, i, o) {
+  return L(), x("div");
 }
-const Ft = /* @__PURE__ */ T(Nt, [["render", Ot]]), $t = {
+const ia = /* @__PURE__ */ T(ta, [["render", aa]]), ra = {
   name: "IdmIceberg",
   props: {
     map: {
@@ -4106,7 +4159,7 @@ const Ft = /* @__PURE__ */ T(Nt, [["render", Ot]]), $t = {
     return {
       source: "iceberg-source",
       layer: "iceberg-layer",
-      empty: x.featureCollection([])
+      empty: C.featureCollection([])
     };
   },
   watch: {
@@ -4146,11 +4199,11 @@ const Ft = /* @__PURE__ */ T(Nt, [["render", Ot]]), $t = {
     }
   }
 };
-function Vt(a, e, t, r, i, o) {
-  return _(), C("div");
+function oa(a, e, t, r, i, o) {
+  return L(), x("div");
 }
-const Ut = /* @__PURE__ */ T($t, [["render", Vt]]);
-const Zt = {
+const sa = /* @__PURE__ */ T(ra, [["render", oa]]);
+const na = {
   name: "IdmTropicals",
   props: {
     map: {
@@ -4170,7 +4223,7 @@ const Zt = {
   emits: ["tropical", "tropicalProbability"],
   data() {
     return {
-      helper: Ce,
+      helper: Ee,
       source: "tropicals-source",
       clusterSource: "tropicals-cluster-source",
       historyLayer: "tropicals-history-layer",
@@ -4188,9 +4241,9 @@ const Zt = {
       showTropicals: !1,
       activeTropicals: void 0,
       activeTropicalsMarker: void 0,
-      empty: x.featureCollection([]),
+      empty: C.featureCollection([]),
       circleSource: "circle-source",
-      circleSourceData: x.featureCollection([]),
+      circleSourceData: C.featureCollection([]),
       circleLayer: "tropical-circle-layer"
     };
   },
@@ -4198,7 +4251,7 @@ const Zt = {
     computeTime() {
       return function(a) {
         if (a) {
-          const e = Z(a).utc().utcOffset(this.timeZone), t = this.timeZone < 0 ? this.timeZone : "+" + this.timeZone;
+          const e = G(a).utc().utcOffset(this.timeZone), t = this.timeZone < 0 ? this.timeZone : "+" + this.timeZone;
           return `${e.format("MMM-DD,HHmm")}[ UTC ${t} ]  ( ${e == null ? void 0 : e.fromNow()} )`;
         }
         return "-";
@@ -4235,29 +4288,29 @@ const Zt = {
   methods: {
     handleRefresh() {
       var r, i;
-      const a = ((i = (r = this.tropicals) == null ? void 0 : r.data) == null ? void 0 : i.features) || [], e = Z().utc().hour(), t = [];
+      const a = ((i = (r = this.tropicals) == null ? void 0 : r.data) == null ? void 0 : i.features) || [], e = G().utc().hour(), t = [];
       a.forEach((o) => {
         var s, l, h;
         (s = o.properties) != null && s.name && !t.includes((l = o.properties) == null ? void 0 : l.name) && t.push((h = o.properties) == null ? void 0 : h.name);
       }), t.forEach((o) => {
-        var d;
+        var p;
         let s = 0, l;
         const h = a.filter((c) => {
-          var p, f;
-          return ((f = (p = c.properties) == null ? void 0 : p.category) == null ? void 0 : f.split("-")[0]) === o;
+          var d, f;
+          return ((f = (d = c.properties) == null ? void 0 : d.category) == null ? void 0 : f.split("-")[0]) === o;
         });
-        (d = h.filter((c) => {
-          var p, f;
-          return ((p = c.geometry) == null ? void 0 : p.type) === "LineString" && ((f = c.properties) == null ? void 0 : f.type) === "forecast";
-        })[0]) == null || d.properties.model, h.forEach((c, p) => {
+        (p = h.filter((c) => {
+          var d, f;
+          return ((d = c.geometry) == null ? void 0 : d.type) === "LineString" && ((f = c.properties) == null ? void 0 : f.type) === "forecast";
+        })[0]) == null || p.properties.model, h.forEach((c, d) => {
           var f, m, b, y, u, v;
-          ((f = c.geometry) == null ? void 0 : f.type) === "Point" && ((m = c.properties) == null ? void 0 : m.type) === "history" && (s = p, l = l === void 0 ? p : l), ((b = c.geometry) == null ? void 0 : b.type) === "Point" && ((y = c.properties) == null ? void 0 : y.type) === "forecast" && l === void 0 && (l = p), ((u = c.geometry) == null ? void 0 : u.type) === "LineString" && ((v = c.properties) == null || v.type);
-        }), h.map((c, p) => {
+          ((f = c.geometry) == null ? void 0 : f.type) === "Point" && ((m = c.properties) == null ? void 0 : m.type) === "history" && (s = d, l = l === void 0 ? d : l), ((b = c.geometry) == null ? void 0 : b.type) === "Point" && ((y = c.properties) == null ? void 0 : y.type) === "forecast" && l === void 0 && (l = d), ((u = c.geometry) == null ? void 0 : u.type) === "LineString" && ((v = c.properties) == null || v.type);
+        }), h.map((c, d) => {
           var f, m, b, y, u, v, g;
-          if (((f = c.geometry) == null ? void 0 : f.type) === "LineString" && ((m = c.properties) == null || m.type), ((b = c.geometry) == null ? void 0 : b.type) === "Point" && ((y = c.properties) == null ? void 0 : y.type) === "forecast" && (c.properties.name = o, c.properties.format = Z(c.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((u = c.geometry) == null ? void 0 : u.type) === "Point" && ((v = c.properties) == null ? void 0 : v.type) === "history") {
-            c.properties.format = Z(c.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
-            const L = Z((g = c.properties) == null ? void 0 : g.date).utc().format("HHmm") === Z().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm");
-            c.properties.showHistoryLabel = L || p === s, c.properties.showNameLabel = p === s, c.properties.name = o;
+          if (((f = c.geometry) == null ? void 0 : f.type) === "LineString" && ((m = c.properties) == null || m.type), ((b = c.geometry) == null ? void 0 : b.type) === "Point" && ((y = c.properties) == null ? void 0 : y.type) === "forecast" && (c.properties.name = o, c.properties.format = G(c.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((u = c.geometry) == null ? void 0 : u.type) === "Point" && ((v = c.properties) == null ? void 0 : v.type) === "history") {
+            c.properties.format = G(c.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
+            const _ = G((g = c.properties) == null ? void 0 : g.date).utc().format("HHmm") === G().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm");
+            c.properties.showHistoryLabel = _ || d === s, c.properties.showNameLabel = d === s, c.properties.name = o;
           }
           return c;
         });
@@ -4294,16 +4347,16 @@ const Zt = {
       ));
     },
     handleRender() {
-      var a, e, t, r, i, o, s, l, h, d;
+      var a, e, t, r, i, o, s, l, h, p;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
         }, 500);
       else {
         if (this.tropicals) {
-          const p = (/* @__PURE__ */ new Date()).valueOf();
+          const d = (/* @__PURE__ */ new Date()).valueOf();
           let f = 0, m = 0;
-          (a = this.map) != null && a.getSource(this.source) ? ((t = this.map) == null || t.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), m = (/* @__PURE__ */ new Date()).valueOf() - (p + f), console.log("[tropicals] update elapsed: ", m, ", total: ", f += m)) : (this.map.addSource(this.source, {
+          (a = this.map) != null && a.getSource(this.source) ? ((t = this.map) == null || t.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), m = (/* @__PURE__ */ new Date()).valueOf() - (d + f), console.log("[tropicals] update elapsed: ", m, ", total: ", f += m)) : (this.map.addSource(this.source, {
             type: "geojson",
             data: (r = this.tropicals) != null && r.active ? (i = this.tropicals) == null ? void 0 : i.data : this.empty
           }), this.map.addLayer({
@@ -4400,9 +4453,9 @@ const Zt = {
               ],
               "text-halo-width": 4
             }
-          }), m = (/* @__PURE__ */ new Date()).valueOf() - (p + f), console.log("[tropical] add elapsed: ", m, ", total: ", f += m)), (o = this.map) != null && o.getSource(this.clusterSource) ? ((l = this.map) == null || l.getSource(this.clusterSource).setData((s = this.tropicals) != null && s.active ? this.tropicals.data : this.empty), m = (/* @__PURE__ */ new Date()).valueOf() - (p + f), console.log("[tropical] update elapsed: ", m, ", total: ", f += m)) : (this.map.addSource(this.clusterSource, {
+          }), m = (/* @__PURE__ */ new Date()).valueOf() - (d + f), console.log("[tropical] add elapsed: ", m, ", total: ", f += m)), (o = this.map) != null && o.getSource(this.clusterSource) ? ((l = this.map) == null || l.getSource(this.clusterSource).setData((s = this.tropicals) != null && s.active ? this.tropicals.data : this.empty), m = (/* @__PURE__ */ new Date()).valueOf() - (d + f), console.log("[tropical] update elapsed: ", m, ", total: ", f += m)) : (this.map.addSource(this.clusterSource, {
             type: "geojson",
-            data: (h = this.tropicals) != null && h.active ? (d = this.tropicals) == null ? void 0 : d.data : this.empty
+            data: (h = this.tropicals) != null && h.active ? (p = this.tropicals) == null ? void 0 : p.data : this.empty
             // cluster: true,
             // clusterRadius: 10, // 聚合半径
           }), this.map.addLayer({
@@ -4462,7 +4515,7 @@ const Zt = {
             source: this.clusterSource,
             filter: ["all", ["==", "$type", "Point"], ["==", "type", "history"], ["==", "showHistoryLabel", !0], ["!=", "disabled", !0]],
             paint: {
-              "circle-radius": 8,
+              "circle-radius": 7,
               "circle-color": "#fff"
             }
           }), this.map.addLayer({
@@ -4471,7 +4524,7 @@ const Zt = {
             source: this.clusterSource,
             filter: ["all", ["==", "$type", "Point"], ["==", "type", "history"], ["==", "showHistoryLabel", !0], ["!=", "disabled", !0]],
             paint: {
-              "circle-radius": 6,
+              "circle-radius": 5,
               "circle-color": "rgba(0,0,0,0.7)"
             }
           }), this.map.addLayer({
@@ -4480,7 +4533,7 @@ const Zt = {
             source: this.clusterSource,
             filter: ["all", ["==", "$type", "Point"], ["==", "type", "history"], ["==", "showHistoryLabel", !0], ["!=", "disabled", !0]],
             paint: {
-              "circle-radius": 4,
+              "circle-radius": 3,
               "circle-color": "#fff"
             }
           }), this.map.addLayer({
@@ -4517,11 +4570,11 @@ const Zt = {
               "text-halo-color": "#0033ff",
               "text-halo-width": 4
             }
-          }), m = (/* @__PURE__ */ new Date()).valueOf() - (p + f), console.log("[tropical] add elapsed: ", m, ", total: ", f += m));
+          }), m = (/* @__PURE__ */ new Date()).valueOf() - (d + f), console.log("[tropical] add elapsed: ", m, ", total: ", f += m));
         }
         this.handleDrawCircle();
-        const c = Oe.interpolate(this.tropicals, 1);
-        this.interpolateData = JSON.parse(JSON.stringify(c)), this.interpolateData.filter((p) => p.properties.name === "kristy" && p.properties.model === "ecmwf"), this.handleDateChange();
+        const c = Be.interpolate(this.tropicals, 1);
+        this.interpolateData = JSON.parse(JSON.stringify(c)), this.interpolateData.filter((d) => d.properties.name === "kristy" && d.properties.model === "ecmwf"), this.handleDateChange();
       }
     },
     handleClear() {
@@ -4529,11 +4582,11 @@ const Zt = {
       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), (a = this.interpolateMarkers) == null || a.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 a, e, t, r, i, o, s, l, h, d, c, p, f, m, b, y, u, v, g, L, z, w, A, M, j, O, F, H, se, ne, le, ce, he, de, pe, te;
-      if ((a = this.interpolateMarkers) == null || a.forEach((G) => G == null ? void 0 : G.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
-        const G = Z(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), Y = this.interpolateData.filter((E) => E.properties.date === G.format() && !E.properties.disabled), me = this.handleComputePolygons(Y), q = x.featureCollection([...Y]);
-        me.forEach((E) => {
-          q.features.push(E);
+      var a, e, t, r, i, o, s, l, h, p, c, d, f, m, b, y, u, v, g, _, z, w, W, O, j, B, F, J, se, ne, le, ce, he, de, pe, te;
+      if ((a = this.interpolateMarkers) == null || a.forEach((X) => X == null ? void 0 : X.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
+        const X = G(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), Y = this.interpolateData.filter((I) => I.properties.date === X.format() && !I.properties.disabled), me = this.handleComputePolygons(Y), q = C.featureCollection([...Y]);
+        me.forEach((I) => {
+          q.features.push(I);
         }), (t = this.map) != null && t.getSource(this.interpolateSource) ? (r = this.map) == null || r.getSource(this.interpolateSource).setData(q) : ((i = this.map) == null || i.addSource(this.interpolateSource, {
           type: "geojson",
           data: q
@@ -4548,10 +4601,10 @@ const Zt = {
             "line-width": 1
           }
         })), this.interpolateMarkers = [];
-        for (const E of Y)
-          if (!E.properties.disabled) {
+        for (const I of Y)
+          if (!I.properties.disabled) {
             let $ = "#f44336";
-            ((l = (s = E.properties) == null ? void 0 : s.wind) == null ? void 0 : l.spd) < 17.2 || !((d = (h = E.properties) == null ? void 0 : h.wind) != null && d.spd) ? $ = "#03f869" : ((p = (c = E.properties) == null ? void 0 : c.wind) == null ? void 0 : p.spd) >= 17.2 && ((m = (f = E.properties) == null ? void 0 : f.wind) == null ? void 0 : m.spd) < 24.5 ? $ = "#f2f202" : ((y = (b = E.properties) == null ? void 0 : b.wind) == null ? void 0 : y.spd) >= 24.5 && ((v = (u = E.properties) == null ? void 0 : u.wind) == null ? void 0 : v.spd) < 32.7 ? $ = "#ff9100" : ((L = (g = E.properties) == null ? void 0 : g.wind) == null ? void 0 : L.spd) >= 32.7 && ((w = (z = E.properties) == null ? void 0 : z.wind) == null ? void 0 : w.spd) < 41.5 ? $ = "#f44336" : ((M = (A = E.properties) == null ? void 0 : A.wind) == null ? void 0 : M.spd) >= 41.5 && ((O = (j = E.properties) == null ? void 0 : j.wind) == null ? void 0 : O.spd) < 51 ? $ = "#f903d0" : ((H = (F = E.properties) == null ? void 0 : F.wind) == null ? void 0 : H.spd) >= 51 ? $ = "#8702f9" : $ = "#f44336";
+            ((l = (s = I.properties) == null ? void 0 : s.wind) == null ? void 0 : l.spd) < 17.2 || !((p = (h = I.properties) == null ? void 0 : h.wind) != null && p.spd) ? $ = "#03f869" : ((d = (c = I.properties) == null ? void 0 : c.wind) == null ? void 0 : d.spd) >= 17.2 && ((m = (f = I.properties) == null ? void 0 : f.wind) == null ? void 0 : m.spd) < 24.5 ? $ = "#f2f202" : ((y = (b = I.properties) == null ? void 0 : b.wind) == null ? void 0 : y.spd) >= 24.5 && ((v = (u = I.properties) == null ? void 0 : u.wind) == null ? void 0 : v.spd) < 32.7 ? $ = "#ff9100" : ((_ = (g = I.properties) == null ? void 0 : g.wind) == null ? void 0 : _.spd) >= 32.7 && ((w = (z = I.properties) == null ? void 0 : z.wind) == null ? void 0 : w.spd) < 41.5 ? $ = "#f44336" : ((O = (W = I.properties) == null ? void 0 : W.wind) == null ? void 0 : O.spd) >= 41.5 && ((B = (j = I.properties) == null ? void 0 : j.wind) == null ? void 0 : B.spd) < 51 ? $ = "#f903d0" : ((J = (F = I.properties) == null ? void 0 : F.wind) == null ? void 0 : J.spd) >= 51 ? $ = "#8702f9" : $ = "#f44336";
             const ue = `<svg t="1719918955501"
                           	class="icon" viewBox="0 0 1024 1024"  xmlns="http://www.w3.org/2000/svg" p-id="18382"
                           	xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
@@ -4567,16 +4620,16 @@ const Zt = {
                           		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>`, Q = document.createElement("div");
-            Q.className = "hurricane-hourly-marker", Q.innerHTML = `<div class="${E.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${ue}</div>`;
-            const ye = new ee.Marker(Q).setLngLat(E.geometry.coordinates).addTo(this.map);
-            if (this.interpolateMarkers.push(ye), (se = E.properties) != null && se.showCircle) {
-              const ae = { radius: 100, coordinates: E.geometry.coordinates }, ie = { radius: 200, coordinates: E.geometry.coordinates }, re = { radius: 500, coordinates: E.geometry.coordinates };
+            Q.className = "hurricane-hourly-marker", Q.innerHTML = `<div class="${I.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${ue}</div>`;
+            const ye = new ee.Marker(Q).setLngLat(I.geometry.coordinates).addTo(this.map);
+            if (this.interpolateMarkers.push(ye), (se = I.properties) != null && se.showCircle) {
+              const ae = { radius: 100, coordinates: I.geometry.coordinates }, ie = { radius: 200, coordinates: I.geometry.coordinates }, re = { radius: 500, coordinates: I.geometry.coordinates };
               (ne = this.circleSourceData) == null || ne.features.push(
-                x.circle(ae.coordinates, ae.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
+                C.circle(ae.coordinates, ae.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
               ), (le = this.circleSourceData) == null || le.features.push(
-                x.circle(ie.coordinates, ie.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
+                C.circle(ie.coordinates, ie.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
               ), (ce = this.circleSourceData) == null || ce.features.push(
-                x.circle(re.coordinates, re.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
+                C.circle(re.coordinates, re.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
               );
             }
             (de = (he = this.map) == null ? void 0 : he.getSource(this.circleSource)) == null || de.setData(this.circleSourceData);
@@ -4585,7 +4638,7 @@ const Zt = {
         (pe = this.map) != null && pe.getSource(this.interpolateSource) && ((te = this.map) == null || te.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(a) {
-      var o, s, l, h, d, c, p, f;
+      var o, s, l, h, p, c, d, f;
       const e = a.features[0], t = (s = (o = this.tropicals) == null ? void 0 : o.data) == null ? void 0 : s.features.filter(
         (m) => {
           var b;
@@ -4603,10 +4656,10 @@ const Zt = {
         }
       );
       this.activeTropicals = {
-        name: (d = e == null ? void 0 : e.properties) == null ? void 0 : d.name,
+        name: (p = e == null ? void 0 : e.properties) == null ? void 0 : p.name,
         forecasts: t.map((m) => m.properties),
         history: (c = r[0]) == null ? void 0 : c.properties,
-        showCircle: (f = (p = t[0]) == null ? void 0 : p.properties) == null ? void 0 : f.showCircle
+        showCircle: (f = (d = t[0]) == null ? void 0 : d.properties) == null ? void 0 : f.showCircle
       }, this.showTropicals = !0;
       const i = document.getElementById("active-tropical");
       this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.activeTropicalsMarker = new ee.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
@@ -4615,11 +4668,11 @@ const Zt = {
       var r, i, o, s, l, h;
       a.disabled = !a.disabled;
       const e = `${a.name}-${a.model}`, t = (i = (r = this.map) == null ? void 0 : r.getSource(this.source)._data) == null ? void 0 : i.features;
-      t.forEach((d) => {
-        d.properties.category === e && (d.properties.disabled = a.disabled);
-      }), this.interpolateData.forEach((d) => {
-        d.properties.category === e && (d.properties.disabled = a.disabled);
-      }), (s = (o = this.map) == null ? void 0 : o.getSource(this.source)) == null || s.setData(x.featureCollection(t)), (h = (l = this.map) == null ? void 0 : l.getSource(this.clusterSource)) == null || h.setData(x.featureCollection(t)), this.handleDateChange();
+      t.forEach((p) => {
+        p.properties.category === e && (p.properties.disabled = a.disabled);
+      }), this.interpolateData.forEach((p) => {
+        p.properties.category === e && (p.properties.disabled = a.disabled);
+      }), (s = (o = this.map) == null ? void 0 : o.getSource(this.source)) == null || s.setData(C.featureCollection(t)), (h = (l = this.map) == null ? void 0 : l.getSource(this.clusterSource)) == null || h.setData(C.featureCollection(t)), this.handleDateChange();
     },
     handleStrikeProbability(a) {
       this.$emit("tropicalProbability", a);
@@ -4676,92 +4729,92 @@ const Zt = {
         let h;
         switch (s) {
           case "ne":
-            h = x.lineArc(a, l * 1.852, 0, 90, { steps: l > 0 ? 64 : 1 });
+            h = C.lineArc(a, l * 1.852, 0, 90, { steps: l > 0 ? 64 : 1 });
             break;
           case "se":
-            h = x.lineArc(a, l * 1.852, 90, 180, { steps: l > 0 ? 64 : 1 });
+            h = C.lineArc(a, l * 1.852, 90, 180, { steps: l > 0 ? 64 : 1 });
             break;
           case "sw":
-            h = x.lineArc(a, l * 1.852, 180, 270, { steps: l > 0 ? 64 : 1 });
+            h = C.lineArc(a, l * 1.852, 180, 270, { steps: l > 0 ? 64 : 1 });
             break;
           case "nw":
-            h = x.lineArc(a, l * 1.852, 270, 360, { steps: l > 0 ? 64 : 1 });
+            h = C.lineArc(a, l * 1.852, 270, 360, { steps: l > 0 ? 64 : 1 });
             break;
         }
         r.push(...(o = h == null ? void 0 : h.geometry) == null ? void 0 : o.coordinates);
       }
-      const i = x.lineString(r);
-      return x.lineToPolygon(i, { properties: t });
+      const i = C.lineString(r);
+      return C.lineToPolygon(i, { properties: t });
     }
   }
-}, Ht = {
+}, la = {
   id: "active-tropical",
   class: "active-tropical"
-}, Gt = { class: "header-box" }, Jt = { class: "main" }, Xt = { key: 0 }, Yt = { class: "sub" }, qt = {
+}, ca = { class: "header-box" }, ha = { class: "main" }, da = { key: 0 }, pa = { class: "sub" }, ma = {
   id: "meteoBox",
   class: "main-box"
-}, Qt = { class: "content" }, Kt = { class: "row" }, ea = {
+}, ua = { class: "content" }, ya = { class: "row" }, fa = {
   class: "col col-left",
   style: { "justify-content": "flex-start" }
-}, ta = {
+}, ga = {
   class: "col col-right",
   style: { "justify-content": "flex-start" }
-}, aa = { class: "row" }, ia = {
+}, ba = { class: "row" }, va = {
   class: "col col-24",
   style: { "justify-content": "flex-start" }
-}, ra = { class: "forecast-models" }, oa = ["onClick"], sa = { class: "more" };
-function na(a, e, t, r, i, o) {
-  var s, l, h, d, c, p, f, m, b, y, u, v, g, L, z;
-  return Pe((_(), C("div", Ht, [
-    n("div", Gt, [
+}, wa = { class: "forecast-models" }, La = ["onClick"], xa = { class: "more" };
+function _a(a, e, t, r, i, o) {
+  var s, l, h, p, c, d, f, m, b, y, u, v, g, _, z;
+  return De((L(), x("div", la, [
+    n("div", ca, [
       n("div", {
         class: "iconfont close-btn",
         onClick: e[0] || (e[0] = (w) => i.showTropicals = !1)
       }, ""),
-      n("div", Jt, [
-        (l = (s = i.activeTropicals) == null ? void 0 : s.history) != null && l.level ? (_(), C("span", Xt, S((d = (h = i.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : d.level) + " , ", 1)) : B("", !0),
-        Ie(S((c = i.activeTropicals) == null ? void 0 : c.name), 1)
+      n("div", ha, [
+        (l = (s = i.activeTropicals) == null ? void 0 : s.history) != null && l.level ? (L(), x("span", da, S((p = (h = i.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : p.level) + " , ", 1)) : M("", !0),
+        Ae(S((c = i.activeTropicals) == null ? void 0 : c.name), 1)
       ]),
-      n("div", Yt, " Last update: " + S(o.computeTime(((f = (p = i.activeTropicals) == null ? void 0 : p.history) == null ? void 0 : f.updated) || ((y = (b = (m = i.activeTropicals) == null ? void 0 : m.forecasts) == null ? void 0 : b.filter((w) => !w.disabled)[0]) == null ? void 0 : y.date))), 1)
+      n("div", pa, " Last update: " + S(o.computeTime(((f = (d = i.activeTropicals) == null ? void 0 : d.history) == null ? void 0 : f.updated) || ((y = (b = (m = i.activeTropicals) == null ? void 0 : m.forecasts) == null ? void 0 : b.filter((w) => !w.disabled)[0]) == null ? void 0 : y.date))), 1)
     ]),
-    n("div", qt, [
-      n("div", Qt, [
-        n("div", Kt, [
-          n("div", ea, [
+    n("div", ma, [
+      n("div", ua, [
+        n("div", ya, [
+          n("div", fa, [
             e[2] || (e[2] = n("label", null, "Wind speed : ", -1)),
             n("span", null, S(((v = (u = i.activeTropicals) == null ? void 0 : u.history) == null ? void 0 : v.kts) || "-") + "[kts]", 1)
           ]),
-          n("div", ta, [
+          n("div", ga, [
             e[3] || (e[3] = n("label", null, "Pressure : ", -1)),
-            n("span", null, S(((L = (g = i.activeTropicals) == null ? void 0 : g.history) == null ? void 0 : L.pressure) || "-") + "[hPa]", 1)
+            n("span", null, S(((_ = (g = i.activeTropicals) == null ? void 0 : g.history) == null ? void 0 : _.pressure) || "-") + "[hPa]", 1)
           ])
         ]),
-        n("div", aa, [
-          n("div", ia, [
+        n("div", ba, [
+          n("div", va, [
             e[4] || (e[4] = n("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)),
-            n("div", ra, [
-              (_(!0), C(_e, null, Se((z = i.activeTropicals) == null ? void 0 : z.forecasts, (w, A) => {
-                var M, j, O, F;
-                return _(), C("div", {
-                  key: A,
-                  class: W([
+            n("div", wa, [
+              (L(!0), x(Ie, null, We((z = i.activeTropicals) == null ? void 0 : z.forecasts, (w, W) => {
+                var O, j, B, F;
+                return L(), x("div", {
+                  key: W,
+                  class: A([
                     "model",
                     w.disabled ? "" : "active",
-                    A > 0 && A < ((j = (M = i.activeTropicals) == null ? void 0 : M.forecasts) == null ? void 0 : j.length) - 1 && ((F = (O = i.activeTropicals) == null ? void 0 : O.forecasts) == null ? void 0 : F.length) > 2 ? "center-child" : ""
+                    W > 0 && W < ((j = (O = i.activeTropicals) == null ? void 0 : O.forecasts) == null ? void 0 : j.length) - 1 && ((F = (B = i.activeTropicals) == null ? void 0 : B.forecasts) == null ? void 0 : F.length) > 2 ? "center-child" : ""
                   ]),
-                  onClick: (H) => o.handleForecastToggle(w)
+                  onClick: (J) => o.handleForecastToggle(w)
                 }, [
                   n("span", {
-                    class: W(w.model)
+                    class: A(w.model)
                   }, S(w.model), 3)
-                ], 10, oa);
+                ], 10, La);
               }), 128))
             ])
           ])
         ]),
-        e[5] || (e[5] = Ze('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-f122450c></div><div class="row" style="padding:2px 10px;" data-v-f122450c><div class="legend" data-v-f122450c><div class="icon td" data-v-f122450c></div><div class="label" data-v-f122450c>TD</div></div><div class="legend" data-v-f122450c><div class="icon ts" data-v-f122450c></div><div class="label" data-v-f122450c>TS</div></div><div class="legend" data-v-f122450c><div class="icon sts" data-v-f122450c></div><div class="label" data-v-f122450c>STS</div></div><div class="legend" data-v-f122450c><div class="icon ty" data-v-f122450c></div><div class="label" data-v-f122450c>TY</div></div><div class="legend" data-v-f122450c><div class="icon sty" data-v-f122450c></div><div class="label" data-v-f122450c>STY</div></div><div class="legend" data-v-f122450c><div class="icon supper-ty" data-v-f122450c></div><div class="label" data-v-f122450c>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-f122450c><div class="legend" data-v-f122450c><div class="icon history" data-v-f122450c></div><div class="label" data-v-f122450c>History</div></div><div class="legend" data-v-f122450c><div class="icon r7" data-v-f122450c></div><div class="label" data-v-f122450c>35kts Radii</div></div><div class="legend" data-v-f122450c><div class="icon r10" data-v-f122450c></div><div class="label" data-v-f122450c>50kts Radii</div></div></div>', 3))
+        e[5] || (e[5] = Ze('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-726fd7f6></div><div class="row" style="padding:2px 10px;" data-v-726fd7f6><div class="legend" data-v-726fd7f6><div class="icon td" data-v-726fd7f6></div><div class="label" data-v-726fd7f6>TD</div></div><div class="legend" data-v-726fd7f6><div class="icon ts" data-v-726fd7f6></div><div class="label" data-v-726fd7f6>TS</div></div><div class="legend" data-v-726fd7f6><div class="icon sts" data-v-726fd7f6></div><div class="label" data-v-726fd7f6>STS</div></div><div class="legend" data-v-726fd7f6><div class="icon ty" data-v-726fd7f6></div><div class="label" data-v-726fd7f6>TY</div></div><div class="legend" data-v-726fd7f6><div class="icon sty" data-v-726fd7f6></div><div class="label" data-v-726fd7f6>STY</div></div><div class="legend" data-v-726fd7f6><div class="icon supper-ty" data-v-726fd7f6></div><div class="label" data-v-726fd7f6>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-726fd7f6><div class="legend" data-v-726fd7f6><div class="icon history" data-v-726fd7f6></div><div class="label" data-v-726fd7f6>History</div></div><div class="legend" data-v-726fd7f6><div class="icon r7" data-v-726fd7f6></div><div class="label" data-v-726fd7f6>35kts Radii</div></div><div class="legend" data-v-726fd7f6><div class="icon r10" data-v-726fd7f6></div><div class="label" data-v-726fd7f6>50kts Radii</div></div></div>', 3))
       ]),
-      n("div", sa, [
+      n("div", xa, [
         n("div", {
           class: "button",
           onClick: e[1] || (e[1] = (w) => o.handleStrikeProbability(i.activeTropicals))
@@ -4769,11 +4822,11 @@ function na(a, e, t, r, i, o) {
       ])
     ])
   ], 512)), [
-    [ze, i.showTropicals && !a.$attrs.hideTropicalsLegend]
+    [Me, i.showTropicals && !a.$attrs.hideTropicalsLegend]
   ]);
 }
-const Fe = /* @__PURE__ */ T(Zt, [["render", na], ["__scopeId", "data-v-f122450c"]]);
-const la = {
+const Fe = /* @__PURE__ */ T(na, [["render", _a], ["__scopeId", "data-v-726fd7f6"]]);
+const Ca = {
   name: "IdmPrecip3h",
   props: {
     factor: {
@@ -4874,13 +4927,13 @@ const la = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ca = { key: 0 };
-function ha(a, e, t, r, i, o) {
+}, ka = { key: 0 };
+function Sa(a, e, t, r, i, o) {
   var s;
-  return (s = t.factor) != null && s.active ? (_(), C("div", ca, [
+  return (s = t.factor) != null && s.active ? (L(), x("div", ka, [
     n("div", {
       class: "legend-bars flex-center",
-      style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: Z([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       n("span", null, "mm", -1),
       n("span", null, "1.5", -1),
@@ -4891,10 +4944,10 @@ function ha(a, e, t, r, i, o) {
       n("span", null, "20", -1),
       n("span", null, "30", -1)
     ]), 4)
-  ])) : B("", !0);
+  ])) : M("", !0);
 }
-const da = /* @__PURE__ */ T(la, [["render", ha], ["__scopeId", "data-v-9708a7a3"]]);
-const pa = {
+const Pa = /* @__PURE__ */ T(Ca, [["render", Sa], ["__scopeId", "data-v-9708a7a3"]]);
+const za = {
   name: "IdmVisibility",
   props: {
     factor: {
@@ -4988,13 +5041,13 @@ const pa = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ma = { key: 0 };
-function ua(a, e, t, r, i, o) {
+}, Ta = { key: 0 };
+function Ia(a, e, t, r, i, o) {
   var s;
-  return (s = t.factor) != null && s.active ? (_(), C("div", ma, [
+  return (s = t.factor) != null && s.active ? (L(), x("div", Ta, [
     n("div", {
       class: "legend-bars flex-center",
-      style: U([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
+      style: Z([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       n("span", null, "nm", -1),
       n("span", null, "0", -1),
@@ -5003,10 +5056,10 @@ function ua(a, e, t, r, i, o) {
       n("span", null, "3", -1),
       n("span", null, "9", -1)
     ]), 4)
-  ])) : B("", !0);
+  ])) : M("", !0);
 }
-const ya = /* @__PURE__ */ T(pa, [["render", ua], ["__scopeId", "data-v-f7b2fb08"]]);
-const fa = {
+const Ea = /* @__PURE__ */ T(za, [["render", Ia], ["__scopeId", "data-v-f7b2fb08"]]);
+const Ra = {
   name: "IdmWaterTemp",
   props: {
     factor: {
@@ -5108,13 +5161,13 @@ const fa = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ga = { key: 0 };
-function ba(a, e, t, r, i, o) {
+}, Wa = { key: 0 };
+function Aa(a, e, t, r, i, o) {
   var s;
-  return (s = t.factor) != null && s.active ? (_(), C("div", ga, [
+  return (s = t.factor) != null && s.active ? (L(), x("div", Wa, [
     n("div", {
       class: "legend-bars flex-center",
-      style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: Z([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       n("span", null, "°C", -1),
       n("span", null, "0", -1),
@@ -5123,10 +5176,10 @@ function ba(a, e, t, r, i, o) {
       n("span", null, "30", -1),
       n("span", null, "40", -1)
     ]), 4)
-  ])) : B("", !0);
+  ])) : M("", !0);
 }
-const va = /* @__PURE__ */ T(fa, [["render", ba], ["__scopeId", "data-v-7521f582"]]);
-const wa = {
+const Da = /* @__PURE__ */ T(Ra, [["render", Aa], ["__scopeId", "data-v-7521f582"]]);
+const Ma = {
   name: "IdmTemp",
   props: {
     factor: {
@@ -5231,13 +5284,13 @@ const wa = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, La = { key: 0 };
-function xa(a, e, t, r, i, o) {
+}, Oa = { key: 0 };
+function ja(a, e, t, r, i, o) {
   var s;
-  return (s = t.factor) != null && s.active ? (_(), C("div", La, [
+  return (s = t.factor) != null && s.active ? (L(), x("div", Oa, [
     n("div", {
       class: "legend-bars flex-center",
-      style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: Z([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       n("span", null, "°C", -1),
       n("span", null, "-20", -1),
@@ -5248,10 +5301,10 @@ function xa(a, e, t, r, i, o) {
       n("span", null, "30", -1),
       n("span", null, "40", -1)
     ]), 4)
-  ])) : B("", !0);
+  ])) : M("", !0);
 }
-const _a = /* @__PURE__ */ T(wa, [["render", xa], ["__scopeId", "data-v-25daaa82"]]);
-const Ca = {
+const Na = /* @__PURE__ */ T(Ma, [["render", ja], ["__scopeId", "data-v-25daaa82"]]);
+const Ba = {
   name: "IdmArctic",
   props: {
     factor: {
@@ -5347,13 +5400,13 @@ const Ca = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ka = { key: 0 };
-function Sa(a, e, t, r, i, o) {
+}, Fa = { key: 0 };
+function $a(a, e, t, r, i, o) {
   var s;
-  return (s = t.factor) != null && s.active ? (_(), C("div", ka, [
+  return (s = t.factor) != null && s.active ? (L(), x("div", Fa, [
     n("div", {
       class: "legend-bars flex-center",
-      style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: Z([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       n("span", null, "m", -1),
       n("span", null, "0", -1),
@@ -5362,11 +5415,28 @@ function Sa(a, e, t, r, i, o) {
       n("span", null, "1.5", -1),
       n("span", null, "2", -1)
     ]), 4)
-  ])) : B("", !0);
+  ])) : M("", !0);
 }
-const Pa = /* @__PURE__ */ T(Ca, [["render", Sa], ["__scopeId", "data-v-5bb73794"]]);
-const za = {
+const Va = /* @__PURE__ */ T(Ba, [["render", $a], ["__scopeId", "data-v-5bb73794"]]);
+/*! Element Plus Icons Vue v2.3.1 */
+var Ua = /* @__PURE__ */ He({
+  name: "LocationFilled",
+  __name: "location-filled",
+  setup(a) {
+    return (e, t) => (L(), x("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      n("path", {
+        fill: "currentColor",
+        d: "M512 928c23.936 0 117.504-68.352 192.064-153.152C803.456 661.888 864 535.808 864 416c0-189.632-155.84-320-352-320S160 226.368 160 416c0 120.32 60.544 246.4 159.936 359.232C394.432 859.84 488 928 512 928m0-435.2a64 64 0 1 0 0-128 64 64 0 0 0 0 128m0 140.8a204.8 204.8 0 1 1 0-409.6 204.8 204.8 0 0 1 0 409.6"
+      })
+    ]));
+  }
+}), Za = Ua;
+const Ha = {
   name: "IdmPoint",
+  components: { LocationFilled: Za },
   emits: ["point", "more"],
   props: {
     map: {
@@ -5385,9 +5455,9 @@ const za = {
   },
   data() {
     return {
-      showMeteo: !1,
+      showMeteo: !0,
       meteoMarker: void 0,
-      helper: Ce
+      helper: Ee
     };
   },
   watch: {
@@ -5411,13 +5481,12 @@ const za = {
   computed: {
     computeTime() {
       return function(a) {
-        if (a) {
-          const e = Z(a).utc().utcOffset(this.timeZone), t = this.timeZone < 0 ? this.timeZone : "+" + this.timeZone;
-          return `${e.format("MMM-DD,HHmm")} ( UTC ${t} )`;
-        }
-        return "-";
+        return a ? `${G(a).utc().utcOffset(this.timeZone).format("MMM-DD,HHmm")}` : "-";
       };
     },
+    computeTimeZone() {
+      return `(UTC ${this.timeZone < 0 ? this.timeZone : "+" + this.timeZone})`;
+    },
     computeLat() {
       return function(a, e = 4) {
         return D.lat2pretty(a, e).pretty;
@@ -5437,7 +5506,7 @@ const za = {
   methods: {
     handleBind() {
       var a, e;
-      this.show ? (a = this.map) == null || a.on("click", this.handleClick) : ((e = this.map) == null || e.off("click", this.handleClick), this.showMeteo = !1);
+      this.show ? ((a = this.map) == null || a.on("click", this.handleClick), this.map.getCanvas().style.cursor = "pointer") : ((e = this.map) == null || e.off("click", this.handleClick), this.map.getCanvas().style.cursor = "grab", this.showMeteo = !1);
     },
     handleClick(a) {
       a.originalEvent.stopPropagation();
@@ -5452,67 +5521,95 @@ const za = {
       }
     }
   }
-}, Ta = {
+}, Ga = {
   id: "point-meteo",
   class: "point-meteo"
-}, Ea = { class: "meteo-box" }, Ia = { class: "header-box" }, Ra = { class: "main" }, Aa = { class: "sub" }, Da = { class: "main-box" }, Ma = { class: "flex-space" }, Wa = { class: "flex-space" }, ja = { class: "flex-space" }, Ba = { class: "flex-space" }, Na = { class: "flex-space" }, Oa = { class: "flex-space" }, Fa = { class: "flex-space" }, $a = { class: "flex-space" }, Va = { class: "flex-space" };
-function Ua(a, e, t, r, i, o) {
-  var s, l, h, d, c, p, f, m, b, y, u, v, g, L, z, w, A, M, j, O, F, H, se, ne, le, ce, he, de, pe, te, G, Y, me, q, E, $, ue, Q, ye, ae, ie, re, be, ve, we, Le, xe;
-  return Pe((_(), C("div", Ta, [
-    n("div", Ea, [
-      n("div", Ia, [
+}, Ja = { class: "meteo-box" }, Xa = { class: "header-box flex-between" }, Ya = { class: "flex-center" }, qa = { class: "lnglat" }, Qa = { class: "main-box" }, Ka = { class: "summary-row flex-between" }, ei = { class: "summary flex-center" }, ti = { class: "temp" }, ai = { class: "des info" }, ii = { class: "flex-start" }, ri = { class: "flex-start" }, oi = { class: "date flex-col-center-end" }, si = { class: "" }, ni = { class: "" }, li = { class: "row flex-space" }, ci = { class: "row flex-space" }, hi = { class: "row flex-space" }, di = { class: "row flex-space" }, pi = { class: "row flex-space" }, mi = { class: "row flex-space" }, ui = { class: "row flex-space" };
+function yi(a, e, t, r, i, o) {
+  var h, p, c, d, f, m, b, y, u, v, g, _, z, w, W, O, j, B, F, J, se, ne, le, ce, he, de, pe, te, X, Y, me, q, I, $, ue, Q, ye, ae, ie, re, be, ve, we, Le, xe, _e, Ce, ke, Se, Pe, ze, Te;
+  const s = P("LocationFilled"), l = P("ElIcon");
+  return De((L(), x("div", Ga, [
+    n("div", Ja, [
+      n("div", Xa, [
+        n("div", Ya, [
+          k(l, { size: "22" }, {
+            default: H(() => [
+              k(s)
+            ]),
+            _: 1
+          }),
+          n("div", qa, S(o.computeLat((h = t.meteo) == null ? void 0 : h.lat)) + "," + S(o.computeLng((p = t.meteo) == null ? void 0 : p.lng)), 1)
+        ]),
         n("div", {
           class: "iconfont close",
-          onClick: e[0] || (e[0] = (Te) => i.showMeteo = !1)
-        }, ""),
-        n("div", Ra, S(o.computeLat((s = t.meteo) == null ? void 0 : s.lat)) + "," + S(o.computeLng((l = t.meteo) == null ? void 0 : l.lng)), 1),
-        n("div", Aa, S(o.computeTime((h = t.meteo) == null ? void 0 : h.utc)), 1)
+          onClick: e[0] || (e[0] = (Oe) => i.showMeteo = !1)
+        }, "")
       ]),
-      n("div", Da, [
-        n("div", Ma, [
-          e[1] || (e[1] = n("label", null, "Wind", -1)),
-          n("span", null, S(((c = (d = t.meteo) == null ? void 0 : d.wind) == null ? void 0 : c.direction) || "-") + "/" + S(o.roundPrecision((f = (p = t.meteo) == null ? void 0 : p.wind) == null ? void 0 : f.kts, 1)) + "[kts]/" + S((b = (m = t.meteo) == null ? void 0 : m.wind) == null ? void 0 : b.scale) + "[BF]/" + S(o.roundPrecision((u = (y = t.meteo) == null ? void 0 : y.gusts) == null ? void 0 : u.kts, 1)) + "[kts]", 1)
-        ]),
-        n("div", Wa, [
-          e[2] || (e[2] = n("label", null, "Wind.Wave", -1)),
-          n("span", null, S(((L = (g = (v = t.meteo) == null ? void 0 : v.wave) == null ? void 0 : g.wd) == null ? void 0 : L.direction) || "-") + "/" + S(o.roundPrecision((A = (w = (z = t.meteo) == null ? void 0 : z.wave) == null ? void 0 : w.wd) == null ? void 0 : A.height, 1)) + "[m]/" + S(o.roundPrecision((O = (j = (M = t.meteo) == null ? void 0 : M.wave) == null ? void 0 : j.wd) == null ? void 0 : O.period, 1)) + "[s]", 1)
+      n("div", Qa, [
+        n("div", Ka, [
+          n("div", ei, [
+            e[4] || (e[4] = n("div", {
+              class: "iconfont icon",
+              style: { "margin-right": "5px" }
+            }, "", -1)),
+            n("div", ti, [
+              n("span", null, [
+                Ae(S((b = (m = (f = (d = (c = t.meteo) == null ? void 0 : c.weather) == null ? void 0 : d[0]) == null ? void 0 : f.daily) == null ? void 0 : m.temperature_2m_min) == null ? void 0 : b[0]), 1),
+                e[1] || (e[1] = n("span", { style: { "font-size": "14px" } }, "°C", -1))
+              ])
+            ]),
+            n("div", ai, [
+              n("div", ii, [
+                e[2] || (e[2] = n("span", null, "Precip: ", -1)),
+                n("span", null, S(o.roundPrecision((u = (y = t.meteo) == null ? void 0 : y.precip) == null ? void 0 : u.inter6h, 2)) + " mm", 1)
+              ]),
+              n("div", ri, [
+                e[3] || (e[3] = n("span", null, "Visibility: ", -1)),
+                n("span", null, S(o.roundPrecision(((v = t.meteo) == null ? void 0 : v.visibility) / 1852, 0)) + " nm", 1)
+              ])
+            ])
+          ]),
+          n("div", oi, [
+            n("div", si, S(o.computeTime((g = t.meteo) == null ? void 0 : g.utc)), 1),
+            n("div", ni, S(o.computeTimeZone), 1)
+          ])
         ]),
-        n("div", ja, [
-          e[3] || (e[3] = n("label", null, "Swell", -1)),
-          n("span", null, S(((se = (H = (F = t.meteo) == null ? void 0 : F.wave) == null ? void 0 : H.swell) == null ? void 0 : se.direction) || "-") + "/" + S(o.roundPrecision((ce = (le = (ne = t.meteo) == null ? void 0 : ne.wave) == null ? void 0 : le.swell) == null ? void 0 : ce.height, 1)) + "[m]/" + S(o.roundPrecision((pe = (de = (he = t.meteo) == null ? void 0 : he.wave) == null ? void 0 : de.swell) == null ? void 0 : pe.period, 1)) + "[s]", 1)
+        n("div", li, [
+          e[5] || (e[5] = n("label", null, "Wind", -1)),
+          n("span", null, S(((z = (_ = t.meteo) == null ? void 0 : _.wind) == null ? void 0 : z.direction) || "-") + "/" + S(o.roundPrecision((W = (w = t.meteo) == null ? void 0 : w.wind) == null ? void 0 : W.kts, 1)) + "[kts]/" + S((j = (O = t.meteo) == null ? void 0 : O.wind) == null ? void 0 : j.scale) + "[BF]/" + S(o.roundPrecision((F = (B = t.meteo) == null ? void 0 : B.gusts) == null ? void 0 : F.kts, 1)) + "[kts]", 1)
         ]),
-        n("div", Ba, [
-          e[4] || (e[4] = n("label", null, "Sig.Wave", -1)),
-          n("span", null, S(((Y = (G = (te = t.meteo) == null ? void 0 : te.wave) == null ? void 0 : G.sig) == null ? void 0 : Y.direction) || "-") + "/" + S(o.roundPrecision((E = (q = (me = t.meteo) == null ? void 0 : me.wave) == null ? void 0 : q.sig) == null ? void 0 : E.height, 1)) + "[m]/" + S(o.roundPrecision((Q = (ue = ($ = t.meteo) == null ? void 0 : $.wave) == null ? void 0 : ue.sig) == null ? void 0 : Q.period, 1)) + "[s]", 1)
+        n("div", ci, [
+          e[6] || (e[6] = n("label", null, "Wind.Wave", -1)),
+          n("span", null, S(((ne = (se = (J = t.meteo) == null ? void 0 : J.wave) == null ? void 0 : se.wd) == null ? void 0 : ne.direction) || "-") + "/" + S(o.roundPrecision((he = (ce = (le = t.meteo) == null ? void 0 : le.wave) == null ? void 0 : ce.wd) == null ? void 0 : he.height, 1)) + "[m]/" + S(o.roundPrecision((te = (pe = (de = t.meteo) == null ? void 0 : de.wave) == null ? void 0 : pe.wd) == null ? void 0 : te.period, 1)) + "[s]", 1)
         ]),
-        n("div", Na, [
-          e[5] || (e[5] = n("label", null, "Current", -1)),
-          n("span", null, S(((ae = (ye = t.meteo) == null ? void 0 : ye.current) == null ? void 0 : ae.direction) || "-") + "/" + S(o.roundPrecision((re = (ie = t.meteo) == null ? void 0 : ie.current) == null ? void 0 : re.kts, 2)) + "[kts]", 1)
+        n("div", hi, [
+          e[7] || (e[7] = n("label", null, "Swell", -1)),
+          n("span", null, S(((me = (Y = (X = t.meteo) == null ? void 0 : X.wave) == null ? void 0 : Y.swell) == null ? void 0 : me.direction) || "-") + "/" + S(o.roundPrecision(($ = (I = (q = t.meteo) == null ? void 0 : q.wave) == null ? void 0 : I.swell) == null ? void 0 : $.height, 1)) + "[m]/" + S(o.roundPrecision((ye = (Q = (ue = t.meteo) == null ? void 0 : ue.wave) == null ? void 0 : Q.swell) == null ? void 0 : ye.period, 1)) + "[s]", 1)
         ]),
-        n("div", Oa, [
-          e[6] || (e[6] = n("label", null, "Precip", -1)),
-          n("span", null, S(o.roundPrecision((ve = (be = t.meteo) == null ? void 0 : be.precip) == null ? void 0 : ve.inter6h, 2)) + "[mm]", 1)
+        n("div", di, [
+          e[8] || (e[8] = n("label", null, "Sig.Wave", -1)),
+          n("span", null, S(((re = (ie = (ae = t.meteo) == null ? void 0 : ae.wave) == null ? void 0 : ie.sig) == null ? void 0 : re.direction) || "-") + "/" + S(o.roundPrecision((we = (ve = (be = t.meteo) == null ? void 0 : be.wave) == null ? void 0 : ve.sig) == null ? void 0 : we.height, 1)) + "[m]/" + S(o.roundPrecision((_e = (xe = (Le = t.meteo) == null ? void 0 : Le.wave) == null ? void 0 : xe.sig) == null ? void 0 : _e.period, 1)) + "[s]", 1)
         ]),
-        n("div", Fa, [
-          e[7] || (e[7] = n("label", null, "Visibility", -1)),
-          n("span", null, S(o.roundPrecision(((we = t.meteo) == null ? void 0 : we.visibility) / 1852, 0)) + "[nm]", 1)
+        n("div", pi, [
+          e[9] || (e[9] = n("label", null, "Current", -1)),
+          n("span", null, S(((ke = (Ce = t.meteo) == null ? void 0 : Ce.current) == null ? void 0 : ke.direction) || "-") + "/" + S(o.roundPrecision((Pe = (Se = t.meteo) == null ? void 0 : Se.current) == null ? void 0 : Pe.kts, 2)) + "[kts]", 1)
         ]),
-        n("div", $a, [
-          e[8] || (e[8] = n("label", null, "Temp", -1)),
-          n("span", null, S(o.roundPrecision((Le = t.meteo) == null ? void 0 : Le.temp, 0)) + "[°C]", 1)
+        n("div", mi, [
+          e[10] || (e[10] = n("label", null, "Temp", -1)),
+          n("span", null, S(o.roundPrecision((ze = t.meteo) == null ? void 0 : ze.temp, 0)) + "[°C]", 1)
         ]),
-        n("div", Va, [
-          e[9] || (e[9] = n("label", null, "Water Temp", -1)),
-          n("span", null, S(o.roundPrecision((xe = t.meteo) == null ? void 0 : xe.waterTemp, 2)) + "[°C]", 1)
+        n("div", ui, [
+          e[11] || (e[11] = n("label", null, "Water Temp", -1)),
+          n("span", null, S(o.roundPrecision((Te = t.meteo) == null ? void 0 : Te.waterTemp, 2)) + "[°C]", 1)
         ])
       ]),
-      B("", !0)
+      M("", !0)
     ])
   ], 512)), [
-    [ze, i.showMeteo]
+    [Me, i.showMeteo]
   ]);
 }
-const Za = /* @__PURE__ */ T(za, [["render", Ua], ["__scopeId", "data-v-efcf572f"]]), Ha = {
+const fi = /* @__PURE__ */ T(Ha, [["render", yi], ["__scopeId", "data-v-77ef2fb7"]]), gi = {
   name: "IdmWarZone",
   props: {
     map: {
@@ -5602,10 +5699,10 @@ const Za = /* @__PURE__ */ T(za, [["render", Ua], ["__scopeId", "data-v-efcf572f
     }
   }
 };
-function Ga(a, e, t, r, i, o) {
-  return _(), C("div");
+function bi(a, e, t, r, i, o) {
+  return L(), x("div");
 }
-const Ja = /* @__PURE__ */ T(Ha, [["render", Ga]]), Xa = {
+const vi = /* @__PURE__ */ T(gi, [["render", bi]]), wi = {
   name: "IdmGmdssArea",
   props: {
     map: {
@@ -5725,10 +5822,10 @@ const Ja = /* @__PURE__ */ T(Ha, [["render", Ga]]), Xa = {
     }
   }
 };
-function Ya(a, e, t, r, i, o) {
-  return _(), C("div");
+function Li(a, e, t, r, i, o) {
+  return L(), x("div");
 }
-const qa = /* @__PURE__ */ T(Xa, [["render", Ya]]), Qa = {
+const xi = /* @__PURE__ */ T(wi, [["render", Li]]), _i = {
   name: "IdmEcaZone",
   props: {
     map: {
@@ -5816,11 +5913,11 @@ const qa = /* @__PURE__ */ T(Xa, [["render", Ya]]), Qa = {
     }
   }
 };
-function Ka(a, e, t, r, i, o) {
-  return _(), C("div");
+function Ci(a, e, t, r, i, o) {
+  return L(), x("div");
 }
-const ei = /* @__PURE__ */ T(Qa, [["render", Ka]]);
-const ti = {
+const ki = /* @__PURE__ */ T(_i, [["render", Ci]]);
+const Si = {
   name: "IdmAlertZone",
   props: {
     map: {
@@ -5950,10 +6047,10 @@ const ti = {
       this.map.getLayer(this.polygonLayer) && this.map.removeLayer(this.polygonLayer), this.map.getLayer(this.polygonLayer + "-border") && this.map.removeLayer(this.polygonLayer + "-border"), this.map.getLayer(this.polygonLabelLayer) && this.map.removeLayer(this.polygonLabelLayer), this.map.getLayer(this.lineLayer) && this.map.removeLayer(this.lineLayer), this.map.getLayer(this.lineLabelLayer) && this.map.removeLayer(this.lineLabelLayer), this.map.getLayer(this.pointLayer) && this.map.removeLayer(this.pointLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, ai = { id: "idm-gl3-zone-info" }, ii = ["innerHTML"];
-function ri(a, e, t, r, i, o) {
+}, Pi = { id: "idm-gl3-zone-info" }, zi = ["innerHTML"];
+function Ti(a, e, t, r, i, o) {
   var s;
-  return Pe((_(), C("div", ai, [
+  return De((L(), x("div", Pi, [
     n("div", {
       class: "iconfont close",
       onClick: e[0] || (e[0] = (l) => i.showZone = !1)
@@ -5961,13 +6058,13 @@ function ri(a, e, t, r, i, o) {
     n("div", {
       class: "rich-context",
       innerHTML: (s = i.form) == null ? void 0 : s.name
-    }, null, 8, ii)
+    }, null, 8, zi)
   ], 512)), [
-    [ze, i.showZone]
+    [Me, i.showZone]
   ]);
 }
-const oi = /* @__PURE__ */ T(ti, [["render", ri]]);
-const si = {
+const Ii = /* @__PURE__ */ T(Si, [["render", Ti]]);
+const Ei = {
   name: "IdmPort",
   props: {
     map: {
@@ -6059,41 +6156,41 @@ const si = {
       this.showPort = !1, this.map.getLayer(this.layer) && this.map.removeLayer(this.layer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, ni = { id: "port-info" }, li = { class: "port-box" }, ci = { class: "flex-start" }, hi = { class: "flex-start" }, di = { class: "flex-start" }, pi = {
+}, Ri = { id: "port-info" }, Wi = { class: "port-box" }, Ai = { class: "flex-start" }, Di = { class: "flex-start" }, Mi = { class: "flex-start" }, Oi = {
   class: "flex-start",
   style: { "align-items": "flex-start" }
 };
-function mi(a, e, t, r, i, o) {
-  return Pe((_(), C("div", ni, [
+function ji(a, e, t, r, i, o) {
+  return De((L(), x("div", Ri, [
     n("div", {
       class: "close iconfont",
       onClick: e[0] || (e[0] = (s) => i.showPort = !1)
     }, ""),
-    n("div", li, [
-      n("div", ci, [
+    n("div", Wi, [
+      n("div", Ai, [
         e[2] || (e[2] = n("label", null, "Name : ", -1)),
         n("span", {
           onClick: e[1] || (e[1] = (...s) => o.handleEmit && o.handleEmit(...s))
         }, S(i.form.name), 1)
       ]),
-      n("div", hi, [
+      n("div", Di, [
         e[3] || (e[3] = n("label", null, "Position : ", -1)),
         n("span", null, S(o.computeLat(i.form.lat)) + ", " + S(o.computeLng(i.form.lng)), 1)
       ]),
-      n("div", di, [
+      n("div", Mi, [
         e[4] || (e[4] = n("label", null, "LoCode : ", -1)),
         n("span", null, S(i.form.loCode || "-"), 1)
       ]),
-      n("div", pi, [
+      n("div", Oi, [
         e[5] || (e[5] = n("label", null, "Region : ", -1)),
         n("span", null, S(i.form.zoneName || "-"), 1)
       ])
     ])
   ], 512)), [
-    [ze, i.showPort]
+    [Me, i.showPort]
   ]);
 }
-const ui = /* @__PURE__ */ T(si, [["render", mi], ["__scopeId", "data-v-c07e4c45"]]), yi = {
+const Ni = /* @__PURE__ */ T(Ei, [["render", ji], ["__scopeId", "data-v-c07e4c45"]]), Bi = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -6163,10 +6260,10 @@ const ui = /* @__PURE__ */ T(si, [["render", mi], ["__scopeId", "data-v-c07e4c45
     }
   }
 };
-function fi(a, e, t, r, i, o) {
-  return _(), C("div");
+function Fi(a, e, t, r, i, o) {
+  return L(), x("div");
 }
-const gi = /* @__PURE__ */ T(yi, [["render", fi]]), bi = {
+const $i = /* @__PURE__ */ T(Bi, [["render", Fi]]), Vi = {
   name: "IdmTimezone",
   props: {
     map: {
@@ -6331,10 +6428,10 @@ const gi = /* @__PURE__ */ T(yi, [["render", fi]]), bi = {
     }
   }
 };
-function vi(a, e, t, r, i, o) {
-  return _(), C("div");
+function Ui(a, e, t, r, i, o) {
+  return L(), x("div");
 }
-const wi = /* @__PURE__ */ T(bi, [["render", vi]]), Li = {
+const Zi = /* @__PURE__ */ T(Vi, [["render", Ui]]), Hi = {
   name: "IdmVoluntaryReportingArea",
   props: {
     map: {
@@ -6422,10 +6519,10 @@ const wi = /* @__PURE__ */ T(bi, [["render", vi]]), Li = {
     }
   }
 };
-function xi(a, e, t, r, i, o) {
-  return _(), C("div");
+function Gi(a, e, t, r, i, o) {
+  return L(), x("div");
 }
-const _i = /* @__PURE__ */ T(Li, [["render", xi]]), Ci = {
+const Ji = /* @__PURE__ */ T(Hi, [["render", Gi]]), Xi = {
   name: "IdmSpecialArea",
   props: {
     map: {
@@ -6515,10 +6612,10 @@ const _i = /* @__PURE__ */ T(Li, [["render", xi]]), Ci = {
     }
   }
 };
-function ki(a, e, t, r, i, o) {
-  return _(), C("div");
+function Yi(a, e, t, r, i, o) {
+  return L(), x("div");
 }
-const Si = /* @__PURE__ */ T(Ci, [["render", ki]]), Pi = {
+const qi = /* @__PURE__ */ T(Xi, [["render", Yi]]), Qi = {
   name: "IdmTerminator",
   props: {
     map: {
@@ -6567,11 +6664,11 @@ const Si = /* @__PURE__ */ T(Ci, [["render", ki]]), Pi = {
     }
   }
 };
-function zi(a, e, t, r, i, o) {
-  return _(), C("div");
+function Ki(a, e, t, r, i, o) {
+  return L(), x("div");
 }
-const Ti = /* @__PURE__ */ T(Pi, [["render", zi]]);
-const Ei = {
+const er = /* @__PURE__ */ T(Qi, [["render", Ki]]);
+const tr = {
   name: "IdmLatLng",
   props: {
     map: {
@@ -6678,7 +6775,7 @@ const Ei = {
     handleZoomEnd() {
       var e;
       const a = this.handleComputeLatLngs();
-      (e = this.map) == null || e.getSource(this.source).setData(x.featureCollection(a));
+      (e = this.map) == null || e.getSource(this.source).setData(C.featureCollection(a));
     },
     handleRender() {
       if (this.map) {
@@ -6727,18 +6824,18 @@ const Ei = {
     }
   }
 };
-function Ii(a, e, t, r, i, o) {
-  return i.lngLat ? (_(), C("div", {
+function ar(a, e, t, r, i, o) {
+  return i.lngLat ? (L(), x("div", {
     key: 0,
     class: "lat-lng-tip",
-    style: U({ right: i.right + "px", bottom: t.bottom })
+    style: Z({ right: i.right + "px", bottom: t.bottom })
   }, [
     n("span", null, S(i.lngLat.lat.pretty), 1),
     e[0] || (e[0] = n("span", null, ", ", -1)),
     n("span", null, S(i.lngLat.lng.pretty), 1)
-  ], 4)) : B("", !0);
+  ], 4)) : M("", !0);
 }
-const $e = /* @__PURE__ */ T(Ei, [["render", Ii], ["__scopeId", "data-v-73241fe7"]]), Ri = {
+const $e = /* @__PURE__ */ T(tr, [["render", ar], ["__scopeId", "data-v-73241fe7"]]), ir = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -6779,11 +6876,11 @@ const $e = /* @__PURE__ */ T(Ei, [["render", Ii], ["__scopeId", "data-v-73241fe7
   },
   methods: {
     handleBind() {
-      var a, e, t, r, i, o, s, l, h, d;
+      var a, e, t, r, i, o, s, l, h, p;
       if (this.show)
         (a = this.map) == null || a.getCanvas().addEventListener("keydown", this.handleKeydown), (e = this.map) == null || e.on("mousemove", this.handleMove), (t = this.map) == null || t.on("dblclick", this.handleDblClick), (r = this.map) == null || r.on("click", this.handleClick), (i = this.map) == null || i.on("contextmenu", this.handleContextmenu), this.map && (this.map.getCanvas().style.cursor = "crosshair");
       else {
-        (o = this.map) == null || o.getCanvas().removeEventListener("keydown", this.handleKeydown), (s = this.map) == null || s.off("mousemove", this.handleMove), (l = this.map) == null || l.off("dblclick", this.handleDblClick), (h = this.map) == null || h.off("click", this.handleClick), (d = this.map) == null || d.off("contextmenu", this.handleContextmenu);
+        (o = this.map) == null || o.getCanvas().removeEventListener("keydown", this.handleKeydown), (s = this.map) == null || s.off("mousemove", this.handleMove), (l = this.map) == null || l.off("dblclick", this.handleDblClick), (h = this.map) == null || h.off("click", this.handleClick), (p = this.map) == null || p.off("contextmenu", this.handleContextmenu);
         for (const c of this.geojson)
           this.handleClear(c, !0);
         this.geojson = [], this.map && (this.map.getCanvas().style.cursor = "grab");
@@ -6797,7 +6894,7 @@ const $e = /* @__PURE__ */ T(Ei, [["render", Ii], ["__scopeId", "data-v-73241fe7
       }
     },
     handleDrag(a) {
-      var t, r, i, o, s, l, h, d, c, p;
+      var t, r, i, o, s, l, h, p, c, d;
       const e = (r = (t = a.target) == null ? void 0 : t._element) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const f = this.geojson.filter((u) => u.id === e.split("-")[0])[0];
@@ -6816,13 +6913,13 @@ const $e = /* @__PURE__ */ T(Ei, [["render", Ii], ["__scopeId", "data-v-73241fe7
         this.handleTmpPointUpdate(
           f,
           y[b - 1],
-          { lng: (d = (h = a.target) == null ? void 0 : h._lngLat) == null ? void 0 : d.lng, lat: (p = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : p.lat, properties: y[b].properties },
+          { lng: (p = (h = a.target) == null ? void 0 : h._lngLat) == null ? void 0 : p.lng, lat: (d = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : d.lat, properties: y[b].properties },
           b === y.length - 1 ? void 0 : y[b + 1]
         );
       }
     },
     handleDragEnd(a) {
-      var t, r, i, o, s, l, h, d, c, p;
+      var t, r, i, o, s, l, h, p, c, d;
       const e = (r = (t = a.target) == null ? void 0 : t._element) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const f = this.geojson.filter((y) => y.id === e.split("-")[0])[0];
@@ -6831,7 +6928,7 @@ const $e = /* @__PURE__ */ T(Ei, [["render", Ii], ["__scopeId", "data-v-73241fe7
           return ((u = y._element) == null ? void 0 : u.id) === e;
         })[0].setLngLat([(o = (i = a.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (l = (s = a.target) == null ? void 0 : s._lngLat) == null ? void 0 : l.lat]);
         const b = f.features.filter((y) => y.geometry.type === "Point" && y.properties.id == e.split("-")[1])[0];
-        b.geometry.coordinates = [(d = (h = a.target) == null ? void 0 : h._lngLat) == null ? void 0 : d.lng, (p = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : p.lat], f.features = f.features.filter((y) => y.geometry.type === "Point"), this.handlePointUpdate(f);
+        b.geometry.coordinates = [(p = (h = a.target) == null ? void 0 : h._lngLat) == null ? void 0 : p.lng, (d = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : d.lat], f.features = f.features.filter((y) => y.geometry.type === "Point"), this.handlePointUpdate(f);
       }
     },
     handleContextmenu(a) {
@@ -6840,9 +6937,9 @@ const $e = /* @__PURE__ */ T(Ei, [["render", Ii], ["__scopeId", "data-v-73241fe7
       const e = (o = (i = (r = a.originalEvent) == null ? void 0 : r.target) == null ? void 0 : i.parentElement) == null ? void 0 : o.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const l = this.geojson.filter((h) => h.id === e.split("-")[0])[0].features.filter((h) => h.geometry.type === "Point");
-        if (l.length > 2 && l.filter((d) => d.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
-          const d = document.createElement("div");
-          d.className = "point-contextmenu-marker", d.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new ee.Marker(d).setOffset([24, 0]).setLngLat([a.lngLat.lng, a.lngLat.lat]).addTo(this.map);
+        if (l.length > 2 && l.filter((p) => p.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
+          const p = document.createElement("div");
+          p.className = "point-contextmenu-marker", p.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new ee.Marker(p).setOffset([24, 0]).setLngLat([a.lngLat.lng, a.lngLat.lat]).addTo(this.map);
         }
       }
     },
@@ -6851,15 +6948,15 @@ const $e = /* @__PURE__ */ T(Ei, [["render", Ii], ["__scopeId", "data-v-73241fe7
       (t = this.contextmenu) == null || t.remove();
       const e = a.originalEvent.target.className;
       if (e === "marker-close") {
-        const l = (i = (r = a.originalEvent) == null ? void 0 : r.srcElement) == null ? void 0 : i.id, h = this.geojson.filter((d) => d.id === l)[0];
-        h && this.handleClear(h, !0), this.geojson = this.geojson.filter((d) => d.id !== l);
+        const l = (i = (r = a.originalEvent) == null ? void 0 : r.srcElement) == null ? void 0 : i.id, h = this.geojson.filter((p) => p.id === l)[0];
+        h && this.handleClear(h, !0), this.geojson = this.geojson.filter((p) => p.id !== l);
       } else if (e === "del-point") {
-        const l = (s = (o = a.originalEvent.target.id) == null ? void 0 : o.replace("del-", "")) == null ? void 0 : s.split("-"), h = this.geojson.filter((d) => d.id === l[0])[0];
-        h.features = h.features.filter((d) => d.geometry.type === "Point" && d.properties.id !== l[1]), this.handlePointUpdate(h);
+        const l = (s = (o = a.originalEvent.target.id) == null ? void 0 : o.replace("del-", "")) == null ? void 0 : s.split("-"), h = this.geojson.filter((p) => p.id === l[0])[0];
+        h.features = h.features.filter((p) => p.geometry.type === "Point" && p.properties.id !== l[1]), this.handlePointUpdate(h);
       } else if (e !== "marker-label") {
         let l = this.geojson.at(-1);
-        l || (l = x.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(l)), l.features = l.features.filter((d) => d.geometry.type === "Point");
-        const h = x.feature(
+        l || (l = C.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(l)), l.features = l.features.filter((p) => p.geometry.type === "Point");
+        const h = C.feature(
           {
             type: "Point",
             coordinates: [a.lngLat.lng, a.lngLat.lat]
@@ -6878,34 +6975,34 @@ const $e = /* @__PURE__ */ T(Ei, [["render", Ii], ["__scopeId", "data-v-73241fe7
         let t = 0;
         const r = [];
         for (let i = 1; i < e.length; i++) {
-          const o = e[i - 1], s = e[i], l = o.properties, h = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, d = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, c = K.calculateDistance(h, d, l.mode === "RL", 2), p = K.calculateBearing(h, d, l.mode === "RL", 2);
+          const o = e[i - 1], s = e[i], l = o.properties, h = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, p = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, c = K.calculateDistance(h, p, l.mode === "RL", 2), d = K.calculateBearing(h, p, l.mode === "RL", 2);
           t = D.roundPrecision(t + c, 2);
           let f;
-          l.mode === "RL" ? f = D.convertToMonotonicLng([h, d]) : f = D.convertToMonotonicLng(K.interpolateCoordinates(h, d, 200));
-          const m = x.lineString(f.map((b) => [b.lng, b.lat]));
-          m.properties.dist = c, m.properties.bearing = p, m.properties.total = t, r.push(m);
+          l.mode === "RL" ? f = D.convertToMonotonicLng([h, p]) : f = D.convertToMonotonicLng(K.interpolateCoordinates(h, p, 200));
+          const m = C.lineString(f.map((b) => [b.lng, b.lat]));
+          m.properties.dist = c, m.properties.bearing = d, m.properties.total = t, r.push(m);
         }
         e.push(...r), a.total = t;
       }
       return this.handleRender(a), a;
     },
     handleTmpPointUpdate(a, e, t, r) {
-      const i = x.featureCollection([]);
+      const i = C.featureCollection([]);
       let o, s;
       if (e) {
-        const h = e.properties, d = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, c = { lng: t.lng, lat: t.lat };
-        o = K.calculateDistance(d, c, h.mode === "RL", 2), s = K.calculateBearing(d, c, h.mode === "RL", 2);
-        let p;
-        h.mode === "RL" ? p = D.convertToMonotonicLng([d, c]) : p = D.convertToMonotonicLng(K.interpolateCoordinates(d, c, 200));
-        const f = x.lineString(p.map((m) => [m.lng, m.lat]));
+        const h = e.properties, p = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, c = { lng: t.lng, lat: t.lat };
+        o = K.calculateDistance(p, c, h.mode === "RL", 2), s = K.calculateBearing(p, c, h.mode === "RL", 2);
+        let d;
+        h.mode === "RL" ? d = D.convertToMonotonicLng([p, c]) : d = D.convertToMonotonicLng(K.interpolateCoordinates(p, c, 200));
+        const f = C.lineString(d.map((m) => [m.lng, m.lat]));
         f.properties.dist = o, f.properties.bearing = s, i.features.push(f);
       }
       if (r) {
-        const h = t.properties, d = t, c = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
-        o = K.calculateDistance(d, c, h.mode === "RL", 2), s = K.calculateBearing(d, c, h.mode === "RL", 2);
-        let p;
-        h.mode === "RL" ? p = D.convertToMonotonicLng([d, c]) : p = D.convertToMonotonicLng(K.interpolateCoordinates(d, c, 200));
-        const f = x.lineString(p.map((m) => [m.lng, m.lat]));
+        const h = t.properties, p = t, c = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
+        o = K.calculateDistance(p, c, h.mode === "RL", 2), s = K.calculateBearing(p, c, h.mode === "RL", 2);
+        let d;
+        h.mode === "RL" ? d = D.convertToMonotonicLng([p, c]) : d = D.convertToMonotonicLng(K.interpolateCoordinates(p, c, 200));
+        const f = C.lineString(d.map((m) => [m.lng, m.lat]));
         f.properties.dist = o, f.properties.bearing = s, i.features.push(f);
       }
       this.map.getSource(this.tmpSource) ? this.map.getSource(this.tmpSource).setData(i) : this.map.addSource(this.tmpSource, {
@@ -6956,14 +7053,14 @@ const $e = /* @__PURE__ */ T(Ei, [["render", Ii], ["__scopeId", "data-v-73241fe7
     handleMove(a) {
       this.map.getCanvas().style.cursor = "crosshair";
       let e = this.geojson.at(-1);
-      e || (e = x.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e));
+      e || (e = C.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e));
       const t = e.features.filter((r) => r.geometry.type === "Point");
       t != null && t.length && this.handleTmpPointUpdate(e, t.at(-1), { lng: a.lngLat.lng, lat: a.lngLat.lat });
     },
     handleDblClick(a) {
       a.preventDefault();
       let e = this.geojson.at(-1);
-      e.closed = !0, this.handleRender(e), e = x.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e);
+      e.closed = !0, this.handleRender(e), e = C.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e);
     },
     handleRender(a) {
       var e;
@@ -7012,25 +7109,25 @@ const $e = /* @__PURE__ */ T(Ei, [["render", Ii], ["__scopeId", "data-v-73241fe7
           h.on("drag", this.handleDrag), h.on("dragend", this.handleDragEnd), this.pointMarkers[a.id] ? this.pointMarkers[a.id].push(h) : this.pointMarkers[a.id] = [h];
         }
         if (a.closed) {
-          const s = o.at(-1), h = a.features.filter((c) => c.geometry.type === "LineString").at(-1), d = document.createElement("div");
-          d.className = "point-summary-marker", d.innerHTML = `<div id="${a.id}" class="marker-close">×</div><div class="marker-label">Tol: ${h.properties.total}nm</div>`, this.closeMarkers[a.id] = new ee.Marker(d).setOffset([60, 0]).setLngLat(s.geometry.coordinates).addTo(this.map);
+          const s = o.at(-1), h = a.features.filter((c) => c.geometry.type === "LineString").at(-1), p = document.createElement("div");
+          p.className = "point-summary-marker", p.innerHTML = `<div id="${a.id}" class="marker-close">×</div><div class="marker-label">Tol: ${h.properties.total}nm</div>`, this.closeMarkers[a.id] = new ee.Marker(p).setOffset([60, 0]).setLngLat(s.geometry.coordinates).addTo(this.map);
         }
       }
     },
     handleClear(a, e = !0) {
-      var o, s, l, h, d, c, p, f, m;
+      var o, s, l, h, p, c, d, f, m;
       const t = `${a.id}-${this.source}`, r = `${a.id}-${this.layer}`, i = `${a.id}-${this.labelLayer}`;
-      (o = this.map) != null && o.getLayer(r) && this.map.removeLayer(r), (s = this.map) != null && s.getLayer(i) && this.map.removeLayer(i), (l = this.map) != null && l.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (h = this.map) != null && h.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (d = this.closeMarkers[a.id]) == null || d.remove(), this.closeMarkers[a.id] = void 0, (c = this.pointMarkers[a.id]) == null || c.forEach((b) => {
+      (o = this.map) != null && o.getLayer(r) && this.map.removeLayer(r), (s = this.map) != null && s.getLayer(i) && this.map.removeLayer(i), (l = this.map) != null && l.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (h = this.map) != null && h.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (p = this.closeMarkers[a.id]) == null || p.remove(), this.closeMarkers[a.id] = void 0, (c = this.pointMarkers[a.id]) == null || c.forEach((b) => {
         b == null || b.remove();
-      }), this.pointMarkers[a.id] = [], (p = this.tipMarker) == null || p.remove(), this.tipMarker = void 0, e && ((f = this.map) != null && f.getSource(t)) && this.map.removeSource(t), e && ((m = this.map) != null && m.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
+      }), this.pointMarkers[a.id] = [], (d = this.tipMarker) == null || d.remove(), this.tipMarker = void 0, e && ((f = this.map) != null && f.getSource(t)) && this.map.removeSource(t), e && ((m = this.map) != null && m.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
 };
-function Ai(a, e, t, r, i, o) {
-  return _(), C("div");
+function rr(a, e, t, r, i, o) {
+  return L(), x("div");
 }
-const Di = /* @__PURE__ */ T(Ri, [["render", Ai]]);
-const Mi = {
+const or = /* @__PURE__ */ T(ir, [["render", rr]]);
+const sr = {
   name: "IdmENC",
   props: {
     map: {
@@ -7045,7 +7142,7 @@ const Mi = {
     },
     bottom: {
       type: String,
-      default: "260px"
+      default: "280px"
     },
     token: {
       type: String,
@@ -7061,8 +7158,8 @@ const Mi = {
   emits: ["enc"],
   data() {
     return {
-      helper: Ce,
-      vendor: this.$attrs.permission & Ce.LEVEL.Supper ? "hi" : "i4",
+      helper: Ee,
+      vendor: this.$attrs.permission & Ee.LEVEL.Supper ? "hi" : "i4",
       right: 10
     };
   },
@@ -7082,24 +7179,24 @@ const Mi = {
     }
   },
   methods: {}
-}, Wi = { key: 0 }, ji = { class: "bar-item" };
-function Bi(a, e, t, r, i, o) {
+}, nr = { key: 0 }, lr = { class: "bar-item" };
+function cr(a, e, t, r, i, o) {
   const s = P("ElTooltip");
-  return t.enabled && t.permission & i.helper.LEVEL.Supper ? (_(), C("div", Wi, [
+  return t.enabled && t.permission & i.helper.LEVEL.Supper ? (L(), x("div", nr, [
     n("div", {
       class: "menu-bar-box",
-      style: U({ position: "absolute", right: i.right + "px", bottom: t.bottom })
+      style: Z({ position: "absolute", right: i.right + "px", bottom: t.bottom })
     }, [
-      n("div", ji, [
+      n("div", lr, [
         k(s, {
           placement: "left",
           effect: "light",
           content: "Hifleet",
           "show-after": 1e3
         }, {
-          default: X(() => [
+          default: H(() => [
             n("div", {
-              class: W(i.vendor === "hi" ? "menu-icon active" : "menu-icon"),
+              class: A(i.vendor === "hi" ? "menu-icon active" : "menu-icon"),
               onClick: e[0] || (e[0] = (l) => i.vendor = "hi")
             }, e[2] || (e[2] = [
               n("span", { class: "iconfont" }, "HI", -1)
@@ -7113,9 +7210,9 @@ function Bi(a, e, t, r, i, o) {
           content: "I4insight",
           "show-after": 1e3
         }, {
-          default: X(() => [
+          default: H(() => [
             n("div", {
-              class: W(i.vendor === "i4" ? "menu-icon active" : "menu-icon"),
+              class: A(i.vendor === "i4" ? "menu-icon active" : "menu-icon"),
               onClick: e[1] || (e[1] = (l) => i.vendor = "i4")
             }, e[3] || (e[3] = [
               n("span", { class: "iconfont" }, "I4", -1)
@@ -7125,42 +7222,42 @@ function Bi(a, e, t, r, i, o) {
         })
       ])
     ], 4)
-  ])) : B("", !0);
+  ])) : M("", !0);
 }
-const Ni = /* @__PURE__ */ T(Mi, [["render", Bi], ["__scopeId", "data-v-5873cc66"]]);
-const Oi = {
+const hr = /* @__PURE__ */ T(sr, [["render", cr], ["__scopeId", "data-v-150235f7"]]);
+const dr = {
   name: "IdmGLV2",
   components: {
-    IdmGlLayer: yt,
-    IdmWindBarb: vt,
-    IdmWindParticle: Ct,
-    IdmCurrents: zt,
-    IdmCurrentParticle: Rt,
-    IdmSigWave: Mt,
-    IdmSwell: Bt,
-    IdmPrmsl: Ft,
+    IdmGlLayer: Et,
+    IdmWindBarb: Dt,
+    IdmWindParticle: Bt,
+    IdmCurrents: Ut,
+    IdmCurrentParticle: Jt,
+    IdmSigWave: qt,
+    IdmSwell: ea,
+    IdmPrmsl: ia,
     // IdmIceEdge,
-    IdmIceberg: Ut,
+    IdmIceberg: sa,
     IdmTropicals: Fe,
-    IdmPrecip3h: da,
-    IdmVisibility: ya,
-    IdmWaterTemp: va,
-    IdmTemp: _a,
-    IdmArctic: Pa,
-    IdmWarZone: Ja,
-    IdmGmdssArea: qa,
-    IdmEcaZone: ei,
-    IdmAlertZone: oi,
-    IdmPort: ui,
-    IdmLoadLine: gi,
-    IdmTimezone: wi,
-    IdmVRA: _i,
-    IdmSpecialArea: Si,
-    IdmTerminator: Ti,
+    IdmPrecip3h: Pa,
+    IdmVisibility: Ea,
+    IdmWaterTemp: Da,
+    IdmTemp: Na,
+    IdmArctic: Va,
+    IdmWarZone: vi,
+    IdmGmdssArea: xi,
+    IdmEcaZone: ki,
+    IdmAlertZone: Ii,
+    IdmPort: Ni,
+    IdmLoadLine: $i,
+    IdmTimezone: Zi,
+    IdmVRA: Ji,
+    IdmSpecialArea: qi,
+    IdmTerminator: er,
     IdmLatLng: $e,
-    IdmMeasure: Di,
-    IdmPoint: Za,
-    IdmENC: Ni
+    IdmMeasure: or,
+    IdmPoint: fi,
+    IdmENC: hr
   },
   props: {
     map: {
@@ -7195,7 +7292,7 @@ const Oi = {
       show3d: !1,
       meteo: void 0,
       source: "",
-      gateway: "https://cbe.idmwx.com",
+      gateway: "https://cbe4test.idmwx.com",
       mapProjection: "mercator",
       zoom: 6,
       viewport: void 0,
@@ -7207,15 +7304,14 @@ const Oi = {
       showCurrentIsoband: !1,
       showCurrentParticle: !1,
       enc: "",
-      // enc: 'i4',
       defaultMeteoToken: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg",
-      helper: new wt()
+      helper: new Mt()
     };
   },
   watch: {
     ts: {
       handler(a, e) {
-        a && e && Z(a).utc().format("yyyy-MM-DD HH") !== Z(e).utc().format("yyyy-MM-DD HH") && this.$nextTick(() => {
+        a && e && G(a).utc().format("yyyy-MM-DD HH") !== G(e).utc().format("yyyy-MM-DD HH") && this.$nextTick(() => {
           this.handleDateChange({ tropicals: !1 });
         });
       },
@@ -7223,22 +7319,22 @@ const Oi = {
     },
     map: {
       handler() {
-        this.map && (this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.viewport = new Re(this.map), this.handleRampColorInitial());
+        this.map && (this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.viewport = new Ne(this.map), this.handleRampColorInitial());
       },
       immediate: !0
     },
     enc: {
       handler(a, e) {
-        var t, r, i, o, s, l, h, d;
-        a ? ((r = (t = this.map) == null ? void 0 : t.getLayer(a)) == null || r.setLayoutProperty("visibility", "visible"), (o = (i = this.map) == null ? void 0 : i.getLayer(e)) == null || o.setLayoutProperty("visibility", "none")) : ((l = (s = this.map) == null ? void 0 : s.getLayer("i4")) == null || l.setLayoutProperty("visibility", "none"), (d = (h = this.map) == null ? void 0 : h.getLayer("hi")) == null || d.setLayoutProperty("visibility", "none"));
+        var t, r, i, o, s, l, h, p;
+        a ? ((r = (t = this.map) == null ? void 0 : t.getLayer(a)) == null || r.setLayoutProperty("visibility", "visible"), (o = (i = this.map) == null ? void 0 : i.getLayer(e)) == null || o.setLayoutProperty("visibility", "none")) : ((l = (s = this.map) == null ? void 0 : s.getLayer("i4")) == null || l.setLayoutProperty("visibility", "none"), (p = (h = this.map) == null ? void 0 : h.getLayer("hi")) == null || p.setLayoutProperty("visibility", "none"));
       }
     },
     activeWeatherLayers: {
       handler() {
-        var a, e, t, r, i, o, s, l, h, d, c, p, f, m, b, y, u, v;
+        var a, e, t, r, i, o, s, l, h, p, c, d, f, m, b, y, u, v;
         if (!this.map)
           return !1;
-        this.activeWeatherLayers.length > 0 ? ((e = (a = this.map) == null ? void 0 : a.getLayer(this.enc)) == null || e.setLayoutProperty("visibility", "none"), (r = (t = this.map) == null ? void 0 : t.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || r.setLayoutProperty("visibility", "visible"), (o = this.map) != null && o.getLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer) && ((s = this.map) != null && s.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((h = this.map) == null || h.moveLayer((l = this.viewport) == null ? void 0 : l.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (c = this.map) != null && c.getLayer((d = this.viewport) == null ? void 0 : d.particleLayer) && ((p = this.map) != null && p.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((m = this.map) == null || m.moveLayer((f = this.viewport) == null ? void 0 : f.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : ((y = (b = this.map) == null ? void 0 : b.getLayer(this.enc)) == null || y.setLayoutProperty("visibility", "visible"), (v = (u = this.map) == null ? void 0 : u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || v.setLayoutProperty("visibility", "none")), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
+        this.activeWeatherLayers.length > 0 ? ((e = (a = this.map) == null ? void 0 : a.getLayer(this.enc)) == null || e.setLayoutProperty("visibility", "none"), (r = (t = this.map) == null ? void 0 : t.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || r.setLayoutProperty("visibility", "visible"), (o = this.map) != null && o.getLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer) && ((s = this.map) != null && s.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((h = this.map) == null || h.moveLayer((l = this.viewport) == null ? void 0 : l.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (c = this.map) != null && c.getLayer((p = this.viewport) == null ? void 0 : p.particleLayer) && ((d = this.map) != null && d.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((m = this.map) == null || m.moveLayer((f = this.viewport) == null ? void 0 : f.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : ((y = (b = this.map) == null ? void 0 : b.getLayer(this.enc)) == null || y.setLayoutProperty("visibility", "visible"), (v = (u = this.map) == null ? void 0 : u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || v.setLayoutProperty("visibility", "none")), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
       },
       immediate: !0
     }
@@ -7285,13 +7381,13 @@ const Oi = {
   },
   methods: {
     async fetchWeatherLayers(a = { tropicals: !1 }) {
-      var i, o, s, l, h, d, c, p;
+      var i, o, s, l, h, p, c, d;
       const e = (/* @__PURE__ */ new Date()).valueOf();
       let t = 0, r = 0;
       if (this.map) {
         const f = ((i = this.map) == null ? void 0 : i.getZoom()) + 1, m = (o = this.map) == null ? void 0 : o.getBounds(), b = `${m._sw.lng},${m._sw.lat},${m._ne.lng},${m._ne.lat}`;
-        if (this.handleRampColorState(), this.particleFactor) {
-          const y = ke.WEATHER_LAYERS.find((u) => {
+        if (this.particleFactor) {
+          const y = Re.WEATHER_LAYERS.find((u) => {
             var v;
             return ((v = u.peer) == null ? void 0 : v.weight) === this.particleFactor.weight;
           });
@@ -7306,26 +7402,26 @@ const Oi = {
               }
             });
             if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + t), console.log("weather links elapsed: ", r, ", total: ", t += r), ((s = v == null ? void 0 : v.data) == null ? void 0 : s.code) === 0) {
-              const g = (l = v == null ? void 0 : v.data) == null ? void 0 : l.data, L = [];
+              const g = (l = v == null ? void 0 : v.data) == null ? void 0 : l.data, _ = [];
               for (const w in g)
-                w === "ice-edge" && (g[w] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), w !== "tropicals" && L.push(
+                w === "ice-edge" && (g[w] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), w !== "tropicals" && _.push(
                   oe.get(g[w], {
                     headers: {
                       Authorization: this.token || this.defaultMeteoToken,
                       key: w
                     },
                     responseType: /\.(jpg|png)$/.test(g[w]) ? "blob" : "json"
-                  }).catch((A) => {
-                    console.log(`[${w}] fetch layer error: ${A}`);
+                  }).catch((W) => {
+                    console.log(`[${w}] fetch layer error: ${W}`);
                   })
                 );
-              const z = await Promise.all(L);
+              const z = await Promise.all(_);
               this.weatherLayers = {}, z.map((w) => {
-                var j, O, F, H;
-                const A = ((j = w == null ? void 0 : w.data) == null ? void 0 : j.data) || (w == null ? void 0 : w.data), M = (F = (O = w == null ? void 0 : w.config) == null ? void 0 : O.headers) == null ? void 0 : F.key;
-                M && A && (this.weatherLayers[M] = {
-                  raw: A,
-                  type: ((H = w == null ? void 0 : w.config) == null ? void 0 : H.responseType) === "blob" ? "image" : "json",
+                var j, B, F, J;
+                const W = ((j = w == null ? void 0 : w.data) == null ? void 0 : j.data) || (w == null ? void 0 : w.data), O = (F = (B = w == null ? void 0 : w.config) == null ? void 0 : B.headers) == null ? void 0 : F.key;
+                O && W && (this.weatherLayers[O] = {
+                  raw: W,
+                  type: ((J = w == null ? void 0 : w.config) == null ? void 0 : J.responseType) === "blob" ? "image" : "json",
                   etime: this.ts
                 });
               }), g.tropicals && oe.get(g.tropicals, {
@@ -7334,10 +7430,10 @@ const Oi = {
                   key: "tropicals"
                 }
               }).then((w) => {
-                var j, O, F;
-                const A = Oe.convert2Geojson(((j = w == null ? void 0 : w.data) == null ? void 0 : j.data) || (w == null ? void 0 : w.data)), M = (F = (O = w == null ? void 0 : w.config) == null ? void 0 : O.headers) == null ? void 0 : F.key;
-                this.weatherLayers[M] = {
-                  data: A,
+                var j, B, F;
+                const W = Be.convert2Geojson(((j = w == null ? void 0 : w.data) == null ? void 0 : j.data) || (w == null ? void 0 : w.data)), O = (F = (B = w == null ? void 0 : w.config) == null ? void 0 : B.headers) == null ? void 0 : F.key;
+                this.weatherLayers[O] = {
+                  data: W,
                   active: !0,
                   cached: !1,
                   type: "json",
@@ -7347,20 +7443,20 @@ const Oi = {
               });
             }
             if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + t), console.log("weather layers elapsed: ", r, ", total: ", t += r), this.weatherLayers["swell-direction"] || this.weatherLayers["swell-height"]) {
-              const g = (h = this.weatherLayers["swell-direction"]) == null ? void 0 : h.raw, L = (d = this.weatherLayers["swell-height"]) == null ? void 0 : d.raw;
+              const g = (h = this.weatherLayers["swell-direction"]) == null ? void 0 : h.raw, _ = (p = this.weatherLayers["swell-height"]) == null ? void 0 : p.raw;
               delete this.weatherLayers["swell-direction"], delete this.weatherLayers["swell-height"], this.weatherLayers.swell = {
                 type: "json",
                 direction: g,
-                height: { raw: L },
+                height: { raw: _ },
                 etime: this.ts
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
-              const g = (c = this.weatherLayers["current-direction"]) == null ? void 0 : c.raw, L = (p = this.weatherLayers["current-speed"]) == null ? void 0 : p.raw;
+              const g = (c = this.weatherLayers["current-direction"]) == null ? void 0 : c.raw, _ = (d = this.weatherLayers["current-speed"]) == null ? void 0 : d.raw;
               delete this.weatherLayers["current-direction"], delete this.weatherLayers["current-speed"], this.weatherLayers.current = {
                 type: "json",
                 direction: g,
-                speed: { raw: L },
+                speed: { raw: _ },
                 etime: this.ts
               };
             }
@@ -7385,20 +7481,20 @@ const Oi = {
                 }
               });
               if (((e = l == null ? void 0 : l.data) == null ? void 0 : e.code) === 0) {
-                const h = (t = l == null ? void 0 : l.data) == null ? void 0 : t.data, d = [];
-                for (const p in h)
-                  d.push(
-                    oe.get(h[p], {
+                const h = (t = l == null ? void 0 : l.data) == null ? void 0 : t.data, p = [];
+                for (const d in h)
+                  p.push(
+                    oe.get(h[d], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
-                        key: p
+                        key: d
                       }
                     })
                   );
-                const c = await Promise.all(d);
-                this.otherLayers = { enc: s }, c.map((p) => {
+                const c = await Promise.all(p);
+                this.otherLayers = { enc: s }, c.map((d) => {
                   var b, y, u;
-                  const f = ((b = p == null ? void 0 : p.data) == null ? void 0 : b.data) || (p == null ? void 0 : p.data), m = (u = (y = p == null ? void 0 : p.config) == null ? void 0 : y.headers) == null ? void 0 : u.key;
+                  const f = ((b = d == null ? void 0 : d.data) == null ? void 0 : b.data) || (d == null ? void 0 : d.data), m = (u = (y = d == null ? void 0 : d.config) == null ? void 0 : y.headers) == null ? void 0 : u.key;
                   this.otherLayers[m] = f;
                 });
               }
@@ -7409,19 +7505,19 @@ const Oi = {
                 }
               });
               if (((r = l == null ? void 0 : l.data) == null ? void 0 : r.code) === 0) {
-                const h = (i = l == null ? void 0 : l.data) == null ? void 0 : i.data, d = [];
-                for (const p in h)
-                  d.push(
-                    oe.get(h[p], {
+                const h = (i = l == null ? void 0 : l.data) == null ? void 0 : i.data, p = [];
+                for (const d in h)
+                  p.push(
+                    oe.get(h[d], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
-                        key: p
+                        key: d
                       }
                     })
                   );
-                (await Promise.all(d)).map((p) => {
+                (await Promise.all(p)).map((d) => {
                   var b, y, u;
-                  const f = ((b = p == null ? void 0 : p.data) == null ? void 0 : b.data) || (p == null ? void 0 : p.data), m = (u = (y = p == null ? void 0 : p.config) == null ? void 0 : y.headers) == null ? void 0 : u.key;
+                  const f = ((b = d == null ? void 0 : d.data) == null ? void 0 : b.data) || (d == null ? void 0 : d.data), m = (u = (y = d == null ? void 0 : d.config) == null ? void 0 : y.headers) == null ? void 0 : u.key;
                   this.otherLayers[m] = f;
                 });
               }
@@ -7436,14 +7532,14 @@ const Oi = {
     handleRampColorState() {
       var a;
       if (this.showRampColor = !1, this.showWindParticle = !1, this.showCurrentParticle = !1, (a = this.particleFactor) != null && a.particle)
-        this.showRampColor = !0, this.showWindParticle = this.particleFactor.key === "wind", this.showCurrentParticle = this.particleFactor.key === "current", this.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.type === "json");
+        this.showRampColor = !0, this.particleFactor.key === "wind" && (this.showWindParticle = !0), this.particleFactor.key === "current" && (this.showCurrentParticle = !0);
       else
         for (const e of this.activeWeatherLayers)
           ["png", "jpg"].includes(e.type) && (this.showRampColor = !0);
       this.activeWindLayer = !!this.activeWeatherLayers.find((e) => e.key === "wind"), this.$refs.layer && (this.$refs.layer.activeWeatherLayers = this.activeWeatherLayers);
     },
     handleRampColorInitial() {
-      var a, e, t, r, i, o, s, l, h, d, c, p;
+      var a, e, t, r, i, o, s, l, h, p, c, d;
       this.viewport.map.getSource((a = this.viewport) == null ? void 0 : a.rampColorSource) || this.viewport.map.addSource((e = this.viewport) == null ? void 0 : e.rampColorSource, {
         type: "canvas",
         canvas: (t = this.viewport) == null ? void 0 : t.rampColorCanvas,
@@ -7464,11 +7560,11 @@ const Oi = {
         canvas: (h = this.viewport) == null ? void 0 : h.particleCanvas,
         animate: !0,
         coordinates: this.viewport.getBoundLngLat()
-      }), this.viewport.map.getLayer((d = this.viewport) == null ? void 0 : d.particleLayer) || this.viewport.map.addLayer(
+      }), this.viewport.map.getLayer((p = this.viewport) == null ? void 0 : p.particleLayer) || this.viewport.map.addLayer(
         {
           type: "raster",
           id: (c = this.viewport) == null ? void 0 : c.particleLayer,
-          source: (p = this.viewport) == null ? void 0 : p.particleSource,
+          source: (d = this.viewport) == null ? void 0 : d.particleSource,
           layout: {
             visibility: "none"
           }
@@ -7477,10 +7573,10 @@ const Oi = {
       );
     },
     handleDragEndWithZoom4Json() {
-      var d, c, p, f;
+      var p, c, d, f;
       const a = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, t = 0;
-      const r = (d = this.map) == null ? void 0 : d.getBounds(), i = this.map.getZoom(), o = D.convertToStdLng(r._sw.lng), s = D.convertToStdLng(r._ne.lng), l = Math.floor(r._sw.lat), h = Math.ceil(r._ne.lat);
+      const r = (p = this.map) == null ? void 0 : p.getBounds(), i = this.map.getZoom(), o = D.convertToStdLng(r._sw.lng), s = D.convertToStdLng(r._ne.lng), l = Math.floor(r._sw.lat), h = Math.ceil(r._ne.lat);
       for (const m in this.weatherLayers)
         if (this.weatherLayers[m].active && this.weatherLayers[m].type === "json") {
           this.weatherLayers[m].active = !1, this.weatherLayers[m].version = Math.random() + 1;
@@ -7490,21 +7586,21 @@ const Oi = {
             for (const u in y)
               if (u > l && u < h && (!(i <= this.zoom) || u % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                 const v = y[u].lng;
-                o > s ? v.forEach((g, L) => {
+                o > s ? v.forEach((g, _) => {
                   var z;
                   if ((g >= o && g <= 180 || g >= -180 && g <= s) && (!(i <= this.zoom) || g % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const w = x.point([g, u], {
-                      val: y[u].val[L],
-                      spd: (z = y[u].spd) == null ? void 0 : z[L]
+                    const w = C.point([g, u], {
+                      val: y[u].val[_],
+                      spd: (z = y[u].spd) == null ? void 0 : z[_]
                     });
                     b.push(w);
                   }
-                }) : v.forEach((g, L) => {
+                }) : v.forEach((g, _) => {
                   var z;
                   if (g >= o && g <= s && (!(i <= this.zoom) || g % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const w = x.point([g, u], {
-                      val: y[u].val[L],
-                      spd: (z = y[u].spd) == null ? void 0 : z[L]
+                    const w = C.point([g, u], {
+                      val: y[u].val[_],
+                      spd: (z = y[u].spd) == null ? void 0 : z[_]
                     });
                     b.push(w);
                   }
@@ -7515,15 +7611,15 @@ const Oi = {
               if (u) {
                 if (!u.data) {
                   const v = [];
-                  for (const g in (p = u.raw) == null ? void 0 : p.LineString) {
-                    const L = u.raw.LineString[g];
-                    for (const z of L)
+                  for (const g in (d = u.raw) == null ? void 0 : d.LineString) {
+                    const _ = u.raw.LineString[g];
+                    for (const z of _)
                       v.push(
-                        x.lineString(z, {
+                        C.lineString(z, {
                           val: Number(g)
                         })
                       );
-                    u.data = x.featureCollection(v);
+                    u.data = C.featureCollection(v);
                   }
                 }
                 if (u.data) {
@@ -7538,16 +7634,16 @@ const Oi = {
               if (u) {
                 if (!u.data) {
                   const g = [];
-                  for (const L in (f = u.raw) == null ? void 0 : f.Polygon) {
-                    const z = u.raw.Polygon[L];
+                  for (const _ in (f = u.raw) == null ? void 0 : f.Polygon) {
+                    const z = u.raw.Polygon[_];
                     for (const w of z)
                       g.push(
-                        x.polygon(w, {
-                          val: Number(L)
+                        C.polygon(w, {
+                          val: Number(_)
                         })
                       );
                   }
-                  u.data = x.featureCollection(g);
+                  u.data = C.featureCollection(g);
                 }
                 const v = i < this.zoom ? u.data.features.filter((g) => g.properties.val > 0.5) : u.data.features;
                 b = b.concat(v), t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("speed elapsed: ", t, ", total: ", e += t);
@@ -7558,19 +7654,19 @@ const Oi = {
             for (const u in y)
               if (u > l && u < h && (!(i <= this.zoom) || u % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                 const v = y[u].lng;
-                o > s ? v.forEach((g, L) => {
+                o > s ? v.forEach((g, _) => {
                   if ((g >= o && g <= 180 || g >= -180 && g <= s) && (!(i <= this.zoom) || g % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const z = x.point([g, u], {
-                      val: y[u].val[L],
-                      spd: y[u].spd[L]
+                    const z = C.point([g, u], {
+                      val: y[u].val[_],
+                      spd: y[u].spd[_]
                     });
                     b.push(z);
                   }
-                }) : v.forEach((g, L) => {
+                }) : v.forEach((g, _) => {
                   if (g >= o && g <= s && (!(i <= this.zoom) || g % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const z = x.point([g, u], {
-                      val: y[u].val[L],
-                      spd: y[u].spd[L]
+                    const z = C.point([g, u], {
+                      val: y[u].val[_],
+                      spd: y[u].spd[_]
                     });
                     b.push(z);
                   }
@@ -7586,18 +7682,18 @@ const Oi = {
                 const u = [];
                 for (const v in y.Polygon) {
                   const g = y.Polygon[v];
-                  for (const L of g)
+                  for (const _ of g)
                     u.push(
-                      x.polygon(L, {
+                      C.polygon(_, {
                         val: Number(v)
                       })
                     );
                 }
                 for (const v in y.Point) {
                   const g = y.Point[v];
-                  for (const L of g)
+                  for (const _ of g)
                     u.push(
-                      ...x.points(L, {
+                      ...C.points(_, {
                         val: Number(v)
                       }).features
                     );
@@ -7615,19 +7711,19 @@ const Oi = {
                 const u = [];
                 for (const v in y.LineString) {
                   const g = y.LineString[v];
-                  for (const L of g)
+                  for (const _ of g)
                     u.push(
-                      x.lineString(L, {
+                      C.lineString(_, {
                         val: Number(v)
                       })
                     );
                 }
                 for (const v in y.Point)
-                  y.Point[v].lng.forEach((g, L) => {
+                  y.Point[v].lng.forEach((g, _) => {
                     g = D.convertToStdLng(g), u.push(
-                      x.point([g, v], {
-                        val: y.Point[v].val[L],
-                        type: y.Point[v].type[L]
+                      C.point([g, v], {
+                        val: y.Point[v].val[_],
+                        type: y.Point[v].type[_]
                       })
                     );
                   });
@@ -7644,9 +7740,9 @@ const Oi = {
                 const u = [];
                 for (const v in y.LineString) {
                   const g = y.LineString[v];
-                  for (const L of g)
+                  for (const _ of g)
                     u.push(
-                      x.lineString(L, {
+                      C.lineString(_, {
                         val: Number(v)
                       })
                     );
@@ -7656,7 +7752,7 @@ const Oi = {
             }
             t = (/* @__PURE__ */ new Date()).valueOf() - (a + e);
           }
-          console.log(m, " elapsed: ", t, ", total: ", e += t), b.length && (this.weatherLayers[m].data = x.featureCollection(b)), this.weatherLayers[m].active = !0, this.weatherLayers[m].version = Math.random() + 1;
+          console.log(m, " elapsed: ", t, ", total: ", e += t), b.length && (this.weatherLayers[m].data = C.featureCollection(b)), this.weatherLayers[m].active = !0, this.weatherLayers[m].version = Math.random() + 1;
         }
     },
     handleDragEndWithZoom4Image() {
@@ -7668,10 +7764,10 @@ const Oi = {
       return a.features.forEach((o) => {
         if (o.geometry.type !== "Point")
           if (r > i) {
-            let s = [r, e._sw.lat, 180, e._ne.lat], l = x.bboxClip(o, s);
-            l.geometry.coordinates.length && t.push(l), s = [-180, e._sw.lat, i, e._ne.lat], l = x.bboxClip(o, s), l.geometry.coordinates.length && t.push(l);
+            let s = [r, e._sw.lat, 180, e._ne.lat], l = C.bboxClip(o, s);
+            l.geometry.coordinates.length && t.push(l), s = [-180, e._sw.lat, i, e._ne.lat], l = C.bboxClip(o, s), l.geometry.coordinates.length && t.push(l);
           } else {
-            const s = [r, e._sw.lat, i, e._ne.lat], l = x.bboxClip(o, s);
+            const s = [r, e._sw.lat, i, e._ne.lat], l = C.bboxClip(o, s);
             l.geometry.coordinates.length && t.push(l);
           }
         else
@@ -7689,19 +7785,15 @@ const Oi = {
       this.handleBeforeLayerToggle();
     },
     handleBeforeLayerToggle() {
-      var a, e, t, r, i, o, s, l, h, d, c, p, f;
-      (a = this.map) != null && a.getLayer(this.beforeLayer) && ((e = this.activeWeatherLayers) != null && e.length || (t = this.otherLayers) != null && t["war-zones"] || (r = this.otherLayers) != null && r["gmdss-areas"] || (i = this.otherLayers) != null && i["load-lines"] || (o = this.otherLayers) != null && o["high-risk-area"] || (s = this.otherLayers) != null && s["time-zones"] || (l = this.otherLayers) != null && l.pirates || (h = this.otherLayers) != null && h.ports || (d = this.otherLayers) != null && d.enc || (c = this.otherLayers) != null && c["voluntary-reporting-area"] || (p = this.otherLayers) != null && p["eca-zones"] || (f = this.otherLayers) != null && f["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
+      var a, e, t, r, i, o, s, l, h, p, c, d, f;
+      (a = this.map) != null && a.getLayer(this.beforeLayer) && ((e = this.activeWeatherLayers) != null && e.length || (t = this.otherLayers) != null && t["war-zones"] || (r = this.otherLayers) != null && r["gmdss-areas"] || (i = this.otherLayers) != null && i["load-lines"] || (o = this.otherLayers) != null && o["high-risk-area"] || (s = this.otherLayers) != null && s["time-zones"] || (l = this.otherLayers) != null && l.pirates || (h = this.otherLayers) != null && h.ports || (p = this.otherLayers) != null && p.enc || (c = this.otherLayers) != null && c["voluntary-reporting-area"] || (d = this.otherLayers) != null && d["eca-zones"] || (f = this.otherLayers) != null && f["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
     },
     handleDateChange(a = { tropicals: !1 }) {
       this.fetchWeatherLayers(a), this.fetchOtherLayers({ dayNight: !0 });
     },
     handleWeatherLayerChange(a, e) {
-      if (!this.map)
-        setTimeout(() => {
-          this.handleWeatherLayerChange(a, e);
-        }, 500);
-      else {
-        this.activeWeatherLayers = a;
+      this.showWindParticle = !1, this.showCurrentParticle = !1, this.map ? setTimeout(() => {
+        this.activeWeatherLayers = JSON.parse(JSON.stringify(a));
         const t = this.activeWeatherLayers.some(
           (o) => {
             var s;
@@ -7709,11 +7801,13 @@ const Oi = {
           }
         ), r = this.activeWeatherLayers.some((o) => ["png", "jpg"].includes(o.type));
         t && !r ? (this.activeWeatherLayers.forEach((o) => {
-          ["wind", "current"].includes(o.key) && (this.particleFactor = o);
+          o.key === "wind" && o.particle && (this.particleFactor = o, this.showWindParticle = !0), o.key === "current" && o.particle && (this.particleFactor = o, this.showCurrentParticle = !0);
         }), this.particleFactor.particle = !0) : r && this.particleFactor && (this.particleFactor.particle = !1);
         const i = a == null ? void 0 : a.reduce((o, s) => o + (o & (s == null ? void 0 : s.weight) ? 0 : s == null ? void 0 : s.weight), 0);
         this.weatherWeight !== i || this.source !== e ? (this.source = e, this.weatherWeight = i, this.fetchWeatherLayers({ tropicals: !1 })) : this.handleWeatherLayerToggle();
-      }
+      }) : setTimeout(() => {
+        this.handleWeatherLayerChange(a, e);
+      }, 500);
     },
     handleOtherLayerChange(a) {
       if (!this.map)
@@ -7726,50 +7820,51 @@ const Oi = {
       }
     },
     async handlePointChange(a) {
-      const e = this.ts ? Z(this.ts) : Z(), t = {
+      var i, o;
+      const e = this.ts ? G(this.ts) : G(), t = {
         lat: a.lat,
         lng: a.lng,
-        ts: e.utc().format(),
-        wt: !0,
-        src: this.source
-      }, r = await oe.get(`${this.gateway}/api/arc/meteo/query`, {
-        params: t,
+        datetime: e.utc().format(),
+        forecastDays: 7
+      }, r = await oe.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, t, {
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
       });
-      (r == null ? void 0 : r.status) === 200 && (this.meteo = {
-        ...r == null ? void 0 : r.data,
+      ((i = r == null ? void 0 : r.data) == null ? void 0 : i.code) === 0 && (this.meteo = {
+        ...(o = r == null ? void 0 : r.data) == null ? void 0 : o.data,
         ...a
       });
     },
     handle3dToggle(a) {
-      var e, t, r, i, o, s, l, h, d, c, p, f, m, b, y, u, v, g, L, z;
-      a ? (this.map.setProjection("globe"), this.mapProjection = "globe", (t = this.map) != null && t.getLayer((e = this.viewport) == null ? void 0 : e.rampColorLayer) && ((r = this.map) != null && r.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((o = this.map) == null || o.moveLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer, this.helper.mapboxCustomer.layers.water.id)), (l = this.map) != null && l.getLayer((s = this.viewport) == null ? void 0 : s.particleLayer) && ((h = this.map) != null && h.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((c = this.map) == null || c.moveLayer((d = this.viewport) == null ? void 0 : d.particleLayer, this.helper.mapboxCustomer.layers.water.id)), this.map.off("zoomend", this.handleDragEndWithZoom4Json), this.map.off("dragend", this.handleDragEndWithZoom4Json), this.map.off("move", this.handleDragEndWithZoom4Image)) : (this.map.setProjection("mercator"), this.mapProjection = "mercator", this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.handleDragEndWithZoom4Image(), this.handleDragEndWithZoom4Json(), (f = this.map) != null && f.getLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer) && ((m = this.map) != null && m.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((y = this.map) == null || y.moveLayer((b = this.viewport) == null ? void 0 : b.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (v = this.map) != null && v.getLayer((u = this.viewport) == null ? void 0 : u.particleLayer) && ((g = this.map) != null && g.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((z = this.map) == null || z.moveLayer((L = this.viewport) == null ? void 0 : L.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
+      var e, t, r, i, o, s, l, h, p, c, d, f, m, b, y, u, v, g, _, z;
+      a ? (this.map.setProjection("globe"), this.mapProjection = "globe", (t = this.map) != null && t.getLayer((e = this.viewport) == null ? void 0 : e.rampColorLayer) && ((r = this.map) != null && r.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((o = this.map) == null || o.moveLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer, this.helper.mapboxCustomer.layers.water.id)), (l = this.map) != null && l.getLayer((s = this.viewport) == null ? void 0 : s.particleLayer) && ((h = this.map) != null && h.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((c = this.map) == null || c.moveLayer((p = this.viewport) == null ? void 0 : p.particleLayer, this.helper.mapboxCustomer.layers.water.id)), this.map.off("zoomend", this.handleDragEndWithZoom4Json), this.map.off("dragend", this.handleDragEndWithZoom4Json), this.map.off("move", this.handleDragEndWithZoom4Image)) : (this.map.setProjection("mercator"), this.mapProjection = "mercator", this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.handleDragEndWithZoom4Image(), this.handleDragEndWithZoom4Json(), (f = this.map) != null && f.getLayer((d = this.viewport) == null ? void 0 : d.rampColorLayer) && ((m = this.map) != null && m.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((y = this.map) == null || y.moveLayer((b = this.viewport) == null ? void 0 : b.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (v = this.map) != null && v.getLayer((u = this.viewport) == null ? void 0 : u.particleLayer) && ((g = this.map) != null && g.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((z = this.map) == null || z.moveLayer((_ = this.viewport) == null ? void 0 : _.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
     },
     handleParticle(a) {
-      this.particleFactor = a, this.weatherLayers[a.key] && (this.weatherLayers[a.key].particle = a.particle), this.activeWeatherLayers.forEach((r) => {
-        r.key === a.key && (r.particle = a.particle);
+      this.particleFactor = a, this.weatherLayers[a.key] && (this.weatherLayers[a.key].particle = a.particle), this.activeWeatherLayers.map((r) => {
+        var i;
+        return r.key === a.key ? r.particle = a.particle : (i = Object.keys(r)) != null && i.some((o) => o === "particle") && (r.particle = !1), r;
       });
-      let e = localStorage.getItem("weatherLayersCache");
+      let e = localStorage.getItem("activeWeatherLayersCache");
       const t = JSON.parse(e) || [];
       t == null || t.forEach((r) => {
-        r.key === a.key && (r.particle = a.particle);
-      }), localStorage.setItem("weatherLayersCache", JSON.stringify(t)), this.fetchWeatherLayers({ tropicals: !1 });
+        var i;
+        r.key === a.key ? r.particle = a.particle : (i = Object.keys(r)) != null && i.some((o) => o === "particle") && (r.particle = !1);
+      }), localStorage.setItem("activeWeatherLayersCache", JSON.stringify(t)), this.fetchWeatherLayers({ tropicals: !1 });
     },
     handleToggleVersion() {
       this.$emit("toggleVersion", Math.random());
     }
   }
-}, Fi = {
+}, pr = {
   key: 0,
   className: "map-gl-home"
 };
-function $i(a, e, t, r, i, o) {
-  var te, G, Y, me, q, E, $, ue, Q, ye, ae, ie, re, be, ve, we, Le, xe, Te, Ae, De, Me, We, je, Be, Ne;
-  const s = P("IdmGlLayer"), l = P("IdmENC"), h = P("IdmSigWave"), d = P("IdmSwell"), c = P("IdmPrmsl"), p = P("IdmIceberg"), f = P("IdmTropicals"), m = P("IdmCurrents"), b = P("IdmCurrentParticle"), y = P("IdmWindBarb"), u = P("IdmWindParticle"), v = P("IdmPrecip3h"), g = P("IdmVisibility"), L = P("IdmWaterTemp"), z = P("IdmTemp"), w = P("IdmArctic"), A = P("IdmWarZone"), M = P("IdmGmdssArea"), j = P("IdmEcaZone"), O = P("IdmAlertZone"), F = P("IdmPort"), H = P("IdmLoadLine"), se = P("IdmTimezone"), ne = P("IdmVRA"), le = P("IdmSpecialArea"), ce = P("IdmTerminator"), he = P("IdmLatLng"), de = P("IdmMeasure"), pe = P("IdmPoint");
-  return t.map ? (_(), C("div", Fi, [
-    k(s, I({
+function mr(a, e, t, r, i, o) {
+  var te, X, Y, me, q, I, $, ue, Q, ye, ae, ie, re, be, ve, we, Le, xe, _e, Ce, ke, Se, Pe, ze, Te, Oe;
+  const s = P("IdmGlLayer"), l = P("IdmENC"), h = P("IdmSigWave"), p = P("IdmSwell"), c = P("IdmPrmsl"), d = P("IdmIceberg"), f = P("IdmTropicals"), m = P("IdmCurrents"), b = P("IdmCurrentParticle"), y = P("IdmWindBarb"), u = P("IdmWindParticle"), v = P("IdmPrecip3h"), g = P("IdmVisibility"), _ = P("IdmWaterTemp"), z = P("IdmTemp"), w = P("IdmArctic"), W = P("IdmWarZone"), O = P("IdmGmdssArea"), j = P("IdmEcaZone"), B = P("IdmAlertZone"), F = P("IdmPort"), J = P("IdmLoadLine"), se = P("IdmTimezone"), ne = P("IdmVRA"), le = P("IdmSpecialArea"), ce = P("IdmTerminator"), he = P("IdmLatLng"), de = P("IdmMeasure"), pe = P("IdmPoint");
+  return t.map ? (L(), x("div", pr, [
+    k(s, E({
       ref: "layer",
       map: t.map,
       "toggle-version": t.toggleVersion,
@@ -7781,70 +7876,74 @@ function $i(a, e, t, r, i, o) {
     }, a.$attrs, {
       onWeather: o.handleWeatherLayerChange,
       onOther: o.handleOtherLayerChange,
-      onCoordinate: e[0] || (e[0] = (J) => i.showCoord = J),
-      onMeasure: e[1] || (e[1] = (J) => i.showMeasure = J),
-      onPoint: e[2] || (e[2] = (J) => i.showPoint = J),
+      onToggleWindParticle: e[0] || (e[0] = (V) => i.showWindParticle = V),
+      onToggleWindFeather: e[1] || (e[1] = (V) => i.showWindFeather = V),
+      onToggleCurrentParticle: e[2] || (e[2] = (V) => i.showCurrentParticle = V),
+      onToggleCurrentIsoband: e[3] || (e[3] = (V) => i.showCurrentIsoband = V),
+      onCoordinate: e[4] || (e[4] = (V) => i.showCoord = V),
+      onMeasure: e[5] || (e[5] = (V) => i.showMeasure = V),
+      onPoint: e[6] || (e[6] = (V) => i.showPoint = V),
       on3d: o.handle3dToggle,
       onHandleToggleVersion: o.handleToggleVersion
     }), null, 16, ["map", "toggle-version", "map-projection", "showWindFeather", "showWindParticle", "showCurrentIsoband", "showCurrentParticle", "onWeather", "onOther", "on3d", "onHandleToggleVersion"]),
-    k(l, I({
+    k(l, E({
       map: t.map,
       token: t.token,
       enabled: (te = i.otherLayers) == null ? void 0 : te.enc,
       "toggle-version": t.toggleVersion
     }, a.$attrs, {
-      onEnc: e[3] || (e[3] = (J) => i.enc = J)
+      onEnc: e[7] || (e[7] = (V) => i.enc = V)
     }), null, 16, ["map", "token", "enabled", "toggle-version"]),
-    k(h, I({
+    k(h, E({
       map: t.map,
-      "sig-wave": (G = i.weatherLayers) == null ? void 0 : G["sig-wave-height"],
+      "sig-wave": (X = i.weatherLayers) == null ? void 0 : X["sig-wave-height"],
       "before-layer": t.beforeLayer,
       activeWeatherLayers: i.activeWeatherLayers
     }, a.$attrs), null, 16, ["map", "sig-wave", "before-layer", "activeWeatherLayers"]),
-    k(d, I({
+    k(p, E({
       map: t.map,
       swell: (Y = i.weatherLayers) == null ? void 0 : Y.swell,
       "before-layer": t.beforeLayer,
       activeWeatherLayers: i.activeWeatherLayers
     }, a.$attrs), null, 16, ["map", "swell", "before-layer", "activeWeatherLayers"]),
-    k(c, I({
+    k(c, E({
       map: t.map,
       prmsl: (me = i.weatherLayers) == null ? void 0 : me.prmsl,
       "before-layer": t.beforeLayer,
       "active-weather-layers": i.activeWeatherLayers
     }, a.$attrs), null, 16, ["map", "prmsl", "before-layer", "active-weather-layers"]),
-    k(p, I({
+    k(d, E({
       map: t.map,
       iceberg: (q = i.weatherLayers) == null ? void 0 : q.iceberg,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "iceberg", "before-layer"]),
-    k(f, I({
+    k(f, E({
       map: t.map,
       date: t.ts,
-      tropicals: (E = i.weatherLayers) == null ? void 0 : E.tropicals,
+      tropicals: (I = i.weatherLayers) == null ? void 0 : I.tropicals,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
-    k(m, I({
+    k(m, E({
       map: t.map,
       "map-projection": i.mapProjection,
       current: ($ = i.weatherLayers) == null ? void 0 : $.current,
       "before-layer": t.beforeLayer,
-      "show-particle": i.showCurrentParticle,
+      showCurrentIsoband: i.showCurrentIsoband,
+      showCurrentParticle: i.showCurrentParticle,
       "margin-bottom": i.activeWindLayer ? i.showRampColor ? "84px" : "56px" : i.showRampColor ? "56px" : "30px",
       "toggle-version": t.toggleVersion,
       "weather-layers": i.weatherLayers
     }, a.$attrs, {
-      onShowCurrentIsoband: e[4] || (e[4] = (J) => i.showCurrentIsoband = J),
       onParticle: o.handleParticle,
       onHandleToggleVersion: o.handleToggleVersion
-    }), null, 16, ["map", "map-projection", "current", "before-layer", "show-particle", "margin-bottom", "toggle-version", "weather-layers", "onParticle", "onHandleToggleVersion"]),
-    k(b, I({
+    }), null, 16, ["map", "map-projection", "current", "before-layer", "showCurrentIsoband", "showCurrentParticle", "margin-bottom", "toggle-version", "weather-layers", "onParticle", "onHandleToggleVersion"]),
+    k(b, E({
       viewport: i.viewport,
       factor: (ue = i.weatherLayers) == null ? void 0 : ue["current-particle"],
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(y, I({
+    k(y, E({
       ref: "windBarb",
       map: t.map,
       "map-projection": i.mapProjection,
@@ -7852,127 +7951,127 @@ function $i(a, e, t, r, i, o) {
       current: (ye = i.weatherLayers) == null ? void 0 : ye.current,
       "before-layer": t.beforeLayer,
       "margin-bottom": i.showRampColor ? "56px" : "30px",
-      "show-particle": i.showWindParticle
+      showWindFeather: i.showWindFeather,
+      showWindParticle: i.showWindParticle
     }, a.$attrs, {
       "toggle-version": t.toggleVersion,
       "weather-layers": i.weatherLayers,
-      onParticle: o.handleParticle,
-      onShowWindFeather: e[5] || (e[5] = (J) => i.showWindFeather = J)
-    }), null, 16, ["map", "map-projection", "wind", "current", "before-layer", "margin-bottom", "show-particle", "toggle-version", "weather-layers", "onParticle"]),
-    k(u, I({
+      onParticle: o.handleParticle
+    }), null, 16, ["map", "map-projection", "wind", "current", "before-layer", "margin-bottom", "showWindFeather", "showWindParticle", "toggle-version", "weather-layers", "onParticle"]),
+    k(u, E({
       viewport: i.viewport,
       factor: (ae = i.weatherLayers) == null ? void 0 : ae["wind-particle"],
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(v, I({
+    k(v, E({
       viewport: i.viewport,
       factor: (ie = i.weatherLayers) == null ? void 0 : ie.precip3h,
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(g, I({
+    k(g, E({
       viewport: i.viewport,
       factor: (re = i.weatherLayers) == null ? void 0 : re.visibility,
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(L, I({
+    k(_, E({
       viewport: i.viewport,
       factor: (be = i.weatherLayers) == null ? void 0 : be["water-temp"],
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(z, I({
+    k(z, E({
       viewport: i.viewport,
       factor: (ve = i.weatherLayers) == null ? void 0 : ve.temp,
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(w, I({
+    k(w, E({
       viewport: i.viewport,
       factor: (we = i.weatherLayers) == null ? void 0 : we.arctic,
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(A, I({
+    k(W, E({
       map: t.map,
       zone: (Le = i.otherLayers) == null ? void 0 : Le["war-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    k(M, I({
+    k(O, E({
       map: t.map,
       area: (xe = i.otherLayers) == null ? void 0 : xe["gmdss-areas"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
-    k(j, I({
+    k(j, E({
       map: t.map,
-      zone: (Te = i.otherLayers) == null ? void 0 : Te["eca-zones"],
+      zone: (_e = i.otherLayers) == null ? void 0 : _e["eca-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    k(O, I({
+    k(B, E({
       map: t.map,
-      zone: (Ae = i.otherLayers) == null ? void 0 : Ae["alert-zones"],
+      zone: (Ce = i.otherLayers) == null ? void 0 : Ce["alert-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    k(F, I({
+    k(F, E({
       map: t.map,
-      port: (De = i.otherLayers) == null ? void 0 : De.ports,
+      port: (ke = i.otherLayers) == null ? void 0 : ke.ports,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "port", "before-layer"]),
-    k(H, I({
+    k(J, E({
       map: t.map,
-      line: (Me = i.otherLayers) == null ? void 0 : Me["load-lines"],
+      line: (Se = i.otherLayers) == null ? void 0 : Se["load-lines"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "line", "before-layer"]),
-    k(se, I({
+    k(se, E({
       map: t.map,
-      zone: (We = i.otherLayers) == null ? void 0 : We["time-zones"],
+      zone: (Pe = i.otherLayers) == null ? void 0 : Pe["time-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    k(ne, I({
+    k(ne, E({
       map: t.map,
-      area: (je = i.otherLayers) == null ? void 0 : je["voluntary-reporting-area"],
+      area: (ze = i.otherLayers) == null ? void 0 : ze["voluntary-reporting-area"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
-    k(le, I({
+    k(le, E({
       map: t.map,
-      area: (Be = i.otherLayers) == null ? void 0 : Be["special-area"],
+      area: (Te = i.otherLayers) == null ? void 0 : Te["special-area"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
-    k(ce, I({
+    k(ce, E({
       map: t.map,
-      area: (Ne = i.otherLayers) == null ? void 0 : Ne["day-night"]
+      area: (Oe = i.otherLayers) == null ? void 0 : Oe["day-night"]
     }, a.$attrs), null, 16, ["map", "area"]),
-    k(he, I({
+    k(he, E({
       map: t.map,
       show: i.showCoord,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["map", "show", "toggle-version"]),
-    k(de, I({
+    k(de, E({
       map: t.map,
       show: i.showMeasure
     }, a.$attrs), null, 16, ["map", "show"]),
-    k(pe, I({
+    k(pe, E({
       map: t.map,
       show: i.showPoint,
       meteo: i.meteo
     }, a.$attrs, { onPoint: o.handlePointChange }), null, 16, ["map", "show", "meteo", "onPoint"])
-  ])) : B("", !0);
+  ])) : M("", !0);
 }
-const Vi = /* @__PURE__ */ T(Oi, [["render", $i]]), qi = {
+const ur = /* @__PURE__ */ T(dr, [["render", mr]]), xr = {
   install(a) {
-    a.component("MapboxGL", Vi), a.component("TropicalGL", Fe), a.component("LatLngGL", $e);
+    a.component("MapboxGL", ur), a.component("TropicalGL", Fe), a.component("LatLngGL", $e);
   }
 };
 export {
   $e as LatLngGL,
-  Vi as MapboxGL,
-  qi as MapboxGLPlugin,
-  wt as MapboxHelper,
-  V as ParticleSchema,
+  ur as MapboxGL,
+  xr as MapboxGLPlugin,
+  Mt as MapboxHelper,
+  U as ParticleSchema,
   Fe as TropicalGL,
-  Re as Viewport,
+  Ne as Viewport,
   fe as WebGL,
   N as WebGLSchema
 };