@idmwx/idmui-gl3 3.5.4 → 3.5.5

package/README.md

@@ -1,27 +1,27 @@
-## IDMUI WebGL
-> IDM大气海洋可视化工具  
-
-## Mapbox本地化
-> 主要参考[Mapbox本地化](https://www.jianshu.com/p/43ce4591c621)
-
-### 字体本地化
-Mapbox使用的是pbf格式，需要先将ttf字体转换为pbf格式。
-
-以下为在CentOS7.9上转换字体的方法:
-#### 1 安装node-fontnik工具包
-> [主要参考](https://www.cnblogs.com/lqqgis/p/18048426)
-> 自行安装较为复杂，基于docker镜像快速安装:
-### 下载镜像
-```
-docker pull registry.cn-hangzhou.aliyuncs.com/idmwx/node-fontnik
-```
-
-### 转换字段
-```
-# 转换ttf (TrueType Font)
-docker run -v /opt/html/idm-fontnik/input:/input -v /opt/html/idm-fontnik/output:/output -e EXTENSION=.ttf registry.cn-hangzhou.aliyuncs.com/idmwx/node-fontnik
-
-# 转换otf (OpenType Font)
-docker run -v /opt/html/idm-fontnik/input:/input -v /opt/html/idm-fontnik/output:/output -e EXTENSION=.otf registry.cn-hangzhou.aliyuncs.com/idmwx/node-fontnik
-```
+## IDMUI WebGL
+> IDM大气海洋可视化工具  
+
+## Mapbox本地化
+> 主要参考[Mapbox本地化](https://www.jianshu.com/p/43ce4591c621)
+
+### 字体本地化
+Mapbox使用的是pbf格式，需要先将ttf字体转换为pbf格式。
+
+以下为在CentOS7.9上转换字体的方法:
+#### 1 安装node-fontnik工具包
+> [主要参考](https://www.cnblogs.com/lqqgis/p/18048426)
+> 自行安装较为复杂，基于docker镜像快速安装:
+### 下载镜像
+```
+docker pull registry.cn-hangzhou.aliyuncs.com/idmwx/node-fontnik
+```
+
+### 转换字段
+```
+# 转换ttf (TrueType Font)
+docker run -v /opt/html/idm-fontnik/input:/input -v /opt/html/idm-fontnik/output:/output -e EXTENSION=.ttf registry.cn-hangzhou.aliyuncs.com/idmwx/node-fontnik
+
+# 转换otf (OpenType Font)
+docker run -v /opt/html/idm-fontnik/input:/input -v /opt/html/idm-fontnik/output:/output -e EXTENSION=.otf registry.cn-hangzhou.aliyuncs.com/idmwx/node-fontnik
+```
 > 注意：input目录下存放需要转换的字体文件，output目录下存放转换后的字体文件

package/dist/index.js

@@ -1,7 +1,7 @@
 var rt = Object.defineProperty;
 var ot = (a, e, t) => e in a ? rt(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
 var R = (a, e, t) => (ot(a, typeof e != "symbol" ? e + "" : e, t), t);
-import { LayerHelper as Fe, CompanyHelper as Ve, LngLatHelper as K, convertToMonotonicLng2 as st, calculateDistance as We, calculateBearing as Oe, convertToMonotonicLng as pe, interpolateCoordinates as je, convertToStandardLng as Re } from "@idmwx/idmwx-base";
+import { LayerHelper as Fe, CompanyHelper as Ve, LngLatHelper as K, convertToMonotonicLng2 as st, calculateDistance as Oe, calculateBearing as We, convertToMonotonicLng as pe, interpolateCoordinates as je, convertToStandardLng as Re } from "@idmwx/idmwx-base";
 import { resolveComponent as z, openBlock as L, createElementBlock as x, createElementVNode as l, normalizeStyle as j, normalizeClass as M, Fragment as Ae, renderList as De, toDisplayString as S, createVNode as P, withCtx as nt, createTextVNode as Ke, createCommentVNode as N, pushScopeId as U, popScopeId as G, withDirectives as $e, vShow as Me, createStaticVNode as lt, mergeProps as I } from "vue";
 import * as C from "@turf/turf";
 import ct from "@mapbox/sphericalmercator";
@@ -140,7 +140,7 @@ const T = (a, e) => {
       this.source = a, this.handleConfirm();
     }
   }
-}, Z = (a) => (U("data-v-4df358dd"), a = a(), G(), a), dt = { class: "idm-gl-layer" }, pt = { class: "bar-item layer-bars" }, mt = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1)), ut = [
+}, Z = (a) => (U("data-v-66a5718f"), a = a(), G(), a), dt = { class: "idm-gl-layer" }, pt = { class: "bar-item layer-bars" }, mt = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1)), ut = [
   mt
 ], yt = { class: "bar-item tool-bars" }, ft = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1)), gt = [
   ft
@@ -155,7 +155,7 @@ const T = (a, e) => {
 ], Pt = { class: "weather-layers" }, Tt = {
   class: "layers-title",
   style: { display: "flex", "align-items": "center", "justify-content": "space-between" }
-}, It = { style: { "font-size": "12px" } }, Et = { class: "layers-body" }, Rt = ["onClick"], At = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1)), Dt = { class: "other-layers" }, $t = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("div", { class: "layers-title" }, "Other Layers", -1)), Mt = { class: "layers-body" }, Bt = ["onClick"], Nt = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1)), Wt = { class: "source-layers" }, Ot = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("span", { class: "layers-title" }, "Forecast Model", -1)), jt = { class: "layers-body model-box" };
+}, It = { style: { "font-size": "12px" } }, Et = { class: "layers-body" }, Rt = ["onClick"], At = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1)), Dt = { class: "other-layers" }, $t = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("div", { class: "layers-title" }, "Other Layers", -1)), Mt = { class: "layers-body" }, Bt = ["onClick"], Nt = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1)), Ot = { class: "source-layers" }, Wt = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("span", { class: "layers-title" }, "Forecast Model", -1)), jt = { class: "layers-body model-box" };
 function Ft(a, e, t, r, i, o) {
   const n = z("ElScrollbar");
   return L(), x("div", dt, [
@@ -255,8 +255,8 @@ function Ft(a, e, t, r, i, o) {
                 ], 10, Bt))), 128))
               ])
             ]),
-            l("div", Wt, [
-              Ot,
+            l("div", Ot, [
+              Wt,
               l("div", jt, [
                 l("span", {
                   class: M(i.source === "GFS" ? "text active" : "text"),
@@ -275,7 +275,7 @@ function Ft(a, e, t, r, i, o) {
     ], 4)
   ]);
 }
-const Vt = /* @__PURE__ */ T(ht, [["render", Ft], ["__scopeId", "data-v-4df358dd"]]);
+const Vt = /* @__PURE__ */ T(ht, [["render", Ft], ["__scopeId", "data-v-66a5718f"]]);
 const Ut = {
   name: "IdmWindBarb",
   props: {
@@ -483,7 +483,7 @@ function qt(a, e, t, r, i, o) {
     ], 4)
   ])) : N("", !0);
 }
-const Yt = /* @__PURE__ */ T(Ut, [["render", qt], ["__scopeId", "data-v-fc7a24ef"]]);
+const Yt = /* @__PURE__ */ T(Ut, [["render", qt], ["__scopeId", "data-v-f285f28f"]]);
 class Ue {
   constructor(e) {
     R(this, "map");
@@ -1020,7 +1020,7 @@ class Qt {
             visibility: "visible"
           },
           paint: {
-            "fill-color": "#ebeaea"
+            "fill-color": "#d9d8d8"
           }
         },
         countryAdmin0BoundaryBg: {
@@ -2720,7 +2720,7 @@ const Kt = {
       });
     }
   }
-}, re = (a) => (U("data-v-a083279c"), a = a(), G(), a), ea = { key: 0 }, ta = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "kts", -1)), aa = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "0", -1)), ia = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "5", -1)), ra = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "10", -1)), oa = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "20", -1)), sa = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "30", -1)), na = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "40", -1)), la = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "60", -1)), ca = [
+}, re = (a) => (U("data-v-bc5ff165"), a = a(), G(), a), ea = { key: 0 }, ta = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "kts", -1)), aa = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "0", -1)), ia = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "5", -1)), ra = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "10", -1)), oa = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "20", -1)), sa = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "30", -1)), na = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "40", -1)), la = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "60", -1)), ca = [
   ta,
   aa,
   ia,
@@ -2739,7 +2739,7 @@ function ha(a, e, t, r, i, o) {
     }, ca, 4)
   ])) : N("", !0);
 }
-const da = /* @__PURE__ */ T(Kt, [["render", ha], ["__scopeId", "data-v-a083279c"]]);
+const da = /* @__PURE__ */ T(Kt, [["render", ha], ["__scopeId", "data-v-bc5ff165"]]);
 const pa = {
   name: "IdmCurrent",
   props: {
@@ -2948,7 +2948,7 @@ function ba(a, e, t, r, i, o) {
     ], 4)
   ])) : N("", !0);
 }
-const va = /* @__PURE__ */ T(pa, [["render", ba], ["__scopeId", "data-v-ce5e09b8"]]);
+const va = /* @__PURE__ */ T(pa, [["render", ba], ["__scopeId", "data-v-dbab881d"]]);
 const _a = {
   name: "IdmCurrentParticle",
   props: {
@@ -3110,7 +3110,7 @@ const _a = {
       });
     }
   }
-}, ce = (a) => (U("data-v-f196de0e"), a = a(), G(), a), wa = { key: 0 }, La = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "kts", -1)), xa = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "0", -1)), Ca = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "0.4", -1)), Sa = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "0.8", -1)), ka = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "1.6", -1)), za = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "2", -1)), Pa = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "3.2", -1)), Ta = [
+}, ce = (a) => (U("data-v-5f45c14c"), a = a(), G(), a), wa = { key: 0 }, La = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "kts", -1)), xa = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "0", -1)), Ca = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "0.4", -1)), Sa = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "0.8", -1)), ka = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "1.6", -1)), za = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "2", -1)), Pa = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "3.2", -1)), Ta = [
   La,
   xa,
   Ca,
@@ -3128,7 +3128,7 @@ function Ia(a, e, t, r, i, o) {
     }, Ta, 4)
   ])) : N("", !0);
 }
-const Ea = /* @__PURE__ */ T(_a, [["render", Ia], ["__scopeId", "data-v-f196de0e"]]), Ra = {
+const Ea = /* @__PURE__ */ T(_a, [["render", Ia], ["__scopeId", "data-v-5f45c14c"]]), Ra = {
   name: "IdmSigWave",
   props: {
     map: {
@@ -3452,7 +3452,9 @@ const Ba = /* @__PURE__ */ T($a, [["render", Ma]]), Na = {
             },
             paint: {
               "text-color": "black",
-              "text-opacity": 0.7
+              "text-opacity": 0.9,
+              "text-halo-color": "rgba(255,255,255,1)",
+              "text-halo-width": 1
             }
           },
           this.beforeLayer
@@ -3498,10 +3500,10 @@ const Ba = /* @__PURE__ */ T($a, [["render", Ma]]), Na = {
     }
   }
 };
-function Wa(a, e, t, r, i, o) {
+function Oa(a, e, t, r, i, o) {
   return L(), x("div");
 }
-const Oa = /* @__PURE__ */ T(Na, [["render", Wa]]), ja = {
+const Wa = /* @__PURE__ */ T(Na, [["render", Oa]]), ja = {
   name: "IdmIceberg",
   props: {
     map: {
@@ -3934,7 +3936,7 @@ const Ua = {
       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));
     },
     handleDateChange() {
-      var a, e, t, r, i, o, n, s, c, h, y, d, m, u, b, f, p, v, g, w, k, _, E, D, $, W, O, H;
+      var a, e, t, r, i, o, n, s, c, h, y, d, m, u, b, f, p, v, g, w, k, _, E, D, $, O, W, H;
       if ((a = this.interpolateMarkers) == null || a.forEach((X) => X == null ? void 0 : X.remove()), (e = this.interpolateData) != null && e.length && this.tropicals.active) {
         const X = Q(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), ee = this.interpolateData.filter((A) => A.properties.date === X.format() && !A.properties.disabled), he = this.handleComputePolygons(ee), te = C.featureCollection([...ee]);
         he.forEach((A) => {
@@ -3956,7 +3958,7 @@ const Ua = {
         for (const A of ee)
           if (!A.properties.disabled) {
             let V = "#f44336";
-            ((s = (n = A.properties) == null ? void 0 : n.wind) == null ? void 0 : s.spd) < 17.2 ? V = "#03f869" : ((h = (c = A.properties) == null ? void 0 : c.wind) == null ? void 0 : h.spd) >= 17.2 && ((d = (y = A.properties) == null ? void 0 : y.wind) == null ? void 0 : d.spd) < 24.5 ? V = "#f2f202" : ((u = (m = A.properties) == null ? void 0 : m.wind) == null ? void 0 : u.spd) >= 24.5 && ((f = (b = A.properties) == null ? void 0 : b.wind) == null ? void 0 : f.spd) < 32.7 ? V = "#ff9100" : ((v = (p = A.properties) == null ? void 0 : p.wind) == null ? void 0 : v.spd) >= 32.7 && ((w = (g = A.properties) == null ? void 0 : g.wind) == null ? void 0 : w.spd) < 41.5 ? V = "#f44336" : ((_ = (k = A.properties) == null ? void 0 : k.wind) == null ? void 0 : _.spd) >= 41.5 && ((D = (E = A.properties) == null ? void 0 : E.wind) == null ? void 0 : D.spd) < 51 ? V = "#c604a4" : ((W = ($ = A.properties) == null ? void 0 : $.wind) == null ? void 0 : W.spd) >= 51 ? V = "#6b05bb" : V = "#f44336";
+            ((s = (n = A.properties) == null ? void 0 : n.wind) == null ? void 0 : s.spd) < 17.2 ? V = "#03f869" : ((h = (c = A.properties) == null ? void 0 : c.wind) == null ? void 0 : h.spd) >= 17.2 && ((d = (y = A.properties) == null ? void 0 : y.wind) == null ? void 0 : d.spd) < 24.5 ? V = "#f2f202" : ((u = (m = A.properties) == null ? void 0 : m.wind) == null ? void 0 : u.spd) >= 24.5 && ((f = (b = A.properties) == null ? void 0 : b.wind) == null ? void 0 : f.spd) < 32.7 ? V = "#ff9100" : ((v = (p = A.properties) == null ? void 0 : p.wind) == null ? void 0 : v.spd) >= 32.7 && ((w = (g = A.properties) == null ? void 0 : g.wind) == null ? void 0 : w.spd) < 41.5 ? V = "#f44336" : ((_ = (k = A.properties) == null ? void 0 : k.wind) == null ? void 0 : _.spd) >= 41.5 && ((D = (E = A.properties) == null ? void 0 : E.wind) == null ? void 0 : D.spd) < 51 ? V = "#c604a4" : ((O = ($ = A.properties) == null ? void 0 : $.wind) == null ? void 0 : O.spd) >= 51 ? V = "#6b05bb" : V = "#f44336";
             const de = `<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">
@@ -3977,7 +3979,7 @@ const Ua = {
             this.interpolateMarkers.push(ne);
           }
       } else
-        (O = this.map) != null && O.getSource(this.interpolateSource) && ((H = this.map) == null || H.getSource(this.interpolateSource).setData(this.empty));
+        (W = this.map) != null && W.getSource(this.interpolateSource) && ((H = this.map) == null || H.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(a) {
       var o, n, s, c, h, y;
@@ -4064,7 +4066,7 @@ const Ua = {
       return C.lineToPolygon(i, { properties: t });
     }
   }
-}, Ge = (a) => (U("data-v-bb8414b4"), a = a(), G(), a), Ga = {
+}, Ge = (a) => (U("data-v-cc6ebaba"), a = a(), G(), a), Ga = {
   id: "active-tropical",
   class: "active-tropical"
 }, Ha = { class: "header-box" }, Za = { class: "main" }, Xa = { key: 0 }, Ja = { class: "sub" }, qa = {
@@ -4079,7 +4081,7 @@ const Ua = {
 }, ai = /* @__PURE__ */ Ge(() => /* @__PURE__ */ l("label", null, "Pressure : ", -1)), ii = { class: "row" }, ri = {
   class: "col col-24",
   style: { "justify-content": "flex-start" }
-}, oi = /* @__PURE__ */ Ge(() => /* @__PURE__ */ l("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)), si = { class: "forecast-models" }, ni = ["onClick"], li = /* @__PURE__ */ lt('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-bb8414b4></div><div class="row" style="padding:2px 10px;" data-v-bb8414b4><div class="legend" data-v-bb8414b4><div class="icon td" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>TD</div></div><div class="legend" data-v-bb8414b4><div class="icon ts" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>TS</div></div><div class="legend" data-v-bb8414b4><div class="icon sts" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>STS</div></div><div class="legend" data-v-bb8414b4><div class="icon ty" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>TY</div></div><div class="legend" data-v-bb8414b4><div class="icon sty" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>STY</div></div><div class="legend" data-v-bb8414b4><div class="icon supper-ty" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-bb8414b4><div class="legend" data-v-bb8414b4><div class="icon history" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>History</div></div><div class="legend" data-v-bb8414b4><div class="icon r7" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>35kts Radii</div></div><div class="legend" data-v-bb8414b4><div class="icon r10" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>50kts Radii</div></div></div>', 3), ci = { class: "more" };
+}, oi = /* @__PURE__ */ Ge(() => /* @__PURE__ */ l("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)), si = { class: "forecast-models" }, ni = ["onClick"], li = /* @__PURE__ */ lt('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-cc6ebaba></div><div class="row" style="padding:2px 10px;" data-v-cc6ebaba><div class="legend" data-v-cc6ebaba><div class="icon td" data-v-cc6ebaba></div><div class="label" data-v-cc6ebaba>TD</div></div><div class="legend" data-v-cc6ebaba><div class="icon ts" data-v-cc6ebaba></div><div class="label" data-v-cc6ebaba>TS</div></div><div class="legend" data-v-cc6ebaba><div class="icon sts" data-v-cc6ebaba></div><div class="label" data-v-cc6ebaba>STS</div></div><div class="legend" data-v-cc6ebaba><div class="icon ty" data-v-cc6ebaba></div><div class="label" data-v-cc6ebaba>TY</div></div><div class="legend" data-v-cc6ebaba><div class="icon sty" data-v-cc6ebaba></div><div class="label" data-v-cc6ebaba>STY</div></div><div class="legend" data-v-cc6ebaba><div class="icon supper-ty" data-v-cc6ebaba></div><div class="label" data-v-cc6ebaba>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-cc6ebaba><div class="legend" data-v-cc6ebaba><div class="icon history" data-v-cc6ebaba></div><div class="label" data-v-cc6ebaba>History</div></div><div class="legend" data-v-cc6ebaba><div class="icon r7" data-v-cc6ebaba></div><div class="label" data-v-cc6ebaba>35kts Radii</div></div><div class="legend" data-v-cc6ebaba><div class="icon r10" data-v-cc6ebaba></div><div class="label" data-v-cc6ebaba>50kts Radii</div></div></div>', 3), ci = { class: "more" };
 function hi(a, e, t, r, i, o) {
   var n, s, c, h, y, d, m, u, b, f, p, v, g, w, k;
   return $e((L(), x("div", Ga, [
@@ -4111,13 +4113,13 @@ function hi(a, e, t, r, i, o) {
             oi,
             l("div", si, [
               (L(!0), x(Ae, null, De((k = i.activeTropicals) == null ? void 0 : k.forecasts, (_, E) => {
-                var D, $, W, O;
+                var D, $, O, W;
                 return L(), x("div", {
                   key: E,
                   class: M([
                     "model",
                     _.disabled ? "" : "active",
-                    E > 0 && E < (($ = (D = i.activeTropicals) == null ? void 0 : D.forecasts) == null ? void 0 : $.length) - 1 && ((O = (W = i.activeTropicals) == null ? void 0 : W.forecasts) == null ? void 0 : O.length) > 2 ? "center-child" : ""
+                    E > 0 && E < (($ = (D = i.activeTropicals) == null ? void 0 : D.forecasts) == null ? void 0 : $.length) - 1 && ((W = (O = i.activeTropicals) == null ? void 0 : O.forecasts) == null ? void 0 : W.length) > 2 ? "center-child" : ""
                   ]),
                   onClick: (H) => o.handleForecastToggle(_)
                 }, [
@@ -4142,7 +4144,7 @@ function hi(a, e, t, r, i, o) {
     [Me, i.showTropicals]
   ]);
 }
-const tt = /* @__PURE__ */ T(Ua, [["render", hi], ["__scopeId", "data-v-bb8414b4"]]);
+const tt = /* @__PURE__ */ T(Ua, [["render", hi], ["__scopeId", "data-v-cc6ebaba"]]);
 const di = {
   name: "IdmPrecip3h",
   props: {
@@ -4244,7 +4246,7 @@ const di = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, oe = (a) => (U("data-v-42b977ed"), a = a(), G(), a), pi = { key: 0 }, mi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "mm", -1)), ui = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "1.5", -1)), yi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "2", -1)), fi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "3", -1)), gi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "7", -1)), bi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "10", -1)), vi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "20", -1)), _i = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "30", -1)), wi = [
+}, oe = (a) => (U("data-v-dec867b8"), a = a(), G(), a), pi = { key: 0 }, mi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "mm", -1)), ui = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "1.5", -1)), yi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "2", -1)), fi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "3", -1)), gi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "7", -1)), bi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "10", -1)), vi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "20", -1)), _i = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "30", -1)), wi = [
   mi,
   ui,
   yi,
@@ -4263,7 +4265,7 @@ function Li(a, e, t, r, i, o) {
     }, wi, 4)
   ])) : N("", !0);
 }
-const xi = /* @__PURE__ */ T(di, [["render", Li], ["__scopeId", "data-v-42b977ed"]]);
+const xi = /* @__PURE__ */ T(di, [["render", Li], ["__scopeId", "data-v-dec867b8"]]);
 const Ci = {
   name: "IdmVisibility",
   props: {
@@ -4358,7 +4360,7 @@ const Ci = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, me = (a) => (U("data-v-2a5fbadd"), a = a(), G(), a), Si = { key: 0 }, ki = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "nm", -1)), zi = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "0", -1)), Pi = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "0.5", -1)), Ti = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "1.5", -1)), Ii = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "3", -1)), Ei = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "9", -1)), Ri = [
+}, me = (a) => (U("data-v-952dee5c"), a = a(), G(), a), Si = { key: 0 }, ki = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "nm", -1)), zi = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "0", -1)), Pi = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "0.5", -1)), Ti = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "1.5", -1)), Ii = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "3", -1)), Ei = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "9", -1)), Ri = [
   ki,
   zi,
   Pi,
@@ -4375,7 +4377,7 @@ function Ai(a, e, t, r, i, o) {
     }, Ri, 4)
   ])) : N("", !0);
 }
-const Di = /* @__PURE__ */ T(Ci, [["render", Ai], ["__scopeId", "data-v-2a5fbadd"]]);
+const Di = /* @__PURE__ */ T(Ci, [["render", Ai], ["__scopeId", "data-v-952dee5c"]]);
 const $i = {
   name: "IdmWaterTemp",
   props: {
@@ -4478,11 +4480,11 @@ const $i = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ue = (a) => (U("data-v-5b28deaf"), a = a(), G(), a), Mi = { key: 0 }, Bi = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "°C", -1)), Ni = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "0", -1)), Wi = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "10", -1)), Oi = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "20", -1)), ji = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "30", -1)), Fi = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "40", -1)), Vi = [
+}, ue = (a) => (U("data-v-67e5094b"), a = a(), G(), a), Mi = { key: 0 }, Bi = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "°C", -1)), Ni = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "0", -1)), Oi = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "10", -1)), Wi = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "20", -1)), ji = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "30", -1)), Fi = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "40", -1)), Vi = [
   Bi,
   Ni,
-  Wi,
   Oi,
+  Wi,
   ji,
   Fi
 ];
@@ -4495,7 +4497,7 @@ function Ui(a, e, t, r, i, o) {
     }, Vi, 4)
   ])) : N("", !0);
 }
-const Gi = /* @__PURE__ */ T($i, [["render", Ui], ["__scopeId", "data-v-5b28deaf"]]);
+const Gi = /* @__PURE__ */ T($i, [["render", Ui], ["__scopeId", "data-v-67e5094b"]]);
 const Hi = {
   name: "IdmTemp",
   props: {
@@ -4601,7 +4603,7 @@ const Hi = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, se = (a) => (U("data-v-72cd9cf1"), a = a(), G(), a), Zi = { key: 0 }, Xi = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "°C", -1)), Ji = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "-20", -1)), qi = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "-10", -1)), Yi = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "0", -1)), Qi = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "10", -1)), Ki = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "20", -1)), er = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "30", -1)), tr = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "40", -1)), ar = [
+}, se = (a) => (U("data-v-389ea886"), a = a(), G(), a), Zi = { key: 0 }, Xi = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "°C", -1)), Ji = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "-20", -1)), qi = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "-10", -1)), Yi = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "0", -1)), Qi = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "10", -1)), Ki = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "20", -1)), er = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "30", -1)), tr = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "40", -1)), ar = [
   Xi,
   Ji,
   qi,
@@ -4620,7 +4622,7 @@ function ir(a, e, t, r, i, o) {
     }, ar, 4)
   ])) : N("", !0);
 }
-const rr = /* @__PURE__ */ T(Hi, [["render", ir], ["__scopeId", "data-v-72cd9cf1"]]);
+const rr = /* @__PURE__ */ T(Hi, [["render", ir], ["__scopeId", "data-v-389ea886"]]);
 const or = {
   name: "IdmArctic",
   props: {
@@ -4717,7 +4719,7 @@ const or = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ye = (a) => (U("data-v-2092df03"), a = a(), G(), a), sr = { key: 0 }, nr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "m", -1)), lr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "0", -1)), cr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "0.5", -1)), hr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "1", -1)), dr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "1.5", -1)), pr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "2", -1)), mr = [
+}, ye = (a) => (U("data-v-db805141"), a = a(), G(), a), sr = { key: 0 }, nr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "m", -1)), lr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "0", -1)), cr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "0.5", -1)), hr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "1", -1)), dr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "1.5", -1)), pr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "2", -1)), mr = [
   nr,
   lr,
   cr,
@@ -4734,7 +4736,7 @@ function ur(a, e, t, r, i, o) {
     }, mr, 4)
   ])) : N("", !0);
 }
-const yr = /* @__PURE__ */ T(or, [["render", ur], ["__scopeId", "data-v-2092df03"]]);
+const yr = /* @__PURE__ */ T(or, [["render", ur], ["__scopeId", "data-v-db805141"]]);
 const fr = {
   name: "IdmPoint",
   emits: ["point", "more"],
@@ -4814,10 +4816,10 @@ const fr = {
       }
     }
   }
-}, J = (a) => (U("data-v-a7923724"), a = a(), G(), a), gr = {
+}, J = (a) => (U("data-v-fb5b12d6"), a = a(), G(), a), gr = {
   id: "point-meteo",
   class: "point-meteo"
-}, br = { class: "meteo-box" }, vr = { class: "header-box" }, _r = { class: "main" }, wr = { class: "sub" }, Lr = { class: "main-box" }, xr = { class: "flex-space" }, Cr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Wind", -1)), Sr = { class: "flex-space" }, kr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Wind.Wave", -1)), zr = { class: "flex-space" }, Pr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Swell", -1)), Tr = { class: "flex-space" }, Ir = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Sig.Wave", -1)), Er = { class: "flex-space" }, Rr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Current", -1)), Ar = { class: "flex-space" }, Dr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Precip", -1)), $r = { class: "flex-space" }, Mr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Visibility", -1)), Br = { class: "flex-space" }, Nr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Temp", -1)), Wr = { class: "flex-space" }, Or = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Water Temp", -1)), jr = {
+}, br = { class: "meteo-box" }, vr = { class: "header-box" }, _r = { class: "main" }, wr = { class: "sub" }, Lr = { class: "main-box" }, xr = { class: "flex-space" }, Cr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Wind", -1)), Sr = { class: "flex-space" }, kr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Wind.Wave", -1)), zr = { class: "flex-space" }, Pr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Swell", -1)), Tr = { class: "flex-space" }, Ir = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Sig.Wave", -1)), Er = { class: "flex-space" }, Rr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Current", -1)), Ar = { class: "flex-space" }, Dr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Precip", -1)), $r = { class: "flex-space" }, Mr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Visibility", -1)), Br = { class: "flex-space" }, Nr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Temp", -1)), Or = { class: "flex-space" }, Wr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Water Temp", -1)), jr = {
   key: 0,
   class: "flex-space",
   style: { "justify-content": "flex-end" }
@@ -4825,7 +4827,7 @@ const fr = {
   Fr
 ];
 function Ur(a, e, t, r, i, o) {
-  var n, s, c, h, y, d, m, u, b, f, p, v, g, w, k, _, E, D, $, W, O, H, X, ee, he, te, A, V, de, q, ne, fe, ge, be, ve, _e, we, Le, xe, Ce, Se, ke, ze, Pe, Te, Ie, Ee;
+  var n, s, c, h, y, d, m, u, b, f, p, v, g, w, k, _, E, D, $, O, W, H, X, ee, he, te, A, V, de, q, ne, fe, ge, be, ve, _e, we, Le, xe, Ce, Se, ke, ze, Pe, Te, Ie, Ee;
   return $e((L(), x("div", gr, [
     l("div", br, [
       l("div", vr, [
@@ -4843,11 +4845,11 @@ function Ur(a, e, t, r, i, o) {
         ]),
         l("div", Sr, [
           kr,
-          l("span", null, S(((w = (g = (v = t.meteo) == null ? void 0 : v.wave) == null ? void 0 : g.wd) == null ? void 0 : w.direction) || "-") + "/" + S(o.roundPrecision((E = (_ = (k = t.meteo) == null ? void 0 : k.wave) == null ? void 0 : _.wd) == null ? void 0 : E.height, 1)) + "[m]/" + S(o.roundPrecision((W = ($ = (D = t.meteo) == null ? void 0 : D.wave) == null ? void 0 : $.wd) == null ? void 0 : W.period, 1)) + "[s]", 1)
+          l("span", null, S(((w = (g = (v = t.meteo) == null ? void 0 : v.wave) == null ? void 0 : g.wd) == null ? void 0 : w.direction) || "-") + "/" + S(o.roundPrecision((E = (_ = (k = t.meteo) == null ? void 0 : k.wave) == null ? void 0 : _.wd) == null ? void 0 : E.height, 1)) + "[m]/" + S(o.roundPrecision((O = ($ = (D = t.meteo) == null ? void 0 : D.wave) == null ? void 0 : $.wd) == null ? void 0 : O.period, 1)) + "[s]", 1)
         ]),
         l("div", zr, [
           Pr,
-          l("span", null, S(((X = (H = (O = t.meteo) == null ? void 0 : O.wave) == null ? void 0 : H.swell) == null ? void 0 : X.direction) || "-") + "/" + S(o.roundPrecision((te = (he = (ee = t.meteo) == null ? void 0 : ee.wave) == null ? void 0 : he.swell) == null ? void 0 : te.height, 1)) + "[m]/" + S(o.roundPrecision((de = (V = (A = t.meteo) == null ? void 0 : A.wave) == null ? void 0 : V.swell) == null ? void 0 : de.period, 1)) + "[s]", 1)
+          l("span", null, S(((X = (H = (W = t.meteo) == null ? void 0 : W.wave) == null ? void 0 : H.swell) == null ? void 0 : X.direction) || "-") + "/" + S(o.roundPrecision((te = (he = (ee = t.meteo) == null ? void 0 : ee.wave) == null ? void 0 : he.swell) == null ? void 0 : te.height, 1)) + "[m]/" + S(o.roundPrecision((de = (V = (A = t.meteo) == null ? void 0 : A.wave) == null ? void 0 : V.swell) == null ? void 0 : de.period, 1)) + "[s]", 1)
         ]),
         l("div", Tr, [
           Ir,
@@ -4869,8 +4871,8 @@ function Ur(a, e, t, r, i, o) {
           Nr,
           l("span", null, S(o.roundPrecision((Ie = t.meteo) == null ? void 0 : Ie.temp, 0)) + "[°C]", 1)
         ]),
-        l("div", Wr, [
-          Or,
+        l("div", Or, [
+          Wr,
           l("span", null, S(o.roundPrecision((Ee = t.meteo) == null ? void 0 : Ee.waterTemp, 2)) + "[°C]", 1)
         ])
       ]),
@@ -4880,7 +4882,7 @@ function Ur(a, e, t, r, i, o) {
     [Me, i.showMeteo]
   ]);
 }
-const Gr = /* @__PURE__ */ T(fr, [["render", Ur], ["__scopeId", "data-v-a7923724"]]), Hr = {
+const Gr = /* @__PURE__ */ T(fr, [["render", Ur], ["__scopeId", "data-v-fb5b12d6"]]), Hr = {
   name: "IdmWarZone",
   props: {
     map: {
@@ -5330,7 +5332,7 @@ function ro(a, e, t, r, i, o) {
     [Me, i.showZone]
   ]);
 }
-const oo = /* @__PURE__ */ T(to, [["render", ro], ["__scopeId", "data-v-d1cb4e6e"]]);
+const oo = /* @__PURE__ */ T(to, [["render", ro], ["__scopeId", "data-v-c0864afc"]]);
 const so = {
   name: "IdmPort",
   props: {
@@ -5423,7 +5425,7 @@ const so = {
       this.showPort = !1, this.map.getLayer(this.layer) && this.map.removeLayer(this.layer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, Be = (a) => (U("data-v-6fdfee96"), a = a(), G(), a), no = { id: "port-info" }, lo = { class: "port-box" }, co = { class: "flex-start" }, ho = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Name : ", -1)), po = { class: "flex-start" }, mo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Position : ", -1)), uo = { class: "flex-start" }, yo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "LoCode : ", -1)), fo = {
+}, Be = (a) => (U("data-v-30e545a2"), a = a(), G(), a), no = { id: "port-info" }, lo = { class: "port-box" }, co = { class: "flex-start" }, ho = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Name : ", -1)), po = { class: "flex-start" }, mo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Position : ", -1)), uo = { class: "flex-start" }, yo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "LoCode : ", -1)), fo = {
   class: "flex-start",
   style: { "align-items": "flex-start" }
 }, go = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Region : ", -1));
@@ -5457,7 +5459,7 @@ function bo(a, e, t, r, i, o) {
     [Me, i.showPort]
   ]);
 }
-const vo = /* @__PURE__ */ T(so, [["render", bo], ["__scopeId", "data-v-6fdfee96"]]), _o = {
+const vo = /* @__PURE__ */ T(so, [["render", bo], ["__scopeId", "data-v-30e545a2"]]), _o = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -6090,7 +6092,7 @@ const $o = {
       (a = this.map) != null && a.getLayer(this.layer) && ((e = this.map) == null || e.removeLayer(this.layer)), (t = this.map) != null && t.getLayer(this.labelLayer) && ((r = this.map) == null || r.removeLayer(this.labelLayer)), (i = this.map) != null && i.getSource(this.source) && ((o = this.map) == null || o.removeSource(this.source));
     }
   }
-}, Mo = (a) => (U("data-v-9f51b3f9"), a = a(), G(), a), Bo = /* @__PURE__ */ Mo(() => /* @__PURE__ */ l("span", null, ", ", -1));
+}, Mo = (a) => (U("data-v-51cc4052"), a = a(), G(), a), Bo = /* @__PURE__ */ Mo(() => /* @__PURE__ */ l("span", null, ", ", -1));
 function No(a, e, t, r, i, o) {
   return i.lngLat ? (L(), x("div", {
     key: 0,
@@ -6102,7 +6104,7 @@ function No(a, e, t, r, i, o) {
     l("span", null, S(i.lngLat.lng.pretty), 1)
   ], 4)) : N("", !0);
 }
-const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-9f51b3f9"]]), Wo = {
+const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-51cc4052"]]), Oo = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -6242,7 +6244,7 @@ const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-9f51b3f9
         let t = 0;
         const r = [];
         for (let i = 1; i < e.length; i++) {
-          const o = e[i - 1], n = e[i], s = o.properties, c = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, h = { lng: n.geometry.coordinates[0], lat: n.geometry.coordinates[1] }, y = We(c, h, s.mode === "RL", 2), d = Oe(c, h, s.mode === "RL", 2);
+          const o = e[i - 1], n = e[i], s = o.properties, c = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, h = { lng: n.geometry.coordinates[0], lat: n.geometry.coordinates[1] }, y = Oe(c, h, s.mode === "RL", 2), d = We(c, h, s.mode === "RL", 2);
           t = K.roundPrecision(t + y, 2);
           let m;
           s.mode === "RL" ? m = pe([c, h]) : m = pe(je(c, h, 200));
@@ -6258,7 +6260,7 @@ const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-9f51b3f9
       let o, n;
       if (e) {
         const c = e.properties, h = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, y = { lng: t.lng, lat: t.lat };
-        o = We(h, y, c.mode === "RL", 2), n = Oe(h, y, c.mode === "RL", 2);
+        o = Oe(h, y, c.mode === "RL", 2), n = We(h, y, c.mode === "RL", 2);
         let d;
         c.mode === "RL" ? d = pe([h, y]) : d = pe(je(h, y, 200));
         const m = C.lineString(d.map((u) => [u.lng, u.lat]));
@@ -6266,7 +6268,7 @@ const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-9f51b3f9
       }
       if (r) {
         const c = t.properties, h = t, y = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
-        o = We(h, y, c.mode === "RL", 2), n = Oe(h, y, c.mode === "RL", 2);
+        o = Oe(h, y, c.mode === "RL", 2), n = We(h, y, c.mode === "RL", 2);
         let d;
         c.mode === "RL" ? d = pe([h, y]) : d = pe(je(h, y, 200));
         const m = C.lineString(d.map((u) => [u.lng, u.lat]));
@@ -6390,10 +6392,10 @@ const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-9f51b3f9
     }
   }
 };
-function Oo(a, e, t, r, i, o) {
+function Wo(a, e, t, r, i, o) {
   return L(), x("div");
 }
-const jo = /* @__PURE__ */ T(Wo, [["render", Oo]]);
+const jo = /* @__PURE__ */ T(Oo, [["render", Wo]]);
 const Fo = {
   name: "IdmENC",
   props: {
@@ -6446,7 +6448,7 @@ const Fo = {
     }
   },
   methods: {}
-}, it = (a) => (U("data-v-2d85e33b"), a = a(), G(), a), Vo = { key: 0 }, Uo = { class: "bar-item" }, Go = /* @__PURE__ */ it(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "HI", -1)), Ho = [
+}, it = (a) => (U("data-v-ab627b83"), a = a(), G(), a), Vo = { key: 0 }, Uo = { class: "bar-item" }, Go = /* @__PURE__ */ it(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "HI", -1)), Ho = [
   Go
 ], Zo = /* @__PURE__ */ it(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "I4", -1)), Xo = [
   Zo
@@ -6470,7 +6472,7 @@ function Jo(a, e, t, r, i, o) {
     ], 4)
   ])) : N("", !0);
 }
-const qo = /* @__PURE__ */ T(Fo, [["render", Jo], ["__scopeId", "data-v-2d85e33b"]]);
+const qo = /* @__PURE__ */ T(Fo, [["render", Jo], ["__scopeId", "data-v-ab627b83"]]);
 const Yo = {
   name: "IdmGLV2",
   components: {
@@ -6481,7 +6483,7 @@ const Yo = {
     IdmCurrentParticle: Ea,
     IdmSigWave: Da,
     IdmSwell: Ba,
-    IdmPrmsl: Oa,
+    IdmPrmsl: Wa,
     // IdmIceEdge,
     IdmIceberg: Va,
     IdmTropicals: tt,
@@ -6558,15 +6560,12 @@ const Yo = {
     },
     map: {
       handler() {
-        var a, e, t, r, i, o, n, s, c, h, y, d, m, u, b, f, p, v;
-        this.map && (this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.viewport = new Ue(this.map), this.handleRampColorInitial(), this.activeWeatherLayers.some((g) => ["wind", "current"].includes(g.key)) && ((a = this.particleFactor) != null && a.particle) || this.activeWeatherLayers.some((g) => ["temp", "water-temp"].includes(g.key)) ? (console.log(3333), (t = (e = this.map) == null ? void 0 : e.getLayer("i4")) == null || t.setLayoutProperty("visibility", "none"), (i = (r = this.map) == null ? void 0 : r.getLayer("hi")) == null || i.setLayoutProperty("visibility", "none"), (n = (o = this.map) == null ? void 0 : o.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || n.setLayoutProperty("visibility", "visible"), (s = this.map) != null && s.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id) && ((h = this.map) == null || h.moveLayer((c = this.viewport) == null ? void 0 : c.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (d = this.map) != null && d.getLayer((y = this.viewport) == null ? void 0 : y.particleLayer) && ((u = this.map) == null || u.moveLayer((m = this.viewport) == null ? void 0 : m.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : (console.log(44444), (f = (b = this.map) == null ? void 0 : b.getLayer(this.enc)) == null || f.setLayoutProperty("visibility", "visible"), (v = (p = this.map) == null ? void 0 : p.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || v.setLayoutProperty("visibility", "none")));
+        this.map && (this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.viewport = new Ue(this.map), this.handleRampColorInitial());
       },
       immediate: !0
     },
     enc: {
       handler(a, e) {
-        var t, r, i, o, n, s, c, h;
-        a ? (console.log(11111), (r = (t = this.map) == null ? void 0 : t.getLayer(a)) == null || r.setLayoutProperty("visibility", "visible"), (o = (i = this.map) == null ? void 0 : i.getLayer(e)) == null || o.setLayoutProperty("visibility", "none")) : (console.log(2222), (s = (n = this.map) == null ? void 0 : n.getLayer("i4")) == null || s.setLayoutProperty("visibility", "none"), (h = (c = this.map) == null ? void 0 : c.getLayer("hi")) == null || h.setLayoutProperty("visibility", "none"));
       }
     },
     activeWeatherLayers: {
@@ -6580,8 +6579,6 @@ const Yo = {
     },
     "particleFactor.particle": {
       handler() {
-        var a, e, t, r, i;
-        this.activeWeatherLayers.some((o) => ["wind", "current"].includes(o.key)) && !((a = this.particleFactor) != null && a.particle) && !this.activeWeatherLayers.some((o) => ["temp", "water-temp"].includes(o.key)) && ((t = this.map) == null || t.moveLayer((e = this.viewport) == null ? void 0 : e.rampColorLayer, null), (i = (r = this.map) == null ? void 0 : r.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || i.setLayoutProperty("visibility", "none"));
       }
     }
     /** for offline map**/
@@ -6672,8 +6669,8 @@ const Yo = {
                 );
               const k = await Promise.all(w);
               this.weatherLayers = {}, k.map((_) => {
-                var $, W, O, H;
-                const E = (($ = _ == null ? void 0 : _.data) == null ? void 0 : $.data) || (_ == null ? void 0 : _.data), D = (O = (W = _ == null ? void 0 : _.config) == null ? void 0 : W.headers) == null ? void 0 : O.key;
+                var $, O, W, H;
+                const E = (($ = _ == null ? void 0 : _.data) == null ? void 0 : $.data) || (_ == null ? void 0 : _.data), D = (W = (O = _ == null ? void 0 : _.config) == null ? void 0 : O.headers) == null ? void 0 : W.key;
                 D && E && (this.weatherLayers[D] = {
                   raw: E,
                   type: ((H = _ == null ? void 0 : _.config) == null ? void 0 : H.responseType) === "blob" ? "image" : "json",
@@ -6685,8 +6682,8 @@ const Yo = {
                   key: "tropicals"
                 }
               }).then((_) => {
-                var $, W, O;
-                const E = et.convert2Geojson((($ = _ == null ? void 0 : _.data) == null ? void 0 : $.data) || (_ == null ? void 0 : _.data)), D = (O = (W = _ == null ? void 0 : _.config) == null ? void 0 : W.headers) == null ? void 0 : O.key;
+                var $, O, W;
+                const E = et.convert2Geojson((($ = _ == null ? void 0 : _.data) == null ? void 0 : $.data) || (_ == null ? void 0 : _.data)), D = (W = (O = _ == null ? void 0 : _.config) == null ? void 0 : O.headers) == null ? void 0 : W.key;
                 this.weatherLayers[D] = {
                   data: E,
                   active: !0,
@@ -7091,7 +7088,7 @@ const Yo = {
 };
 function Ko(a, e, t, r, i, o) {
   var q, ne, fe, ge, be, ve, _e, we, Le, xe, Ce, Se, ke, ze, Pe, Te, Ie, Ee, Ne, He, Ze, Xe, Je, qe, Ye, Qe;
-  const n = z("IdmGlLayer"), s = z("IdmENC"), c = z("IdmSigWave"), h = z("IdmSwell"), y = z("IdmPrmsl"), d = z("IdmIceberg"), m = z("IdmTropicals"), u = z("IdmCurrents"), b = z("IdmCurrentParticle"), f = z("IdmWindBarb"), p = z("IdmWindParticle"), v = z("IdmPrecip3h"), g = z("IdmVisibility"), w = z("IdmWaterTemp"), k = z("IdmTemp"), _ = z("IdmArctic"), E = z("IdmWarZone"), D = z("IdmGmdssArea"), $ = z("IdmEcaZone"), W = z("IdmAlertZone"), O = z("IdmPort"), H = z("IdmLoadLine"), X = z("IdmTimezone"), ee = z("IdmVRA"), he = z("IdmSpecialArea"), te = z("IdmTerminator"), A = z("IdmLatLng"), V = z("IdmMeasure"), de = z("IdmPoint");
+  const n = z("IdmGlLayer"), s = z("IdmENC"), c = z("IdmSigWave"), h = z("IdmSwell"), y = z("IdmPrmsl"), d = z("IdmIceberg"), m = z("IdmTropicals"), u = z("IdmCurrents"), b = z("IdmCurrentParticle"), f = z("IdmWindBarb"), p = z("IdmWindParticle"), v = z("IdmPrecip3h"), g = z("IdmVisibility"), w = z("IdmWaterTemp"), k = z("IdmTemp"), _ = z("IdmArctic"), E = z("IdmWarZone"), D = z("IdmGmdssArea"), $ = z("IdmEcaZone"), O = z("IdmAlertZone"), W = z("IdmPort"), H = z("IdmLoadLine"), X = z("IdmTimezone"), ee = z("IdmVRA"), he = z("IdmSpecialArea"), te = z("IdmTerminator"), A = z("IdmLatLng"), V = z("IdmMeasure"), de = z("IdmPoint");
   return t.map ? (L(), x("div", Qo, [
     P(n, I({
       ref: "layer",
@@ -7219,12 +7216,12 @@ function Ko(a, e, t, r, i, o) {
       zone: (Ne = i.otherLayers) == null ? void 0 : Ne["eca-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(W, I({
+    P(O, I({
       map: t.map,
       zone: (He = i.otherLayers) == null ? void 0 : He["alert-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(O, I({
+    P(W, I({
       map: t.map,
       port: (Ze = i.otherLayers) == null ? void 0 : Ze.ports,
       "before-layer": t.beforeLayer