@idmwx/idmui-gl3 4.5.2 → 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 E = (a, e, t) => (Ue(a, typeof e != "symbol" ? e + "" : e, t), t);
-import { resolveComponent as P, openBlock as L, createElementBlock as x, createElementVNode as n, normalizeStyle as Z, createVNode as k, withCtx as H, normalizeClass as D, Fragment as Ie, renderList as Ae, toDisplayString as S, createCommentVNode as M, createTextVNode as De, withDirectives as We, createStaticVNode as Ze, vShow as Me, defineComponent as He, mergeProps as R } from "vue";
+var R = (a, e, t) => (Ue(a, typeof e != "symbol" ? e + "" : e, t), t);
+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 Ne, LngLatHelper as W, 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 Xe = Object.defineProperty, Je = (a, e, t) => e in a ? Xe(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 Re {
+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(Re, "LEVEL", {
+ge(Ee, "LEVEL", {
   Basic: 1,
   Prime: 2,
   Supper: 1024
 });
-class Ee {
+class Re {
 }
-ge(Ee, "WEATHER_LAYERS", [
+ge(Re, "WEATHER_LAYERS", [
   {
     weight: 1,
     name: "Wind",
@@ -243,7 +243,7 @@ ge(Ee, "WEATHER_LAYERS", [
     type: "jpg"
   }
 ]), // 其它图层
-ge(Ee, "OTHER_LAYERS", [
+ge(Re, "OTHER_LAYERS", [
   {
     weight: 1,
     name: "War Zones",
@@ -355,9 +355,9 @@ ge(Ee, "OTHER_LAYERS", [
     type: "origin"
   }
 ]);
-class Oe {
+class je {
 }
-ge(Oe, "WEATHER_TAG", [
+ge(je, "WEATHER_TAG", [
   {
     weight: 4,
     // 2^2
@@ -383,7 +383,7 @@ ge(Oe, "WEATHER_TAG", [
     positive: !0
   }
 ]), // 航行相关标签, 2^11 <= weight <= 2^20
-ge(Oe, "SAILING_TAG", [
+ge(je, "SAILING_TAG", [
   {
     weight: 2048,
     // 2^11
@@ -425,7 +425,7 @@ ge(Oe, "SAILING_TAG", [
     positive: !0
   }
 ]), // 其他标签, 2^21 <= weight <= 2^31
-ge(Oe, "OTHER_TAG", [
+ge(je, "OTHER_TAG", [
   {
     weight: 2097152,
     // 2^21
@@ -527,9 +527,9 @@ const T = (a, e) => {
       autoActive: !0,
       layers: {
         weather: [
-          ...Ee.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: [...Ee.OTHER_LAYERS.filter((a) => a.key !== "world12nm" && a.enabled)]
+        other: [...Re.OTHER_LAYERS.filter((a) => a.key !== "world12nm" && a.enabled)]
       },
       activeWeatherLayers: [],
       activeOtherLayers: [],
@@ -595,17 +595,21 @@ const T = (a, e) => {
       );
       this.layers.weather.forEach((r) => {
         r.collected = !!t.some((i) => i.key === r.key && i.collected);
-      }), e = localStorage.getItem(this.activeWeatherLayersCache), 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.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";
+      }), 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.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 < 12 && a.enabled && (["png", "jpg"].includes(a.type) ? this.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.type === "json" && !e.particle) : a.particle && (this.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.type === "json" && !(["wind", "current"].includes(a.key) && e.particle))), this.activeWeatherLayers.push(a)), this.$emit("weather", this.activeWeatherLayers, this.source), localStorage.setItem(this.activeWeatherLayersCache, JSON.stringify(this.activeWeatherLayers));
+      (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")
@@ -624,13 +628,13 @@ const T = (a, 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.$emit("toggleWindParticle", !this.showWindParticle);
+      !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.$emit("toggleCurrentParticle", !this.showCurrentParticle);
+      !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);
@@ -710,7 +714,7 @@ function It(a, e, t, r, i, o) {
         }, {
           default: H(() => [
             n("div", {
-              class: D(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[17] || (e[17] = [
               n("span", { class: "iconfont" }, "", -1)
@@ -733,7 +737,7 @@ function It(a, e, t, r, i, o) {
         }, {
           default: H(() => [
             n("div", {
-              class: D(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[18] || (e[18] = [
               n("span", { class: "iconfont" }, "", -1)
@@ -749,7 +753,7 @@ function It(a, e, t, r, i, o) {
         }, {
           default: H(() => [
             n("div", {
-              class: D(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[19] || (e[19] = [
               n("span", { class: "iconfont" }, "", -1)
@@ -765,7 +769,7 @@ function It(a, e, t, r, i, o) {
         }, {
           default: H(() => [
             n("div", {
-              class: D(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[20] || (e[20] = [
               n("span", { class: "iconfont" }, "", -1)
@@ -781,7 +785,7 @@ function It(a, e, t, r, i, o) {
         }, {
           default: H(() => [
             n("div", {
-              class: D(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[21] || (e[21] = [
               n("span", { class: "iconfont" }, "", -1)
@@ -806,9 +810,9 @@ function It(a, e, t, r, i, o) {
           i.autoActive ? (L(), x("i", tt, "")) : (L(), x("i", at, ""))
         ])
       ]),
-      (L(!0), x(Ie, null, Ae(i.layers.weather.filter((c) => c.collected), (c) => (L(), x("div", {
+      (L(!0), x(Ie, null, We(i.layers.weather.filter((c) => c.collected), (c) => (L(), x("div", {
         key: c.key,
-        class: D(o.computeLayerClass(c, i.activeWeatherLayers))
+        class: A(o.computeLayerClass(c, i.activeWeatherLayers))
       }, [
         n("div", {
           class: "checkbox",
@@ -820,21 +824,21 @@ function It(a, e, t, r, i, o) {
         }, S(c.name), 9, rt),
         c.key === "wind" && i.activeWeatherLayers.some((d) => d.key === c.key) ? (L(), x("div", ot, [
           n("i", {
-            class: D(["iconfont sub-layer-icon", t.showWindParticle ? "active" : ""]),
+            class: A(["iconfont sub-layer-icon", t.showWindParticle ? "active" : ""]),
             onClick: e[6] || (e[6] = (d) => o.handleToggleWindParticle())
           }, "", 2),
           n("i", {
-            class: D(["iconfont sub-layer-icon", t.showWindFeather ? "active" : ""]),
+            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: D(["iconfont sub-layer-icon", t.showCurrentParticle ? "active" : ""]),
+            class: A(["iconfont sub-layer-icon", t.showCurrentParticle ? "active" : ""]),
             onClick: e[8] || (e[8] = (d) => o.handleToggleCurrentParticle())
           }, "", 2),
           n("i", {
-            class: D(["iconfont sub-layer-icon", t.showCurrentIsoband ? "active" : ""]),
+            class: A(["iconfont sub-layer-icon", t.showCurrentIsoband ? "active" : ""]),
             onClick: e[9] || (e[9] = (d) => o.handleToggleCurrentIsoband())
           }, "", 2)
         ])) : M("", !0)
@@ -845,7 +849,7 @@ function It(a, e, t, r, i, o) {
       style: Z({ top: t.top + "px", right: t.layerToggle ? "0px" : "-240px" })
     }, [
       n("div", {
-        class: D(["list-box", t.layerToggle ? "right-bar" : ""])
+        class: A(["list-box", t.layerToggle ? "right-bar" : ""])
       }, [
         n("div", nt, [
           e[23] || (e[23] = n("div", null, "Layers", -1)),
@@ -868,12 +872,12 @@ function It(a, e, t, r, i, o) {
                 ])
               ]),
               n("div", pt, [
-                (L(!0), x(Ie, null, Ae(i.layers.weather, (c) => (L(), x(Ie, {
+                (L(!0), x(Ie, null, We(i.layers.weather, (c) => (L(), x(Ie, {
                   key: c.key
                 }, [
                   c.hide ? M("", !0) : (L(), x("div", {
                     key: 0,
-                    class: D(o.computeLayerClass(c, i.activeWeatherLayers))
+                    class: A(o.computeLayerClass(c, i.activeWeatherLayers))
                   }, [
                     n("div", mt, [
                       n("div", {
@@ -886,21 +890,21 @@ function It(a, e, t, r, i, o) {
                       }, S(c.name), 9, yt),
                       c.key === "wind" && i.activeWeatherLayers.some((d) => d.key === c.key) ? (L(), x("div", ft, [
                         n("i", {
-                          class: D(["iconfont sub-layer-icon", t.showWindParticle ? "active" : ""]),
+                          class: A(["iconfont sub-layer-icon", t.showWindParticle ? "active" : ""]),
                           onClick: e[12] || (e[12] = (d) => o.handleToggleWindParticle())
                         }, "", 2),
                         n("i", {
-                          class: D(["iconfont sub-layer-icon", t.showWindFeather ? "active" : ""]),
+                          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: D(["iconfont sub-layer-icon", t.showCurrentParticle ? "active" : ""]),
+                          class: A(["iconfont sub-layer-icon", t.showCurrentParticle ? "active" : ""]),
                           onClick: e[14] || (e[14] = (d) => o.handleToggleCurrentParticle())
                         }, "", 2),
                         n("i", {
-                          class: D(["iconfont sub-layer-icon", t.showCurrentIsoband ? "active" : ""]),
+                          class: A(["iconfont sub-layer-icon", t.showCurrentIsoband ? "active" : ""]),
                           onClick: e[15] || (e[15] = (d) => o.handleToggleCurrentIsoband())
                         }, "", 2)
                       ])) : M("", !0)
@@ -924,11 +928,11 @@ function It(a, e, t, r, i, o) {
             n("div", Lt, [
               e[26] || (e[26] = n("div", { class: "layers-title" }, "Other Layers", -1)),
               n("div", xt, [
-                (L(!0), x(Ie, null, Ae(i.layers.other, (c) => {
+                (L(!0), x(Ie, null, We(i.layers.other, (c) => {
                   var d;
                   return L(), x("div", {
                     key: c.key,
-                    class: D(["layer flex-between", o.computeLayerClass(c, i.activeOtherLayers)]),
+                    class: A(["layer flex-between", o.computeLayerClass(c, i.activeOtherLayers)]),
                     onClick: (f) => o.handleOtherLayerPick(c)
                   }, [
                     n("div", Ct, [
@@ -952,13 +956,13 @@ function It(a, e, t, r, i, o) {
                   default: H(() => [
                     k(l, { value: "GFS" }, {
                       default: H(() => e[27] || (e[27] = [
-                        De("GFS")
+                        Ae("GFS")
                       ])),
                       _: 1
                     }),
                     k(l, { value: "CMEMS" }, {
                       default: H(() => e[28] || (e[28] = [
-                        De("CMEMS")
+                        Ae("CMEMS")
                       ])),
                       _: 1
                     })
@@ -974,8 +978,8 @@ function It(a, e, t, r, i, o) {
     ], 4)
   ]);
 }
-const Rt = /* @__PURE__ */ T(Ye, [["render", It]]);
-const Et = {
+const Et = /* @__PURE__ */ T(Ye, [["render", It]]);
+const Rt = {
   name: "IdmWindBarb",
   props: {
     map: {
@@ -1122,23 +1126,23 @@ const Et = {
       this.map.getSource(this.source) && this.map.removeSource(this.source), this.windBarbLoaded = !1;
     }
   }
-}, At = { key: 0 };
-function Dt(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 ? (L(), x("div", At)) : M("", !0);
+  return (s = t.wind) != null && s.active ? (L(), x("div", Wt)) : M("", !0);
 }
-const Wt = /* @__PURE__ */ T(Et, [["render", Dt]]);
-class Be {
+const Dt = /* @__PURE__ */ T(Rt, [["render", At]]);
+class Ne {
   constructor(e) {
-    E(this, "map");
-    E(this, "mercator");
-    E(this, "rampColorLayer");
-    E(this, "rampColorSource");
-    E(this, "particleLayer");
-    E(this, "particleSource");
-    E(this, "rampColorCanvas");
-    E(this, "particleCanvas");
-    E(this, "ratio");
+    R(this, "map");
+    R(this, "mercator");
+    R(this, "rampColorLayer");
+    R(this, "rampColorSource");
+    R(this, "particleLayer");
+    R(this, "particleSource");
+    R(this, "rampColorCanvas");
+    R(this, "particleCanvas");
+    R(this, "ratio");
     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;
   }
   /**
@@ -1352,8 +1356,8 @@ class fe {
         }
         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, _ = u[2] * e.ratio, [z, w, A, j] = [v, _ + v, g, _ + g], O = new Float32Array([z, A, w, A, z, j, z, j, w, A, w, j]);
-          t.bindBuffer(t.ARRAY_BUFFER, s), t.bufferData(t.ARRAY_BUFFER, O, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
+          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) {
         console.log(`render failed...${c}`);
@@ -1401,10 +1405,10 @@ class fe {
     });
   }
 }
-class B {
+class N {
 }
 // 顶点渲染
-E(B, "vertexSchema", `
+R(N, "vertexSchema", `
     //canvas 坐标系上的坐标 (x, y)
     attribute vec2 a_position; //像素坐标
     attribute vec2 a_texCoord; //纹理坐标
@@ -1419,7 +1423,7 @@ E(B, "vertexSchema", `
       gl_Position = vec4(position * vec2(1, -1), 0.0, 1.0);
       v_texCoord = a_texCoord;
     }`), // 类如风、流等u v双变量片元渲染
-E(B, "uvFragmentSchema", `
+R(N, "uvFragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image;
     uniform vec2 u_range_u_v;
@@ -1438,7 +1442,7 @@ E(B, "uvFragmentSchema", `
 
       gl_FragColor = color;
     }`), // 类如浪、气压等单变量片元渲染
-E(B, "fragmentSchema", `
+R(N, "fragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image; // 灰度
     uniform sampler2D u_color; // 色值映射
@@ -1451,7 +1455,7 @@ E(B, "fragmentSchema", `
     }`);
 class U {
 }
-E(U, "vertexSchema", `
+R(U, "vertexSchema", `
     precision mediump float;
 
     attribute float a_index; // 索引
@@ -1475,7 +1479,7 @@ E(U, "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);
-    }`), E(U, "fragmentSchema", `
+    }`), R(U, "fragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_factor;
@@ -1497,7 +1501,7 @@ E(U, "vertexSchema", `
 
       float f = 1.0 - uv.b;
       gl_FragColor = texture2D(u_color_ramp, ramp_pos) * f;
-    }`), E(U, "quadVertSchema", `
+    }`), R(U, "quadVertSchema", `
     precision mediump float;
 
     attribute vec2 a_pos;
@@ -1507,7 +1511,7 @@ E(U, "vertexSchema", `
     void main() {
       v_tex_pos = a_pos;
       gl_Position = vec4(1.0 - 2.0 * a_pos, 0, 1);
-    }`), E(U, "screenFragmentSchema", `
+    }`), R(U, "screenFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_screen;
@@ -1519,7 +1523,7 @@ E(U, "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);
-    }`), E(U, "updateFragmentSchema", `
+    }`), R(U, "updateFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_particles;
@@ -1600,12 +1604,12 @@ E(U, "vertexSchema", `
     }`);
 class Mt {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
-    E(this, "token");
-    E(this, "mapboxCustomer");
-    E(this, "i4");
-    E(this, "hi");
-    E(this, "td");
-    E(this, "windy");
+    R(this, "token");
+    R(this, "mapboxCustomer");
+    R(this, "i4");
+    R(this, "hi");
+    R(this, "td");
+    R(this, "windy");
     this.token = e, this.mapboxCustomer = {
       source: this.initialOnlineStyle().sources.composite,
       layers: {
@@ -3202,14 +3206,14 @@ class Mt {
     };
   }
 }
-const jt = {
+const Ot = {
   name: "IdmWindParticle",
   props: {
     factor: {
       type: Object
     },
     viewport: {
-      type: Be
+      type: Ne
     },
     bottom: {
       type: String,
@@ -3316,7 +3320,7 @@ const jt = {
           [1, "rgb(91, 136, 161)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, B.vertexSchema, B.uvFragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
       this.handleParticleSetup();
@@ -3364,10 +3368,10 @@ const jt = {
       });
     }
   }
-}, Ot = { key: 0 };
-function Bt(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 ? (L(), x("div", Ot, [
+  return (s = t.factor) != null && s.active ? (L(), x("div", jt, [
     n("div", {
       class: "legend-bars flex-center",
       style: Z([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
@@ -3383,7 +3387,7 @@ function Bt(a, e, t, r, i, o) {
     ]), 4)
   ])) : M("", !0);
 }
-const Nt = /* @__PURE__ */ T(jt, [["render", Bt], ["__scopeId", "data-v-24e5434b"]]);
+const Bt = /* @__PURE__ */ T(Ot, [["render", Nt], ["__scopeId", "data-v-24e5434b"]]);
 const Ft = {
   name: "IdmCurrent",
   props: {
@@ -3550,7 +3554,7 @@ const Zt = {
       type: Object
     },
     viewport: {
-      type: Be
+      type: Ne
     },
     bottom: {
       type: String,
@@ -3648,7 +3652,7 @@ const Zt = {
           [1, "rgb(195,194,194)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, B.vertexSchema, B.uvFragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
       this.handleParticleSetup();
@@ -3718,7 +3722,7 @@ function Gt(a, e, t, r, i, o) {
     ]), 4)
   ])) : M("", !0);
 }
-const Xt = /* @__PURE__ */ T(Zt, [["render", Gt], ["__scopeId", "data-v-6d4fd206"]]), Jt = {
+const Jt = /* @__PURE__ */ T(Zt, [["render", Gt], ["__scopeId", "data-v-6d4fd206"]]), Xt = {
   name: "IdmSigWave",
   props: {
     map: {
@@ -3840,7 +3844,7 @@ const Xt = /* @__PURE__ */ T(Zt, [["render", Gt], ["__scopeId", "data-v-6d4fd206
 function Yt(a, e, t, r, i, o) {
   return L(), x("div");
 }
-const qt = /* @__PURE__ */ T(Jt, [["render", Yt]]), Qt = {
+const qt = /* @__PURE__ */ T(Xt, [["render", Yt]]), Qt = {
   name: "IdmSwell",
   props: {
     map: {
@@ -4219,7 +4223,7 @@ const na = {
   emits: ["tropical", "tropicalProbability"],
   data() {
     return {
-      helper: Re,
+      helper: Ee,
       source: "tropicals-source",
       clusterSource: "tropicals-cluster-source",
       historyLayer: "tropicals-history-layer",
@@ -4569,7 +4573,7 @@ const na = {
           }), m = (/* @__PURE__ */ new Date()).valueOf() - (d + f), console.log("[tropical] add elapsed: ", m, ", total: ", f += m));
         }
         this.handleDrawCircle();
-        const c = Ne.interpolate(this.tropicals, 1);
+        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();
       }
     },
@@ -4578,9 +4582,9 @@ const na = {
       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, p, c, d, f, m, b, y, u, v, g, _, z, w, A, j, O, N, F, X, se, ne, le, ce, he, de, pe, te;
-      if ((a = this.interpolateMarkers) == null || a.forEach((J) => J == null ? void 0 : J.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
-        const J = G(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), Y = this.interpolateData.filter((I) => I.properties.date === J.format() && !I.properties.disabled), me = this.handleComputePolygons(Y), q = C.featureCollection([...Y]);
+      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, {
@@ -4600,7 +4604,7 @@ const na = {
         for (const I of Y)
           if (!I.properties.disabled) {
             let $ = "#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" : ((j = (A = I.properties) == null ? void 0 : A.wind) == null ? void 0 : j.spd) >= 41.5 && ((N = (O = I.properties) == null ? void 0 : O.wind) == null ? void 0 : N.spd) < 51 ? $ = "#f903d0" : ((X = (F = I.properties) == null ? void 0 : F.wind) == null ? void 0 : X.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">
@@ -4761,7 +4765,7 @@ const na = {
 }, 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 We((L(), x("div", la, [
+  return De((L(), x("div", la, [
     n("div", ca, [
       n("div", {
         class: "iconfont close-btn",
@@ -4769,7 +4773,7 @@ function _a(a, e, t, r, i, o) {
       }, ""),
       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),
-        De(S((c = i.activeTropicals) == null ? void 0 : c.name), 1)
+        Ae(S((c = i.activeTropicals) == null ? void 0 : c.name), 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)
     ]),
@@ -4789,19 +4793,19 @@ function _a(a, e, t, r, i, o) {
           n("div", va, [
             e[4] || (e[4] = n("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)),
             n("div", wa, [
-              (L(!0), x(Ie, null, Ae((z = i.activeTropicals) == null ? void 0 : z.forecasts, (w, A) => {
-                var j, O, N, F;
+              (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: A,
-                  class: D([
+                  key: W,
+                  class: A([
                     "model",
                     w.disabled ? "" : "active",
-                    A > 0 && A < ((O = (j = i.activeTropicals) == null ? void 0 : j.forecasts) == null ? void 0 : O.length) - 1 && ((F = (N = i.activeTropicals) == null ? void 0 : N.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: (X) => o.handleForecastToggle(w)
+                  onClick: (J) => o.handleForecastToggle(w)
                 }, [
                   n("span", {
-                    class: D(w.model)
+                    class: A(w.model)
                   }, S(w.model), 3)
                 ], 10, La);
               }), 128))
@@ -4910,7 +4914,7 @@ const Ca = {
           [1, "rgba(197,5,58,0.8)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, B.vertexSchema, B.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -5024,7 +5028,7 @@ const za = {
           [1, "rgba(144,144,144,0)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, B.vertexSchema, B.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -5054,8 +5058,8 @@ function Ia(a, e, t, r, i, o) {
     ]), 4)
   ])) : M("", !0);
 }
-const Ra = /* @__PURE__ */ T(za, [["render", Ia], ["__scopeId", "data-v-f7b2fb08"]]);
-const Ea = {
+const Ea = /* @__PURE__ */ T(za, [["render", Ia], ["__scopeId", "data-v-f7b2fb08"]]);
+const Ra = {
   name: "IdmWaterTemp",
   props: {
     factor: {
@@ -5144,7 +5148,7 @@ const Ea = {
           //
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, B.vertexSchema, B.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -5157,10 +5161,10 @@ const Ea = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, Aa = { key: 0 };
-function Da(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 ? (L(), x("div", Aa, [
+  return (s = t.factor) != null && s.active ? (L(), x("div", Wa, [
     n("div", {
       class: "legend-bars flex-center",
       style: Z([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
@@ -5174,7 +5178,7 @@ function Da(a, e, t, r, i, o) {
     ]), 4)
   ])) : M("", !0);
 }
-const Wa = /* @__PURE__ */ T(Ea, [["render", Da], ["__scopeId", "data-v-7521f582"]]);
+const Da = /* @__PURE__ */ T(Ra, [["render", Aa], ["__scopeId", "data-v-7521f582"]]);
 const Ma = {
   name: "IdmTemp",
   props: {
@@ -5267,7 +5271,7 @@ const Ma = {
           [1, "rgb(138, 43, 10)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, B.vertexSchema, B.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -5280,10 +5284,10 @@ const Ma = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ja = { key: 0 };
-function Oa(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 ? (L(), x("div", ja, [
+  return (s = t.factor) != null && s.active ? (L(), x("div", Oa, [
     n("div", {
       class: "legend-bars flex-center",
       style: Z([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
@@ -5299,8 +5303,8 @@ function Oa(a, e, t, r, i, o) {
     ]), 4)
   ])) : M("", !0);
 }
-const Ba = /* @__PURE__ */ T(Ma, [["render", Oa], ["__scopeId", "data-v-25daaa82"]]);
-const Na = {
+const Na = /* @__PURE__ */ T(Ma, [["render", ja], ["__scopeId", "data-v-25daaa82"]]);
+const Ba = {
   name: "IdmArctic",
   props: {
     factor: {
@@ -5383,7 +5387,7 @@ const Na = {
           // 2m
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, B.vertexSchema, B.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -5413,7 +5417,7 @@ function $a(a, e, t, r, i, o) {
     ]), 4)
   ])) : M("", !0);
 }
-const Va = /* @__PURE__ */ T(Na, [["render", $a], ["__scopeId", "data-v-5bb73794"]]);
+const Va = /* @__PURE__ */ T(Ba, [["render", $a], ["__scopeId", "data-v-5bb73794"]]);
 /*! Element Plus Icons Vue v2.3.1 */
 var Ua = /* @__PURE__ */ He({
   name: "LocationFilled",
@@ -5453,7 +5457,7 @@ const Ha = {
     return {
       showMeteo: !0,
       meteoMarker: void 0,
-      helper: Re
+      helper: Ee
     };
   },
   watch: {
@@ -5485,17 +5489,17 @@ const Ha = {
     },
     computeLat() {
       return function(a, e = 4) {
-        return W.lat2pretty(a, e).pretty;
+        return D.lat2pretty(a, e).pretty;
       };
     },
     computeLng() {
       return function(a, e = 4) {
-        return W.lng2pretty(a, e).pretty;
+        return D.lng2pretty(a, e).pretty;
       };
     },
     roundPrecision() {
       return function(a, e = 4) {
-        return isNaN(a) ? "-" : W.roundPrecision(a, e);
+        return isNaN(a) ? "-" : D.roundPrecision(a, e);
       };
     }
   },
@@ -5520,13 +5524,13 @@ const Ha = {
 }, Ga = {
   id: "point-meteo",
   class: "point-meteo"
-}, Xa = { class: "meteo-box" }, Ja = { 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" };
+}, 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, A, j, O, N, F, X, se, ne, le, ce, he, de, pe, te, J, Y, me, q, I, $, ue, Q, ye, ae, ie, re, be, ve, we, Le, xe, _e, Ce, ke, Se, Pe, ze, Te;
+  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 We((L(), x("div", Ga, [
-    n("div", Xa, [
-      n("div", Ja, [
+  return De((L(), x("div", Ga, [
+    n("div", Ja, [
+      n("div", Xa, [
         n("div", Ya, [
           k(l, { size: "22" }, {
             default: H(() => [
@@ -5538,7 +5542,7 @@ function yi(a, e, t, r, i, o) {
         ]),
         n("div", {
           class: "iconfont close",
-          onClick: e[0] || (e[0] = (je) => i.showMeteo = !1)
+          onClick: e[0] || (e[0] = (Oe) => i.showMeteo = !1)
         }, "")
       ]),
       n("div", Qa, [
@@ -5550,7 +5554,7 @@ function yi(a, e, t, r, i, o) {
             }, "", -1)),
             n("div", ti, [
               n("span", null, [
-                De(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),
+                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))
               ])
             ]),
@@ -5572,15 +5576,15 @@ function yi(a, e, t, r, i, o) {
         ]),
         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((A = (w = t.meteo) == null ? void 0 : w.wind) == null ? void 0 : A.kts, 1)) + "[kts]/" + S((O = (j = t.meteo) == null ? void 0 : j.wind) == null ? void 0 : O.scale) + "[BF]/" + S(o.roundPrecision((F = (N = t.meteo) == null ? void 0 : N.gusts) == null ? void 0 : F.kts, 1)) + "[kts]", 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", ci, [
           e[6] || (e[6] = n("label", null, "Wind.Wave", -1)),
-          n("span", null, S(((ne = (se = (X = t.meteo) == null ? void 0 : X.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("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", hi, [
           e[7] || (e[7] = n("label", null, "Swell", -1)),
-          n("span", null, S(((me = (Y = (J = t.meteo) == null ? void 0 : J.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("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", di, [
           e[8] || (e[8] = n("label", null, "Sig.Wave", -1)),
@@ -6046,7 +6050,7 @@ const Si = {
 }, Pi = { id: "idm-gl3-zone-info" }, zi = ["innerHTML"];
 function Ti(a, e, t, r, i, o) {
   var s;
-  return We((L(), x("div", Pi, [
+  return De((L(), x("div", Pi, [
     n("div", {
       class: "iconfont close",
       onClick: e[0] || (e[0] = (l) => i.showZone = !1)
@@ -6060,7 +6064,7 @@ function Ti(a, e, t, r, i, o) {
   ]);
 }
 const Ii = /* @__PURE__ */ T(Si, [["render", Ti]]);
-const Ri = {
+const Ei = {
   name: "IdmPort",
   props: {
     map: {
@@ -6086,12 +6090,12 @@ const Ri = {
   computed: {
     computeLat() {
       return function(a) {
-        return W.lat2pretty(a, 4).pretty;
+        return D.lat2pretty(a, 4).pretty;
       };
     },
     computeLng() {
       return function(a) {
-        return W.lng2pretty(a, 4).pretty;
+        return D.lng2pretty(a, 4).pretty;
       };
     }
   },
@@ -6152,24 +6156,24 @@ const Ri = {
       this.showPort = !1, this.map.getLayer(this.layer) && this.map.removeLayer(this.layer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, Ei = { id: "port-info" }, Ai = { class: "port-box" }, Di = { class: "flex-start" }, Wi = { class: "flex-start" }, Mi = { class: "flex-start" }, ji = {
+}, 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 Oi(a, e, t, r, i, o) {
-  return We((L(), x("div", Ei, [
+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", Ai, [
-      n("div", Di, [
+    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", Wi, [
+      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)
       ]),
@@ -6177,7 +6181,7 @@ function Oi(a, e, t, r, i, o) {
         e[4] || (e[4] = n("label", null, "LoCode : ", -1)),
         n("span", null, S(i.form.loCode || "-"), 1)
       ]),
-      n("div", ji, [
+      n("div", Oi, [
         e[5] || (e[5] = n("label", null, "Region : ", -1)),
         n("span", null, S(i.form.zoneName || "-"), 1)
       ])
@@ -6186,7 +6190,7 @@ function Oi(a, e, t, r, i, o) {
     [Me, i.showPort]
   ]);
 }
-const Bi = /* @__PURE__ */ T(Ri, [["render", Oi], ["__scopeId", "data-v-c07e4c45"]]), Ni = {
+const Ni = /* @__PURE__ */ T(Ei, [["render", ji], ["__scopeId", "data-v-c07e4c45"]]), Bi = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -6259,7 +6263,7 @@ const Bi = /* @__PURE__ */ T(Ri, [["render", Oi], ["__scopeId", "data-v-c07e4c45
 function Fi(a, e, t, r, i, o) {
   return L(), x("div");
 }
-const $i = /* @__PURE__ */ T(Ni, [["render", Fi]]), Vi = {
+const $i = /* @__PURE__ */ T(Bi, [["render", Fi]]), Vi = {
   name: "IdmTimezone",
   props: {
     map: {
@@ -6518,7 +6522,7 @@ const Zi = /* @__PURE__ */ T(Vi, [["render", Ui]]), Hi = {
 function Gi(a, e, t, r, i, o) {
   return L(), x("div");
 }
-const Xi = /* @__PURE__ */ T(Hi, [["render", Gi]]), Ji = {
+const Ji = /* @__PURE__ */ T(Hi, [["render", Gi]]), Xi = {
   name: "IdmSpecialArea",
   props: {
     map: {
@@ -6548,7 +6552,7 @@ const Xi = /* @__PURE__ */ T(Hi, [["render", Gi]]), Ji = {
   methods: {
     handleRender() {
       this.map ? (this.handleClear(), this.area && (this.area.features.forEach((a) => {
-        a.geometry.type === "Polygon" && a.geometry.coordinates.forEach((e) => W.convertToMonotonicLng2(e));
+        a.geometry.type === "Polygon" && a.geometry.coordinates.forEach((e) => D.convertToMonotonicLng2(e));
       }), this.map.addSource(this.source, {
         type: "geojson",
         data: this.area
@@ -6611,7 +6615,7 @@ const Xi = /* @__PURE__ */ T(Hi, [["render", Gi]]), Ji = {
 function Yi(a, e, t, r, i, o) {
   return L(), x("div");
 }
-const qi = /* @__PURE__ */ T(Ji, [["render", Yi]]), Qi = {
+const qi = /* @__PURE__ */ T(Xi, [["render", Yi]]), Qi = {
   name: "IdmTerminator",
   props: {
     map: {
@@ -6722,7 +6726,7 @@ const tr = {
       this.show ? ((a = this.map) == null || a.on("zoomend", this.handleZoomEnd), this.handleRender()) : (this.handleClear(), (e = this.map) == null || e.off("zoomend", this.handleZoomEnd));
     },
     handleMouseMove(a) {
-      const e = a.lngLat, t = W.lng2pretty(e.lng, 2), r = W.lat2pretty(e.lat, 2);
+      const e = a.lngLat, t = D.lng2pretty(e.lng, 2), r = D.lat2pretty(e.lat, 2);
       this.lngLat = { lng: t, lat: r };
     },
     handleComputeLatLngs() {
@@ -6972,9 +6976,9 @@ const $e = /* @__PURE__ */ T(tr, [["render", ar], ["__scopeId", "data-v-73241fe7
         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] }, 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 = W.roundPrecision(t + c, 2);
+          t = D.roundPrecision(t + c, 2);
           let f;
-          l.mode === "RL" ? f = W.convertToMonotonicLng([h, p]) : f = W.convertToMonotonicLng(K.interpolateCoordinates(h, p, 200));
+          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);
         }
@@ -6989,7 +6993,7 @@ const $e = /* @__PURE__ */ T(tr, [["render", ar], ["__scopeId", "data-v-73241fe7
         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 = W.convertToMonotonicLng([p, c]) : d = W.convertToMonotonicLng(K.interpolateCoordinates(p, c, 200));
+        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);
       }
@@ -6997,7 +7001,7 @@ const $e = /* @__PURE__ */ T(tr, [["render", ar], ["__scopeId", "data-v-73241fe7
         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 = W.convertToMonotonicLng([p, c]) : d = W.convertToMonotonicLng(K.interpolateCoordinates(p, c, 200));
+        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);
       }
@@ -7039,7 +7043,7 @@ const $e = /* @__PURE__ */ T(tr, [["render", ar], ["__scopeId", "data-v-73241fe7
         }
       });
       let l;
-      if (r ? l = '<div class="marker-label">Drag and drop</div>' : l = `<div class="marker-label">Tol distance: <b>${W.roundPrecision((a.total ?? 0) + o, 2)}</b>nm, bearing: <b>${s}</b>°</div><div class="marker-label">${this.navigation === "RL" ? "RL" : "GC"} mode, using 'Shift' to switch</div><div class="marker-label">Double click to end</div>`, this.tipMarker)
+      if (r ? l = '<div class="marker-label">Drag and drop</div>' : l = `<div class="marker-label">Tol distance: <b>${D.roundPrecision((a.total ?? 0) + o, 2)}</b>nm, bearing: <b>${s}</b>°</div><div class="marker-label">${this.navigation === "RL" ? "RL" : "GC"} mode, using 'Shift' to switch</div><div class="marker-label">Double click to end</div>`, this.tipMarker)
         this.tipMarker._element.innerHTML = l, this.tipMarker.setLngLat([t.lng, t.lat]);
       else {
         const h = document.createElement("div");
@@ -7154,8 +7158,8 @@ const sr = {
   emits: ["enc"],
   data() {
     return {
-      helper: Re,
-      vendor: this.$attrs.permission & Re.LEVEL.Supper ? "hi" : "i4",
+      helper: Ee,
+      vendor: this.$attrs.permission & Ee.LEVEL.Supper ? "hi" : "i4",
       right: 10
     };
   },
@@ -7192,7 +7196,7 @@ function cr(a, e, t, r, i, o) {
         }, {
           default: H(() => [
             n("div", {
-              class: D(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)
@@ -7208,7 +7212,7 @@ function cr(a, e, t, r, i, o) {
         }, {
           default: H(() => [
             n("div", {
-              class: D(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)
@@ -7224,11 +7228,11 @@ const hr = /* @__PURE__ */ T(sr, [["render", cr], ["__scopeId", "data-v-150235f7
 const dr = {
   name: "IdmGLV2",
   components: {
-    IdmGlLayer: Rt,
-    IdmWindBarb: Wt,
-    IdmWindParticle: Nt,
+    IdmGlLayer: Et,
+    IdmWindBarb: Dt,
+    IdmWindParticle: Bt,
     IdmCurrents: Ut,
-    IdmCurrentParticle: Xt,
+    IdmCurrentParticle: Jt,
     IdmSigWave: qt,
     IdmSwell: ea,
     IdmPrmsl: ia,
@@ -7236,18 +7240,18 @@ const dr = {
     IdmIceberg: sa,
     IdmTropicals: Fe,
     IdmPrecip3h: Pa,
-    IdmVisibility: Ra,
-    IdmWaterTemp: Wa,
-    IdmTemp: Ba,
+    IdmVisibility: Ea,
+    IdmWaterTemp: Da,
+    IdmTemp: Na,
     IdmArctic: Va,
     IdmWarZone: vi,
     IdmGmdssArea: xi,
     IdmEcaZone: ki,
     IdmAlertZone: Ii,
-    IdmPort: Bi,
+    IdmPort: Ni,
     IdmLoadLine: $i,
     IdmTimezone: Zi,
-    IdmVRA: Xi,
+    IdmVRA: Ji,
     IdmSpecialArea: qi,
     IdmTerminator: er,
     IdmLatLng: $e,
@@ -7315,7 +7319,7 @@ const dr = {
     },
     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 Be(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
     },
@@ -7383,7 +7387,7 @@ const dr = {
       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.particleFactor) {
-          const y = Ee.WEATHER_LAYERS.find((u) => {
+          const y = Re.WEATHER_LAYERS.find((u) => {
             var v;
             return ((v = u.peer) == null ? void 0 : v.weight) === this.particleFactor.weight;
           });
@@ -7407,17 +7411,17 @@ const dr = {
                       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(_);
               this.weatherLayers = {}, z.map((w) => {
-                var O, N, F, X;
-                const A = ((O = w == null ? void 0 : w.data) == null ? void 0 : O.data) || (w == null ? void 0 : w.data), j = (F = (N = w == null ? void 0 : w.config) == null ? void 0 : N.headers) == null ? void 0 : F.key;
-                j && A && (this.weatherLayers[j] = {
-                  raw: A,
-                  type: ((X = w == null ? void 0 : w.config) == null ? void 0 : X.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, {
@@ -7426,10 +7430,10 @@ const dr = {
                   key: "tropicals"
                 }
               }).then((w) => {
-                var O, N, F;
-                const A = Ne.convert2Geojson(((O = w == null ? void 0 : w.data) == null ? void 0 : O.data) || (w == null ? void 0 : w.data)), j = (F = (N = w == null ? void 0 : w.config) == null ? void 0 : N.headers) == null ? void 0 : F.key;
-                this.weatherLayers[j] = {
-                  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",
@@ -7572,7 +7576,7 @@ const dr = {
       var p, c, d, f;
       const a = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, t = 0;
-      const r = (p = this.map) == null ? void 0 : p.getBounds(), i = this.map.getZoom(), o = W.convertToStdLng(r._sw.lng), s = W.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;
@@ -7716,7 +7720,7 @@ const dr = {
                 }
                 for (const v in y.Point)
                   y.Point[v].lng.forEach((g, _) => {
-                    g = W.convertToStdLng(g), u.push(
+                    g = D.convertToStdLng(g), u.push(
                       C.point([g, v], {
                         val: y.Point[v].val[_],
                         type: y.Point[v].type[_]
@@ -7756,7 +7760,7 @@ const dr = {
         this.weatherLayers[a].active && this.weatherLayers[a].type === "image" && (this.weatherLayers[a].active = !0, this.weatherLayers[a].version = Math.random() + 1);
     },
     handleBboxClip(a, e) {
-      const t = [], r = W.convertToStdLng(e._sw.lng), i = W.convertToStdLng(e._ne.lng);
+      const t = [], r = D.convertToStdLng(e._sw.lng), i = D.convertToStdLng(e._ne.lng);
       return a.features.forEach((o) => {
         if (o.geometry.type !== "Point")
           if (r > i) {
@@ -7789,7 +7793,7 @@ const dr = {
     },
     handleWeatherLayerChange(a, e) {
       this.showWindParticle = !1, this.showCurrentParticle = !1, this.map ? setTimeout(() => {
-        this.activeWeatherLayers = a;
+        this.activeWeatherLayers = JSON.parse(JSON.stringify(a));
         const t = this.activeWeatherLayers.some(
           (o) => {
             var s;
@@ -7801,7 +7805,7 @@ const dr = {
         }), 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();
-      }, 100) : setTimeout(() => {
+      }) : setTimeout(() => {
         this.handleWeatherLayerChange(a, e);
       }, 500);
     },
@@ -7837,14 +7841,16 @@ const dr = {
       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());
@@ -7855,10 +7861,10 @@ const dr = {
   className: "map-gl-home"
 };
 function mr(a, e, t, r, i, o) {
-  var te, J, Y, me, q, I, $, ue, Q, ye, ae, ie, re, be, ve, we, Le, xe, _e, Ce, ke, Se, Pe, ze, Te, je;
-  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"), A = P("IdmWarZone"), j = P("IdmGmdssArea"), O = P("IdmEcaZone"), N = P("IdmAlertZone"), F = P("IdmPort"), X = P("IdmLoadLine"), se = P("IdmTimezone"), ne = P("IdmVRA"), le = P("IdmSpecialArea"), ce = P("IdmTerminator"), he = P("IdmLatLng"), de = P("IdmMeasure"), pe = P("IdmPoint");
+  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, R({
+    k(s, E({
       ref: "layer",
       map: t.map,
       "toggle-version": t.toggleVersion,
@@ -7880,7 +7886,7 @@ function mr(a, e, t, r, i, o) {
       on3d: o.handle3dToggle,
       onHandleToggleVersion: o.handleToggleVersion
     }), null, 16, ["map", "toggle-version", "map-projection", "showWindFeather", "showWindParticle", "showCurrentIsoband", "showCurrentParticle", "onWeather", "onOther", "on3d", "onHandleToggleVersion"]),
-    k(l, R({
+    k(l, E({
       map: t.map,
       token: t.token,
       enabled: (te = i.otherLayers) == null ? void 0 : te.enc,
@@ -7888,36 +7894,36 @@ function mr(a, e, t, r, i, o) {
     }, a.$attrs, {
       onEnc: e[7] || (e[7] = (V) => i.enc = V)
     }), null, 16, ["map", "token", "enabled", "toggle-version"]),
-    k(h, R({
+    k(h, E({
       map: t.map,
-      "sig-wave": (J = i.weatherLayers) == null ? void 0 : J["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(p, R({
+    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, R({
+    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(d, R({
+    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, R({
+    k(f, E({
       map: t.map,
       date: t.ts,
       tropicals: (I = i.weatherLayers) == null ? void 0 : I.tropicals,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
-    k(m, R({
+    k(m, E({
       map: t.map,
       "map-projection": i.mapProjection,
       current: ($ = i.weatherLayers) == null ? void 0 : $.current,
@@ -7931,13 +7937,13 @@ function mr(a, e, t, r, i, o) {
       onParticle: o.handleParticle,
       onHandleToggleVersion: o.handleToggleVersion
     }), null, 16, ["map", "map-projection", "current", "before-layer", "showCurrentIsoband", "showCurrentParticle", "margin-bottom", "toggle-version", "weather-layers", "onParticle", "onHandleToggleVersion"]),
-    k(b, R({
+    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, R({
+    k(y, E({
       ref: "windBarb",
       map: t.map,
       "map-projection": i.mapProjection,
@@ -7952,101 +7958,101 @@ function mr(a, e, t, r, i, o) {
       "weather-layers": i.weatherLayers,
       onParticle: o.handleParticle
     }), null, 16, ["map", "map-projection", "wind", "current", "before-layer", "margin-bottom", "showWindFeather", "showWindParticle", "toggle-version", "weather-layers", "onParticle"]),
-    k(u, R({
+    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, R({
+    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, R({
+    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(_, R({
+    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, R({
+    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, R({
+    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, R({
+    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(j, R({
+    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(O, R({
+    k(j, E({
       map: t.map,
       zone: (_e = i.otherLayers) == null ? void 0 : _e["eca-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    k(N, R({
+    k(B, E({
       map: t.map,
       zone: (Ce = i.otherLayers) == null ? void 0 : Ce["alert-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    k(F, R({
+    k(F, E({
       map: t.map,
       port: (ke = i.otherLayers) == null ? void 0 : ke.ports,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "port", "before-layer"]),
-    k(X, R({
+    k(J, E({
       map: t.map,
       line: (Se = i.otherLayers) == null ? void 0 : Se["load-lines"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "line", "before-layer"]),
-    k(se, R({
+    k(se, E({
       map: t.map,
       zone: (Pe = i.otherLayers) == null ? void 0 : Pe["time-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    k(ne, R({
+    k(ne, E({
       map: t.map,
       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, R({
+    k(le, E({
       map: t.map,
       area: (Te = i.otherLayers) == null ? void 0 : Te["special-area"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
-    k(ce, R({
+    k(ce, E({
       map: t.map,
-      area: (je = i.otherLayers) == null ? void 0 : je["day-night"]
+      area: (Oe = i.otherLayers) == null ? void 0 : Oe["day-night"]
     }, a.$attrs), null, 16, ["map", "area"]),
-    k(he, R({
+    k(he, E({
       map: t.map,
       show: i.showCoord,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["map", "show", "toggle-version"]),
-    k(de, R({
+    k(de, E({
       map: t.map,
       show: i.showMeasure
     }, a.$attrs), null, 16, ["map", "show"]),
-    k(pe, R({
+    k(pe, E({
       map: t.map,
       show: i.showPoint,
       meteo: i.meteo
@@ -8065,7 +8071,7 @@ export {
   Mt as MapboxHelper,
   U as ParticleSchema,
   Fe as TropicalGL,
-  Be as Viewport,
+  Ne as Viewport,
   fe as WebGL,
-  B as WebGLSchema
+  N as WebGLSchema
 };