@idmwx/idmui-gl3 4.4.9 → 4.5.1

package/dist/index.js

@@ -1,7 +1,7 @@
 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 j, 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 { 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";
@@ -580,47 +580,50 @@ const T = (a, e) => {
     },
     showWindFeather: {
       handler() {
-        !this.showWindFeather && !this.showWindParticle && this.handleWeatherLayerPick({ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !0 });
+        !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.handleWeatherLayerPick({ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !0 });
+        !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.handleWeatherLayerPick({ weight: 96, name: "Current", key: "current", vendor: "cmems", merge: !0, h5: !0, enabled: !0 });
+        !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.handleWeatherLayerPick({ weight: 96, name: "Current", key: "current", vendor: "cmems", merge: !0, h5: !0, enabled: !0 });
+        !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() {
-    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));
-    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}]'
-    );
-    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", this.handleConfirm();
+    this.fetchCache(), this.handleConfirm();
   },
   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));
+      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}]'
+      );
+      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";
+    },
     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);
     },
     handleWeatherLayerPick(a) {
       if (this.rampColorLayers.includes(a.key) && this.mapProjection === "globe" || !this.autoActive)
         return !1;
-      ["wind", "current"].includes(a.key) && !this.showWindFeather && !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);
+      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);
     },
     handleWeatherLayerCollect(a) {
       var e;
@@ -671,7 +674,7 @@ function ut(a, e, t, r, i, o) {
         }, {
           default: X(() => [
             n("div", {
-              class: j(t.layerToggle ? "menu-icon active" : "menu-icon"),
+              class: W(t.layerToggle ? "menu-icon active" : "menu-icon"),
               onClick: e[0] || (e[0] = (...c) => o.handleMenuToggle && o.handleMenuToggle(...c))
             }, e[9] || (e[9] = [
               n("span", { class: "iconfont" }, "", -1)
@@ -694,7 +697,7 @@ function ut(a, e, t, r, i, o) {
         }, {
           default: X(() => [
             n("div", {
-              class: j(i.showMeasure ? "menu-icon active" : "menu-icon"),
+              class: W(i.showMeasure ? "menu-icon active" : "menu-icon"),
               onClick: e[1] || (e[1] = (...c) => o.handleMeasureToggle && o.handleMeasureToggle(...c))
             }, e[10] || (e[10] = [
               n("span", { class: "iconfont" }, "", -1)
@@ -710,7 +713,7 @@ function ut(a, e, t, r, i, o) {
         }, {
           default: X(() => [
             n("div", {
-              class: j(i.showPoint ? "menu-icon active" : "menu-icon"),
+              class: W(i.showPoint ? "menu-icon active" : "menu-icon"),
               onClick: e[2] || (e[2] = (...c) => o.handlePointToggle && o.handlePointToggle(...c))
             }, e[11] || (e[11] = [
               n("span", { class: "iconfont" }, "", -1)
@@ -726,7 +729,7 @@ function ut(a, e, t, r, i, o) {
         }, {
           default: X(() => [
             n("div", {
-              class: j(i.showCoord ? "menu-icon active" : "menu-icon"),
+              class: W(i.showCoord ? "menu-icon active" : "menu-icon"),
               onClick: e[3] || (e[3] = (...c) => o.handleCoordToggle && o.handleCoordToggle(...c))
             }, e[12] || (e[12] = [
               n("span", { class: "iconfont" }, "", -1)
@@ -742,7 +745,7 @@ function ut(a, e, t, r, i, o) {
         }, {
           default: X(() => [
             n("div", {
-              class: j(i.show3d ? "menu-icon active" : "menu-icon"),
+              class: W(i.show3d ? "menu-icon active" : "menu-icon"),
               onClick: e[4] || (e[4] = (...c) => o.handle3DToggle && o.handle3DToggle(...c))
             }, e[13] || (e[13] = [
               n("span", { class: "iconfont" }, "", -1)
@@ -754,13 +757,13 @@ function ut(a, e, t, r, i, o) {
     ], 4),
     o.hasCollectedLayers ? (_(), C("div", {
       key: 0,
-      class: "active-layers flex-between",
+      class: W(["active-layers flex-between", i.autoActive ? "active" : ""]),
       style: U({ 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: j(o.computeLayerClass(c, i.weatherLayers)),
+          class: W(o.computeLayerClass(c, i.weatherLayers)),
           onClick: (p) => o.handleWeatherLayerPick(c)
         }, [
           e[14] || (e[14] = n("div", { class: "checkbox" }, null, -1)),
@@ -775,13 +778,13 @@ function ut(a, e, t, r, i, o) {
         n("i", { class: "iconfont open" }, "", -1),
         n("i", { class: "iconfont close" }, "", -1)
       ]))
-    ], 4)) : B("", !0),
+    ], 6)) : B("", !0),
     n("div", {
       class: "available-layers flex-center",
       style: U({ top: t.top + "px", right: t.layerToggle ? "0px" : "-240px" })
     }, [
       n("div", {
-        class: j(["list-box", t.layerToggle ? "right-bar" : ""])
+        class: W(["list-box", t.layerToggle ? "right-bar" : ""])
       }, [
         n("div", tt, [
           e[16] || (e[16] = n("div", null, "Layers", -1)),
@@ -794,7 +797,7 @@ function ut(a, e, t, r, i, o) {
           default: X(() => [
             n("div", at, [
               n("div", {
-                class: j(["layers-title flex-between", i.autoActive ? "active" : ""])
+                class: W(["layers-title flex-between", i.autoActive ? "active" : ""])
               }, [
                 e[18] || (e[18] = n("div", null, "Weather Layers", -1)),
                 n("div", {
@@ -812,7 +815,7 @@ function ut(a, e, t, r, i, o) {
                 }, [
                   c.hide ? B("", !0) : (_(), C("div", {
                     key: 0,
-                    class: j(o.computeLayerClass(c, i.weatherLayers))
+                    class: W(o.computeLayerClass(c, i.weatherLayers))
                   }, [
                     n("div", {
                       class: "flex-start",
@@ -842,7 +845,7 @@ function ut(a, e, t, r, i, o) {
               n("div", ct, [
                 (_(!0), C(_e, null, Se(i.layers.other, (c) => (_(), C("div", {
                   key: c.key,
-                  class: j(o.computeLayerClass(c, i.otherLayers)),
+                  class: W(o.computeLayerClass(c, i.otherLayers)),
                   onClick: (p) => o.handleOtherLayerPick(c)
                 }, [
                   n("div", dt, [
@@ -1041,14 +1044,14 @@ function bt(a, e, t, r, i, o) {
     }, [
       t.mapProjection === "mercator" ? (_(), C("div", {
         key: 0,
-        class: j(["item-bar flex-start", t.showParticle ? "active" : "inactive"]),
+        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: j(["item-bar flex-start", i.showFeather ? "active" : "inactive"]),
+        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),
@@ -1282,8 +1285,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, L = u[2] * e.ratio, [z, w, A, M] = [v, L + v, g, L + g], W = new Float32Array([z, A, w, A, z, M, z, M, w, A, w, M]);
-          t.bindBuffer(t.ARRAY_BUFFER, s), t.bufferData(t.ARRAY_BUFFER, W, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
+          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]);
+          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}`);
@@ -3474,14 +3477,14 @@ function Pt(a, e, t, r, i, o) {
     }, [
       t.mapProjection === "mercator" ? (_(), C("div", {
         key: 0,
-        class: j(["flex-start item-bar", t.showParticle ? "active" : "inactive"]),
+        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: j(["flex-start item-bar", i.showJson ? "active" : "inactive"]),
+        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),
@@ -3694,14 +3697,7 @@ const Rt = /* @__PURE__ */ T(Tt, [["render", It], ["__scopeId", "data-v-6d4fd206
     "sigWave.version": {
       handler() {
         var a;
-        (a = this.sigWave) != null && a.active ? this.handleRender() : this.handleClear();
-      },
-      deep: !0
-    },
-    activeWeatherLayers: {
-      handler() {
-        setTimeout(() => {
-        }, 200);
+        (a = this.sigWave) != null && a.active ? (this.handleRender(), this.handleMove()) : this.handleClear();
       },
       deep: !0
     }
@@ -3782,8 +3778,13 @@ const Rt = /* @__PURE__ */ T(Tt, [["render", It], ["__scopeId", "data-v-6d4fd206
         ), i = (/* @__PURE__ */ new Date()).valueOf() - (t + r), console.log("[sig.wave] add elapsed: ", i, ", total: ", r += i));
       }
     },
+    handleMove() {
+      var a, e;
+      (e = (a = this.map) == null ? void 0 : a.getLayer("country-boundaries")) == null || e.setLayoutProperty("visibility", "visible"), this.map.getLayer(this.heightLayer) && this.map.moveLayer(this.heightLayer, "country-boundaries"), this.map.getLayer(this.heightLabelLayer) && this.map.moveLayer(this.heightLabelLayer, "country-boundaries");
+    },
     handleClear() {
-      this.map.getLayer(this.heightLayer) && this.map.removeLayer(this.heightLayer), this.map.getLayer(this.heightLabelLayer) && this.map.removeLayer(this.heightLabelLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
+      var a, e, t;
+      ((a = this.activeWeatherLayers) == null ? void 0 : a.length) === 0 && ((t = (e = this.map) == null ? void 0 : e.getLayer("country-boundaries")) == null || t.setLayoutProperty("visibility", "none")), this.map.getLayer(this.heightLayer) && this.map.removeLayer(this.heightLayer), this.map.getLayer(this.heightLabelLayer) && this.map.removeLayer(this.heightLabelLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
 };
@@ -3819,16 +3820,18 @@ const Mt = /* @__PURE__ */ T(At, [["render", Dt]]), Wt = {
     "swell.version": {
       handler() {
         var a;
-        (a = this.swell) != null && a.active ? this.handleRender() : this.handleClear();
+        (a = this.swell) != null && a.active ? (this.handleRender(), this.handleMove()) : this.handleClear();
       },
       deep: !0
     },
     activeWeatherLayers: {
       handler() {
         setTimeout(() => {
-        }, 300);
+          this.activeWeatherLayers.length > 0 ? this.handleMove() : this.handleClear();
+        }, 500);
       },
-      deep: !0
+      deep: !0,
+      immediate: !0
     }
   },
   methods: {
@@ -3933,8 +3936,13 @@ const Mt = /* @__PURE__ */ T(At, [["render", Dt]]), Wt = {
         ), i = (/* @__PURE__ */ new Date()).valueOf() - (t + r), console.log("[swell] add elapsed: ", i, ", total: ", r += i));
       }
     },
+    handleMove() {
+      var a, e;
+      (e = (a = this.map) == null ? void 0 : a.getLayer("country-boundaries")) == null || e.setLayoutProperty("visibility", "visible"), this.map.getLayer(this.heightLayer) && this.map.moveLayer(this.heightLayer, "country-boundaries"), this.map.getLayer(this.directionLayer) && this.map.moveLayer(this.directionLayer, "country-boundaries"), this.map.getLayer(this.heightLabelLayer) && this.map.moveLayer(this.heightLabelLayer, "country-boundaries");
+    },
     handleClear() {
-      this.map.getLayer(this.heightLayer) && this.map.removeLayer(this.heightLayer), this.map.getLayer(this.heightLabelLayer) && this.map.removeLayer(this.heightLabelLayer), this.map.getLayer(this.directionLayer) && this.map.removeLayer(this.directionLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
+      var a, e;
+      this.activeWeatherLayers.length === 0 && ((e = (a = this.map) == null ? void 0 : a.getLayer("country-boundaries")) == null || e.setLayoutProperty("visibility", "none")), this.map.getLayer(this.heightLayer) && this.map.removeLayer(this.heightLayer), this.map.getLayer(this.heightLabelLayer) && this.map.removeLayer(this.heightLabelLayer), this.map.getLayer(this.directionLayer) && this.map.removeLayer(this.directionLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
 };
@@ -3973,14 +3981,15 @@ const Bt = /* @__PURE__ */ T(Wt, [["render", jt]]), Nt = {
     "prmsl.version": {
       handler() {
         var a;
-        (a = this.prmsl) != null && a.active ? this.handleRender() : this.handleClear();
+        (a = this.prmsl) != null && a.active ? (this.handleRender(), this.handleMove()) : this.handleClear();
       },
       deep: !0
     },
     activeWeatherLayers: {
       handler() {
         setTimeout(() => {
-        }, 300);
+          this.activeWeatherLayers.length > 0 ? this.handleMove() : this.handleClear();
+        }, 500);
       },
       deep: !0,
       immediate: !0
@@ -4064,7 +4073,7 @@ const Bt = /* @__PURE__ */ T(Wt, [["render", jt]]), Nt = {
             },
             this.beforeLayer
           );
-        }, 100), o = (/* @__PURE__ */ new Date()).valueOf() - (r + i), console.log("[prmsl] add elapsed: ", o, ", total: ", i += o));
+        }, 0), o = (/* @__PURE__ */ new Date()).valueOf() - (r + i), console.log("[prmsl] add elapsed: ", o, ", total: ", i += o));
       }
     },
     handleMove() {
@@ -4520,7 +4529,7 @@ 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, W, O, F, H, se, ne, le, ce, he, de, pe, te;
+      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) => {
@@ -4542,7 +4551,7 @@ const Zt = {
         for (const E of Y)
           if (!E.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 = (W = E.properties) == null ? void 0 : W.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 = 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";
             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">
@@ -4732,18 +4741,18 @@ function na(a, e, t, r, i, o) {
             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, W, O, F;
+                var M, j, O, F;
                 return _(), C("div", {
                   key: A,
-                  class: j([
+                  class: W([
                     "model",
                     w.disabled ? "" : "active",
-                    A > 0 && A < ((W = (M = i.activeTropicals) == null ? void 0 : M.forecasts) == null ? void 0 : W.length) - 1 && ((F = (O = i.activeTropicals) == null ? void 0 : O.forecasts) == null ? void 0 : F.length) > 2 ? "center-child" : ""
+                    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" : ""
                   ]),
                   onClick: (H) => o.handleForecastToggle(w)
                 }, [
                   n("span", {
-                    class: j(w.model)
+                    class: W(w.model)
                   }, S(w.model), 3)
                 ], 10, oa);
               }), 128))
@@ -5448,7 +5457,7 @@ const za = {
   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, W, 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;
+  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, [
@@ -5466,7 +5475,7 @@ function Ua(a, e, t, r, i, o) {
         ]),
         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 = (W = (M = t.meteo) == null ? void 0 : M.wave) == null ? void 0 : W.wd) == null ? void 0 : O.period, 1)) + "[s]", 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", ja, [
           e[3] || (e[3] = n("label", null, "Swell", -1)),
@@ -7090,7 +7099,7 @@ function Bi(a, e, t, r, i, o) {
         }, {
           default: X(() => [
             n("div", {
-              class: j(i.vendor === "hi" ? "menu-icon active" : "menu-icon"),
+              class: W(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)
@@ -7106,7 +7115,7 @@ function Bi(a, e, t, r, i, o) {
         }, {
           default: X(() => [
             n("div", {
-              class: j(i.vendor === "i4" ? "menu-icon active" : "menu-icon"),
+              class: W(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)
@@ -7312,8 +7321,8 @@ const Oi = {
                 );
               const z = await Promise.all(L);
               this.weatherLayers = {}, z.map((w) => {
-                var W, O, F, H;
-                const A = ((W = w == null ? void 0 : w.data) == null ? void 0 : W.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;
+                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",
@@ -7325,8 +7334,8 @@ const Oi = {
                   key: "tropicals"
                 }
               }).then((w) => {
-                var W, O, F;
-                const A = Oe.convert2Geojson(((W = w == null ? void 0 : w.data) == null ? void 0 : W.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;
+                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,
                   active: !0,
@@ -7758,7 +7767,7 @@ const Oi = {
 };
 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"), W = 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");
+  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({
       ref: "layer",
@@ -7896,7 +7905,7 @@ function $i(a, e, t, r, i, o) {
       area: (xe = i.otherLayers) == null ? void 0 : xe["gmdss-areas"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
-    k(W, I({
+    k(j, I({
       map: t.map,
       zone: (Te = i.otherLayers) == null ? void 0 : Te["eca-zones"],
       "before-layer": t.beforeLayer