@idmwx/idmui-gl3 3.5.6 → 3.5.7

package/dist/index.js

@@ -1,19 +1,19 @@
 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 { 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";
+var ot = (t, e, a) => e in t ? rt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
+var E = (t, e, a) => (ot(t, typeof e != "symbol" ? e + "" : e, a), a);
+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 Me, vShow as $e, createStaticVNode as lt, mergeProps as I } from "vue";
 import * as C from "@turf/turf";
 import ct from "@mapbox/sphericalmercator";
 import Q from "moment";
 import ie from "mapbox-gl";
 import { TropicalHelper as et } from "@idm-plugin/geo";
 import ae from "axios";
-const T = (a, e) => {
-  const t = a.__vccOpts || a;
+const T = (t, e) => {
+  const a = t.__vccOpts || t;
   for (const [r, i] of e)
-    t[r] = i;
-  return t;
+    a[r] = i;
+  return a;
 }, ht = {
   name: "IdmGlLayer",
   props: {
@@ -66,8 +66,8 @@ const T = (a, e) => {
   },
   computed: {
     computeLayerClass() {
-      return function(a, e) {
-        return a.enabled ? e.some((t) => t.key === a.key) ? "layer active" : "layer" : "layer disabled";
+      return function(t, e) {
+        return t.enabled ? e.some((a) => a.key === t.key) ? "layer active" : "layer" : "layer disabled";
       };
     }
   },
@@ -75,51 +75,52 @@ const T = (a, e) => {
     showLayers: {
       handler() {
         this.$nextTick(() => {
-          var a, e;
-          this.$emit("menu", this.showLayers ? !1 : this.toggleMenu), this.$emit("toggleVersion", Math.random()), this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+          var t, e;
+          this.$emit("menu", this.showLayers ? !1 : this.toggleMenu), this.$emit("toggleVersion", Math.random()), this.right = (((t = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : t.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
         });
       }
     },
     toggleMenu: {
       handler() {
         this.$nextTick(() => {
-          var a, e;
-          this.showLayers = this.toggleMenu ? !1 : this.showLayers, this.$emit("toggleVersion", Math.random()), this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+          var t, e;
+          this.showLayers = this.toggleMenu ? !1 : this.showLayers, this.$emit("toggleVersion", Math.random()), this.right = (((t = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : t.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
         });
       }
     }
   },
   mounted() {
-    const a = localStorage.getItem(this.version.k);
-    this.version.v !== a && (localStorage.removeItem(this.weatherLayersCache), localStorage.setItem(this.version.k, this.version.v));
+    const t = localStorage.getItem(this.version.k);
+    this.version.v !== t && (localStorage.removeItem(this.weatherLayersCache), localStorage.setItem(this.version.k, this.version.v));
     let e = localStorage.getItem(this.autoActiveCache);
     this.autoActive = e !== "false", e = localStorage.getItem(this.weatherLayersCache);
-    let t = JSON.parse(
+    let a = 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.weatherLayers = t, this.autoActive && (this.activeWeatherLayers = [...t]), e = localStorage.getItem(this.otherLayersCache), t = JSON.parse(
-      e || '[{"weight":2048,"name":"ENC","key":"enc","enabled":true,"type":"json"},{"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.weatherLayers = a, this.autoActive && (this.activeWeatherLayers = [...a]), e = localStorage.getItem(this.otherLayersCache), a = JSON.parse(
+      e || // '[{"weight":2048,"name":"ENC","key":"enc","enabled":true,"type":"json"},{"weight":4,"name":"ECA Zones","key":"eca-zones","enabled":true,"type":"json"}]',
+      '[{"weight":4,"name":"ECA Zones","key":"eca-zones","enabled":true,"type":"json"}]'
+    ), this.otherLayers = a, e = localStorage.getItem(this.sourceCache), this.source = e || "GFS", this.handleConfirm();
   },
   methods: {
     handleConfirm() {
       this.$emit("weather", this.weatherLayers, this.activeWeatherLayers, this.source), this.$emit("other", this.otherLayers), localStorage.setItem(this.autoActiveCache, this.autoActive), localStorage.setItem(this.sourceCache, this.source);
     },
-    handleWeatherLayerPick(a) {
-      this.weatherLayers.some((e) => e.key === a.key) ? (this.weatherLayers = this.weatherLayers.filter((e) => e.key !== a.key), this.activeWeatherLayers = this.activeWeatherLayers.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.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.type === "json")), this.weatherLayers.push(a), this.activeWeatherLayers.push(a)), localStorage.setItem(this.weatherLayersCache, JSON.stringify(this.weatherLayers)), this.$emit("weather", this.weatherLayers, this.activeWeatherLayers, this.source), localStorage.setItem(this.autoActiveCache, this.autoActive), localStorage.setItem(this.sourceCache, this.source);
+    handleWeatherLayerPick(t) {
+      this.weatherLayers.some((e) => e.key === t.key) ? (this.weatherLayers = this.weatherLayers.filter((e) => e.key !== t.key), this.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.key !== t.key)) : this.weatherLayers.length < 12 && t.enabled && (["png", "jpg"].includes(t.type) && (this.weatherLayers = this.weatherLayers.filter((e) => e.type === "json"), this.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.type === "json")), this.weatherLayers.push(t), this.activeWeatherLayers.push(t)), localStorage.setItem(this.weatherLayersCache, JSON.stringify(this.weatherLayers)), this.$emit("weather", this.weatherLayers, this.activeWeatherLayers, this.source), localStorage.setItem(this.autoActiveCache, this.autoActive), localStorage.setItem(this.sourceCache, this.source);
     },
-    handleActiveWeatherLayerPick(a) {
-      if (this.activeWeatherLayers.some((e) => e.key === a.key))
-        this.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.key !== a.key);
-      else if (a.enabled) {
-        this.activeWeatherLayers.push(a);
+    handleActiveWeatherLayerPick(t) {
+      if (this.activeWeatherLayers.some((e) => e.key === t.key))
+        this.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.key !== t.key);
+      else if (t.enabled) {
+        this.activeWeatherLayers.push(t);
         for (const e of this.weatherLayers)
-          a.weight > e.weight && a.weight & e.weight && this.activeWeatherLayers.push(e);
+          t.weight > e.weight && t.weight & e.weight && this.activeWeatherLayers.push(e);
       }
       this.$emit("weather", this.weatherLayers, this.activeWeatherLayers, this.source);
     },
-    handleOtherLayerPick(a) {
-      this.otherLayers.some((e) => e.key === a.key) ? this.otherLayers = this.otherLayers.filter((e) => e.key !== a.key) : a.enabled && this.otherLayers.push(a), localStorage.setItem(this.otherLayersCache, JSON.stringify(this.otherLayers)), this.$emit("other", this.otherLayers);
+    handleOtherLayerPick(t) {
+      this.otherLayers.some((e) => e.key === t.key) ? this.otherLayers = this.otherLayers.filter((e) => e.key !== t.key) : t.enabled && this.otherLayers.push(t), localStorage.setItem(this.otherLayersCache, JSON.stringify(this.otherLayers)), this.$emit("other", this.otherLayers);
     },
     handleMenuToggle() {
       this.showLayers = !this.showLayers;
@@ -136,11 +137,11 @@ const T = (a, e) => {
     handle3DToggle() {
       this.show3d = !this.show3d, this.$emit("3d", this.show3d);
     },
-    handleSourceToggle(a) {
-      this.source = a, this.handleConfirm();
+    handleSourceToggle(t) {
+      this.source = t, this.handleConfirm();
     }
   }
-}, 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 = [
+}, Z = (t) => (U("data-v-bcc04bb5"), t = t(), G(), t), 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,13 +156,13 @@ 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" };
-function Ft(a, e, t, r, i, o) {
+}, 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" }, Mt = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("div", { class: "layers-title" }, "Other Layers", -1)), $t = { 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(t, e, a, r, i, o) {
   const n = z("ElScrollbar");
   return L(), x("div", dt, [
     l("div", {
       class: "menu-bar-box",
-      style: j({ top: t.top + 10 + "px", right: i.right + "px" })
+      style: j({ top: a.top + 10 + "px", right: i.right + "px" })
     }, [
       l("div", pt, [
         l("div", {
@@ -172,7 +173,7 @@ function Ft(a, e, t, r, i, o) {
     ], 4),
     l("div", {
       class: "menu-bar-box",
-      style: j({ top: t.top + 160 + "px", right: i.right + "px" })
+      style: j({ top: a.top + 160 + "px", right: i.right + "px" })
     }, [
       l("div", yt, [
         l("div", {
@@ -208,7 +209,7 @@ function Ft(a, e, t, r, i, o) {
     ], 4),
     l("div", {
       class: "available-layers flex-center",
-      style: j({ top: t.top + "px", right: i.showLayers ? "0px" : "-240px" })
+      style: j({ top: a.top + "px", right: i.showLayers ? "0px" : "-240px" })
     }, [
       l("div", {
         class: "side-bar",
@@ -243,8 +244,8 @@ function Ft(a, e, t, r, i, o) {
               ])
             ]),
             l("div", Dt, [
-              $t,
-              l("div", Mt, [
+              Mt,
+              l("div", $t, [
                 (L(!0), x(Ae, null, De(i.layers.other, (s) => (L(), x("div", {
                   key: s.key,
                   class: M(o.computeLayerClass(s, i.otherLayers)),
@@ -255,8 +256,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 +276,7 @@ function Ft(a, e, t, r, i, o) {
     ], 4)
   ]);
 }
-const Vt = /* @__PURE__ */ T(ht, [["render", Ft], ["__scopeId", "data-v-66a5718f"]]);
+const Vt = /* @__PURE__ */ T(ht, [["render", Ft], ["__scopeId", "data-v-bcc04bb5"]]);
 const Ut = {
   name: "IdmWindBarb",
   props: {
@@ -325,8 +326,8 @@ const Ut = {
   watch: {
     "wind.version": {
       handler() {
-        var a;
-        (a = this.wind) != null && a.active && this.showFeather ? this.handleRender() : this.handleClear();
+        var t;
+        (t = this.wind) != null && t.active && this.showFeather ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
@@ -344,22 +345,22 @@ const Ut = {
     },
     toggleVersion: {
       handler() {
-        var a, e;
-        this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+        var t, e;
+        this.right = (((t = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : t.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
       },
       immediate: !0
     },
     "current.version": {
       handler() {
-        var a, e, t;
-        this.bottom = (a = this.current) != null && a.active ? (((e = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : e.clientHeight) || 0) + 135 : (((t = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : t.clientHeight) || 0) + 105;
+        var t, e, a;
+        this.bottom = (t = this.current) != null && t.active ? (((e = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : e.clientHeight) || 0) + 135 : (((a = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : a.clientHeight) || 0) + 105;
       },
       immediate: !0
     },
     weatherLayers: {
       handler() {
-        var a, e, t;
-        this.bottom = (a = this.current) != null && a.active ? (((e = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : e.clientHeight) || 0) + 135 : (((t = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : t.clientHeight) || 0) + 105;
+        var t, e, a;
+        this.bottom = (t = this.current) != null && t.active ? (((e = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : e.clientHeight) || 0) + 135 : (((a = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : a.clientHeight) || 0) + 105;
       },
       immediate: !0
     }
@@ -369,7 +370,7 @@ const Ut = {
       this.$emit("particle", { particle: !this.showParticle, key: "wind", weight: 1 });
     },
     handleRender() {
-      var a, e, t, r;
+      var t, e, a, r;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
@@ -377,12 +378,12 @@ const Ut = {
       else if (this.wind) {
         const i = (/* @__PURE__ */ new Date()).valueOf();
         let o = 0, n = 0, s = this.empty;
-        if ((a = this.wind) != null && a.active && (s = (e = this.wind) == null ? void 0 : e.data), (t = this.map) != null && t.getSource(this.source))
+        if ((t = this.wind) != null && t.active && (s = (e = this.wind) == null ? void 0 : e.data), (a = this.map) != null && a.getSource(this.source))
           (r = this.map) == null || r.getSource(this.source).setData(s), n = (/* @__PURE__ */ new Date()).valueOf() - (i + o), console.log("[wind] update elapsed: ", n, ", total: ", o += n);
         else {
           this.map.addSource(this.source, { type: "geojson", data: s });
           for (let c = 0; c < (this.barbs ?? []).length - 1; c++) {
-            const h = (this.barbs ?? [])[c] || 0, y = (this.barbs ?? [])[c + 1] || 0, d = h < 10 ? `00${h}kts` : h < 100 ? `0${h}kts` : `${h}kts`;
+            const h = (this.barbs ?? [])[c] || 0, p = (this.barbs ?? [])[c + 1] || 0, d = h < 10 ? `00${h}kts` : h < 100 ? `0${h}kts` : `${h}kts`;
             this.map.addLayer(
               {
                 id: d,
@@ -392,7 +393,7 @@ const Ut = {
                   // @ts-ignore
                   [">=", "spd", h],
                   // @ts-ignore
-                  ["<", "spd", y]
+                  ["<", "spd", p]
                 ],
                 source: this.source,
                 layout: {
@@ -427,14 +428,14 @@ const Ut = {
       if (!this.windBarbLoaded)
         this.handleRender();
       else
-        for (const a of this.barbs ?? []) {
-          const e = a < 10 ? `00${a}kts` : a < 100 ? `0${a}kts` : `${a}kts`;
+        for (const t of this.barbs ?? []) {
+          const e = t < 10 ? `00${t}kts` : t < 100 ? `0${t}kts` : `${t}kts`;
           this.map.getLayer(e) && this.map.setLayoutProperty(e, "visibility", this.showFeather ? "visible" : "none");
         }
     },
     handleClear() {
-      for (const a of this.barbs ?? []) {
-        const e = a < 10 ? `00${a}kts` : a < 100 ? `0${a}kts` : `${a}kts`;
+      for (const t of this.barbs ?? []) {
+        const e = t < 10 ? `00${t}kts` : t < 100 ? `0${t}kts` : `${t}kts`;
         this.map.getLayer(e) && this.map.removeLayer(e);
       }
       this.map.getSource(this.source) && this.map.removeSource(this.source), this.windBarbLoaded = !1;
@@ -453,9 +454,9 @@ const Ut = {
   key: 1,
   class: "iconfont"
 };
-function qt(a, e, t, r, i, o) {
+function qt(t, e, a, r, i, o) {
   var n;
-  return (n = t.wind) != null && n.active ? (L(), x("div", Gt, [
+  return (n = a.wind) != null && n.active ? (L(), x("div", Gt, [
     l("div", {
       class: "flex-center tool-bars",
       style: j([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
@@ -464,12 +465,12 @@ function qt(a, e, t, r, i, o) {
         class: "flex-start",
         onClick: e[0] || (e[0] = (...s) => o.handleParticle && o.handleParticle(...s))
       }, [
-        t.showParticle ? (L(), x("i", Ht, "")) : (L(), x("i", Zt, "")),
+        a.showParticle ? (L(), x("i", Ht, "")) : (L(), x("i", Zt, "")),
         l("span", {
-          class: M(t.showParticle ? "active" : "")
+          class: M(a.showParticle ? "active" : "")
         }, "Wind Particles", 2)
       ]),
-      t.showParticle ? (L(), x("div", {
+      a.showParticle ? (L(), x("div", {
         key: 0,
         class: "flex-start",
         style: { "margin-left": "16px" },
@@ -486,15 +487,15 @@ function qt(a, e, t, r, i, o) {
 const Yt = /* @__PURE__ */ T(Ut, [["render", qt], ["__scopeId", "data-v-f285f28f"]]);
 class Ue {
   constructor(e) {
-    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");
+    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");
     this.map = e, this.mercator = new ct(), 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;
   }
   /**
@@ -502,8 +503,8 @@ class Ue {
    * @param lng
    * @param n
    */
-  convertNLng(e, t = 0) {
-    return e > 180 ? this.convertNLng(e - 360, t + 1) : e < -180 ? this.convertNLng(e + 360, t + 1) : [e, t];
+  convertNLng(e, a = 0) {
+    return e > 180 ? this.convertNLng(e - 360, a + 1) : e < -180 ? this.convertNLng(e + 360, a + 1) : [e, a];
   }
   /**
    * [4326坐标]
@@ -529,29 +530,29 @@ class Ue {
    * @param [lb.x, lb.y, rt.x, rt.y]
    */
   getBoundPixel() {
-    const e = this.map.getBounds(), t = this.map.getZoom() + 1, r = [e._ne.lng, e._ne.lat], i = [e._sw.lng, e._sw.lat], [o, n] = this.convertNLng(r[0]), [s, c] = this.convertNLng(i[0]), [h, y] = this.mercator.px([o, r[1]], t), [d, m] = this.mercator.px([s, i[1]], t), u = Math.round(this.mercator.size * Math.pow(2, t) * (n + c));
-    return [d, m, h + u, y];
+    const e = this.map.getBounds(), a = this.map.getZoom() + 1, r = [e._ne.lng, e._ne.lat], i = [e._sw.lng, e._sw.lat], [o, n] = this.convertNLng(r[0]), [s, c] = this.convertNLng(i[0]), [h, p] = this.mercator.px([o, r[1]], a), [d, y] = this.mercator.px([s, i[1]], a), u = Math.round(this.mercator.size * Math.pow(2, a) * (n + c));
+    return [d, y, h + u, p];
   }
   /**
    * [视窗边界像素宽度]
    */
   getBoundRange() {
-    const e = this.map.getZoom() + 1, t = this.mercator.size * Math.pow(2, e), r = this.getBoundPixel();
-    return [r[0] / t, r[2] / t, r[3] / t, r[1] / t];
+    const e = this.map.getZoom() + 1, a = this.mercator.size * Math.pow(2, e), r = this.getBoundPixel();
+    return [r[0] / a, r[2] / a, r[3] / a, r[1] / a];
   }
   /**
    * 获取视窗世界（多世界复本）
    * @param pixels
    * @param zoom
    */
-  getWorldCopy(e, t) {
-    const r = 2 ** t, [i, o, n, s] = e.map((y) => ~~(y / (r * 256))), c = [];
-    for (let y = s; y <= o; y++)
+  getWorldCopy(e, a) {
+    const r = 2 ** a, [i, o, n, s] = e.map((p) => ~~(p / (r * 256))), c = [];
+    for (let p = s; p <= o; p++)
       for (let d = i; d <= n; d++)
-        c.push([d, y]);
-    return c.map((y) => {
-      const d = 2 ** t * 256;
-      return [y[0] * d, y[1] * d, d];
+        c.push([d, p]);
+    return c.map((p) => {
+      const d = 2 ** a * 256;
+      return [p[0] * d, p[1] * d, d];
     });
   }
   resize() {
@@ -559,12 +560,12 @@ class Ue {
     e.setCoordinates(this.getBoundLngLat()), e = this.map.getSource(this.particleSource), e.setCoordinates(this.getBoundLngLat()), this.rampColorCanvas.width = this.map._canvas.clientWidth, this.rampColorCanvas.height = this.map._canvas.clientHeight, this.particleCanvas.width = this.map._canvas.clientWidth, this.particleCanvas.height = this.map._canvas.clientHeight;
   }
   toggle(e) {
-    const t = this.map.getLayoutProperty(this.rampColorLayer, "visibility"), r = e ? "visible" : "none";
-    t !== r && this.map.setLayoutProperty(this.rampColorLayer, "visibility", r);
+    const a = this.map.getLayoutProperty(this.rampColorLayer, "visibility"), r = e ? "visible" : "none";
+    a !== r && this.map.setLayoutProperty(this.rampColorLayer, "visibility", r);
   }
   toggleParticle(e) {
-    const t = this.map.getLayoutProperty(this.particleLayer, "visibility"), r = e ? "visible" : "none";
-    t !== r && this.map.setLayoutProperty(this.particleLayer, "visibility", r);
+    const a = this.map.getLayoutProperty(this.particleLayer, "visibility"), r = e ? "visible" : "none";
+    a !== r && this.map.setLayoutProperty(this.particleLayer, "visibility", r);
   }
 }
 class le {
@@ -575,8 +576,8 @@ class le {
    * @param type [VERTEX_SHADER, FRAGMENT_SHADER]
    * @param schema 着色器渲染代码[GLSL]
    */
-  createShader(e, t, r) {
-    const i = e.createShader(t);
+  createShader(e, a, r) {
+    const i = e.createShader(a);
     if (i && (e.shaderSource(i, r), e.compileShader(i), !e.getShaderParameter(i, e.COMPILE_STATUS)))
       throw new Error(e.getShaderInfoLog(i) || "error happened while create shader...");
     return i;
@@ -592,9 +593,9 @@ class le {
    * @param width??
    * @param height??
    */
-  createTexture(e, t, r, i, o, n, s) {
+  createTexture(e, a, r, i, o, n, s) {
     const c = e.createTexture();
-    return e.bindTexture(e.TEXTURE_2D, c), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, t), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, r), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, i), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, i), o instanceof Uint8Array ? e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, n, s, 0, e.RGBA, e.UNSIGNED_BYTE, o) : e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, o), e.bindTexture(e.TEXTURE_2D, null), c;
+    return e.bindTexture(e.TEXTURE_2D, c), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, a), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, r), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, i), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, i), o instanceof Uint8Array ? e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, n, s, 0, e.RGBA, e.UNSIGNED_BYTE, o) : e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, o), e.bindTexture(e.TEXTURE_2D, null), c;
   }
   /**
    * 创建数据资源
@@ -603,10 +604,10 @@ class le {
    * element: ELEMENT_ARRAY_BUFFER
    * @param resource 顶点数据
    */
-  createDataBuffer(e, t, r) {
+  createDataBuffer(e, a, r) {
     if (e) {
       const i = e.createBuffer();
-      return t === "array" ? (e.bindBuffer(e.ARRAY_BUFFER, i), r && e.bufferData(e.ARRAY_BUFFER, r, e.STATIC_DRAW)) : t === "element" && (e.bindBuffer(e.ELEMENT_ARRAY_BUFFER, i), r && e.bufferData(e.ELEMENT_ARRAY_BUFFER, r, e.STATIC_DRAW)), i;
+      return a === "array" ? (e.bindBuffer(e.ARRAY_BUFFER, i), r && e.bufferData(e.ARRAY_BUFFER, r, e.STATIC_DRAW)) : a === "element" && (e.bindBuffer(e.ELEMENT_ARRAY_BUFFER, i), r && e.bufferData(e.ELEMENT_ARRAY_BUFFER, r, e.STATIC_DRAW)), i;
     }
     return null;
   }
@@ -616,8 +617,8 @@ class le {
    * @param vertexSchema
    * @param fragmentSchema
    */
-  createProgram(e, t, r) {
-    const i = e.createProgram(), o = this.createShader(e, e.VERTEX_SHADER, t), n = this.createShader(e, e.FRAGMENT_SHADER, r);
+  createProgram(e, a, r) {
+    const i = e.createProgram(), o = this.createShader(e, e.VERTEX_SHADER, a), n = this.createShader(e, e.FRAGMENT_SHADER, r);
     if (i && o && n && (e.attachShader(i, o), e.attachShader(i, n), e.linkProgram(i), !e.getProgramParameter(i, e.LINK_STATUS)))
       throw new Error(e.getProgramInfoLog(i) || "error happened while creating ramp color program");
     return i;
@@ -628,8 +629,8 @@ class le {
    * @param vertexSchema
    * @param fragmentSchema
    */
-  createProgramWrapper(e, t, r) {
-    const i = this.createProgram(e, t, r);
+  createProgramWrapper(e, a, r) {
+    const i = this.createProgram(e, a, r);
     if (i) {
       const o = { program: i }, n = e.getProgramParameter(i, e.ACTIVE_ATTRIBUTES);
       for (let c = 0; c < n; c++) {
@@ -648,14 +649,14 @@ class le {
    * 初始化渐变色纹理
    * @param colors
    */
-  setup(e, t, r = !1, i, o) {
+  setup(e, a, r = !1, i, o) {
     const n = document.createElement("canvas");
     n.width = 256, n.height = 1;
     const s = n.getContext("2d");
     if (s && e) {
       const c = s == null ? void 0 : s.createLinearGradient(0, 0, 256, 0);
-      return t.forEach(([h, y]) => {
-        c.addColorStop(h, y);
+      return a.forEach(([h, p]) => {
+        c.addColorStop(h, p);
       }), s.fillStyle = c, s.fillRect(0, 0, 256, 1), {
         canvas: n,
         texture: this.createTexture(
@@ -670,18 +671,18 @@ class le {
       };
     }
   }
-  setupParticle(e, t = 1e3) {
-    const r = Math.ceil(Math.sqrt(t)), i = r * r, o = new Uint8Array(i * 4);
-    for (let y = 0; y < o.length; y++)
-      o[y] = Math.floor(Math.random() * 256);
+  setupParticle(e, a = 1e3) {
+    const r = Math.ceil(Math.sqrt(a)), i = r * r, o = new Uint8Array(i * 4);
+    for (let p = 0; p < o.length; p++)
+      o[p] = Math.floor(Math.random() * 256);
     const n = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, o, r, r), s = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, o, r, r), c = new Float32Array(i);
-    for (let y = 0; y < i; y++)
-      c[y] = y;
+    for (let p = 0; p < i; p++)
+      c[p] = p;
     const h = this.createDataBuffer(e, "array", c);
     return { resolution: r, total: i, texture0: n, texture1: s, indexBuffer: h };
   }
-  bind(e, t, r) {
-    const i = this.createProgram(e, t, r);
+  bind(e, a, r) {
+    const i = this.createProgram(e, a, r);
     if (i) {
       const o = this.createDataBuffer(e, "array", void 0), n = e.getAttribLocation(i, "a_position");
       e.enableVertexAttribArray(n), e.vertexAttribPointer(n, 2, e.FLOAT, !1, 0, 0);
@@ -692,75 +693,75 @@ class le {
     }
     return {};
   }
-  bindParticle(e, t, r, i, o, n) {
-    const s = this.createProgramWrapper(e, t, r), c = this.createProgramWrapper(e, i, o), h = this.createProgramWrapper(e, i, n), y = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), d = e.createFramebuffer();
-    return { particle: s, screen: c, update: h, quadBuffer: y, frameBuffer: d };
+  bindParticle(e, a, r, i, o, n) {
+    const s = this.createProgramWrapper(e, a, r), c = this.createProgramWrapper(e, i, o), h = this.createProgramWrapper(e, i, n), p = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), d = e.createFramebuffer();
+    return { particle: s, screen: c, update: h, quadBuffer: p, frameBuffer: d };
   }
-  draw(e, t, r, i, o, n, s) {
+  draw(e, a, r, i, o, n, s) {
     var c, h;
-    if (t && r) {
-      e.resize(), t == null || t.viewport(0, 0, (c = t == null ? void 0 : t.canvas) == null ? void 0 : c.width, (h = t == null ? void 0 : t.canvas) == null ? void 0 : h.height), t.clearColor(0, 0, 0, 0), t.clear(t.COLOR_BUFFER_BIT | t.DEPTH_BUFFER_BIT);
+    if (a && r) {
+      e.resize(), a == null || a.viewport(0, 0, (c = a == null ? void 0 : a.canvas) == null ? void 0 : c.width, (h = a == null ? void 0 : a.canvas) == null ? void 0 : h.height), a.clearColor(0, 0, 0, 0), a.clear(a.COLOR_BUFFER_BIT | a.DEPTH_BUFFER_BIT);
       try {
-        const y = t.getUniformLocation(r, "u_resolution"), d = t.getUniformLocation(r, "u_image"), m = t.getUniformLocation(r, "u_color");
-        if (t.useProgram(r), t.uniform2f(y, t.canvas.width * e.ratio, t.canvas.height * e.ratio), t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, i), t.uniform1i(d, 0), t.activeTexture(t.TEXTURE1), t.bindTexture(t.TEXTURE_2D, o), t.uniform1i(m, 1), s != null && s.uvRange && (s != null && s.sRange)) {
-          const p = t.getUniformLocation(r, "u_range_u_v"), v = t.getUniformLocation(r, "u_range_s");
-          t.uniform2f(p, s.uvRange[0], s.uvRange[1]), t.uniform2f(v, s.sRange[0], s.sRange[1]);
+        const p = a.getUniformLocation(r, "u_resolution"), d = a.getUniformLocation(r, "u_image"), y = a.getUniformLocation(r, "u_color");
+        if (a.useProgram(r), a.uniform2f(p, a.canvas.width * e.ratio, a.canvas.height * e.ratio), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, i), a.uniform1i(d, 0), a.activeTexture(a.TEXTURE1), a.bindTexture(a.TEXTURE_2D, o), a.uniform1i(y, 1), s != null && s.uvRange && (s != null && s.sRange)) {
+          const m = a.getUniformLocation(r, "u_range_u_v"), v = a.getUniformLocation(r, "u_range_s");
+          a.uniform2f(m, s.uvRange[0], s.uvRange[1]), a.uniform2f(v, s.sRange[0], s.sRange[1]);
         }
         const u = e.getBoundPixel(), g = e.map.getZoom() + 1, f = e.getWorldCopy(u, g);
-        for (const p of f) {
-          const v = (p[0] - u[0]) * e.ratio, b = (p[1] - u[3]) * e.ratio, w = p[2] * e.ratio, [k, _, E, D] = [v, w + v, b, w + b], $ = new Float32Array([k, E, _, E, k, D, k, D, _, E, _, D]);
-          t.bindBuffer(t.ARRAY_BUFFER, n), t.bufferData(t.ARRAY_BUFFER, $, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
+        for (const m of f) {
+          const v = (m[0] - u[0]) * e.ratio, b = (m[1] - u[3]) * e.ratio, w = m[2] * e.ratio, [k, _, A, D] = [v, w + v, b, w + b], $ = new Float32Array([k, A, _, A, k, D, k, D, _, A, _, D]);
+          a.bindBuffer(a.ARRAY_BUFFER, n), a.bufferData(a.ARRAY_BUFFER, $, a.STATIC_DRAW), a.drawArrays(a.TRIANGLES, 0, 6);
         }
-      } catch (y) {
-        console.log(`render failed...${y}`);
+      } catch (p) {
+        console.log(`render failed...${p}`);
       }
     }
   }
-  drawParticle(e, t, r, i, o) {
+  drawParticle(e, a, r, i, o) {
     var n, s;
-    t && (t == null || t.viewport(0, 0, (n = t == null ? void 0 : t.canvas) == null ? void 0 : n.width, (s = t == null ? void 0 : t.canvas) == null ? void 0 : s.height), t.disable(t.DEPTH_TEST), t.disable(t.STENCIL_TEST), t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, r), t.activeTexture(t.TEXTURE1), t.bindTexture(t.TEXTURE_2D, i.texture0), this.renderScreen(e, t, i, o), this.updateParticles(e, t, i, o));
+    a && (a == null || a.viewport(0, 0, (n = a == null ? void 0 : a.canvas) == null ? void 0 : n.width, (s = a == null ? void 0 : a.canvas) == null ? void 0 : s.height), a.disable(a.DEPTH_TEST), a.disable(a.STENCIL_TEST), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, r), a.activeTexture(a.TEXTURE1), a.bindTexture(a.TEXTURE_2D, i.texture0), this.renderScreen(e, a, i, o), this.updateParticles(e, a, i, o));
   }
-  renderScreen(e, t, r, i) {
-    t.bindFramebuffer(t.FRAMEBUFFER, r.frameBuffer), t.framebufferTexture2D(t.FRAMEBUFFER, t.COLOR_ATTACHMENT0, t.TEXTURE_2D, r.screenTexture, 0), t.viewport(0, 0, t.canvas.width, t.canvas.height), this.renderScreenTexture(t, r.backgroundTexture, r.screen, r.quadBuffer, 0.95), this.renderParticles(e, t, r, i), t.bindFramebuffer(t.FRAMEBUFFER, null), this.renderScreenTexture(t, r.screenTexture, r.screen, r.quadBuffer, 1);
+  renderScreen(e, a, r, i) {
+    a.bindFramebuffer(a.FRAMEBUFFER, r.frameBuffer), a.framebufferTexture2D(a.FRAMEBUFFER, a.COLOR_ATTACHMENT0, a.TEXTURE_2D, r.screenTexture, 0), a.viewport(0, 0, a.canvas.width, a.canvas.height), this.renderScreenTexture(a, r.backgroundTexture, r.screen, r.quadBuffer, 0.95), this.renderParticles(e, a, r, i), a.bindFramebuffer(a.FRAMEBUFFER, null), this.renderScreenTexture(a, r.screenTexture, r.screen, r.quadBuffer, 1);
     const o = r.backgroundTexture;
     r.backgroundTexture = r.screenTexture, r.screenTexture = o;
   }
-  renderScreenTexture(e, t, r, i, o) {
-    e && (e.useProgram(r.program), e.bindBuffer(e.ARRAY_BUFFER, i), e.enableVertexAttribArray(r.a_pos), e.vertexAttribPointer(r.a_pos, 2, e.FLOAT, !1, 0, 0), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, t), e.uniform1i(r.u_screen, 2), e.uniform1f(r.u_opacity, o), e.drawArrays(e.TRIANGLES, 0, 6));
+  renderScreenTexture(e, a, r, i, o) {
+    e && (e.useProgram(r.program), e.bindBuffer(e.ARRAY_BUFFER, i), e.enableVertexAttribArray(r.a_pos), e.vertexAttribPointer(r.a_pos, 2, e.FLOAT, !1, 0, 0), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, a), e.uniform1i(r.u_screen, 2), e.uniform1f(r.u_opacity, o), e.drawArrays(e.TRIANGLES, 0, 6));
   }
-  renderParticles(e, t, r, i) {
-    if (t) {
-      t.useProgram(r.particle.program), t.bindBuffer(t.ARRAY_BUFFER, r.indexBuffer), t.enableVertexAttribArray(r.particle.a_index), t.vertexAttribPointer(r.particle.a_index, 1, t.FLOAT, !1, 0, 0), t.activeTexture(t.TEXTURE2), t.bindTexture(t.TEXTURE_2D, r.color.texture), t.uniform1i(r.particle.u_factor, 0), t.uniform1i(r.particle.u_particles, 1), t.uniform1i(r.particle.u_color_ramp, 2), t.uniform1f(r.particle.u_particles_resolution, r.resolution * e.ratio), t.uniform1f(r.particle.u_point, e.ratio);
+  renderParticles(e, a, r, i) {
+    if (a) {
+      a.useProgram(r.particle.program), a.bindBuffer(a.ARRAY_BUFFER, r.indexBuffer), a.enableVertexAttribArray(r.particle.a_index), a.vertexAttribPointer(r.particle.a_index, 1, a.FLOAT, !1, 0, 0), a.activeTexture(a.TEXTURE2), a.bindTexture(a.TEXTURE_2D, r.color.texture), a.uniform1i(r.particle.u_factor, 0), a.uniform1i(r.particle.u_particles, 1), a.uniform1i(r.particle.u_color_ramp, 2), a.uniform1f(r.particle.u_particles_resolution, r.resolution * e.ratio), a.uniform1f(r.particle.u_point, e.ratio);
       const o = e.getBoundRange();
-      t.uniform4f(r.particle.u_viewport, o[0], o[1], o[2], o[3]), t.uniform2f(r.particle.u_factor_min, i.uvRange[0], i.uvRange[0]), t.uniform2f(r.particle.u_factor_max, i.uvRange[1], i.uvRange[1]), t.drawArrays(t.POINTS, 0, r.total);
+      a.uniform4f(r.particle.u_viewport, o[0], o[1], o[2], o[3]), a.uniform2f(r.particle.u_factor_min, i.uvRange[0], i.uvRange[0]), a.uniform2f(r.particle.u_factor_max, i.uvRange[1], i.uvRange[1]), a.drawArrays(a.POINTS, 0, r.total);
     }
   }
-  updateParticles(e, t, r, i) {
+  updateParticles(e, a, r, i) {
     var n, s;
-    if (t) {
-      t.bindFramebuffer(t.FRAMEBUFFER, r.frameBuffer), t.framebufferTexture2D(t.FRAMEBUFFER, t.COLOR_ATTACHMENT0, t.TEXTURE_2D, r.texture1, 0), t.viewport(0, 0, r.resolution, r.resolution), t.useProgram(r.update.program), t.bindBuffer(t.ARRAY_BUFFER, r.quadBuffer), t.enableVertexAttribArray(r.update.a_pos), t.vertexAttribPointer(r.update.a_pos, 2, t.FLOAT, !1, 0, 0), t.uniform1i(r.update.u_factor, 0), t.uniform1i(r.update.u_particles, 1);
+    if (a) {
+      a.bindFramebuffer(a.FRAMEBUFFER, r.frameBuffer), a.framebufferTexture2D(a.FRAMEBUFFER, a.COLOR_ATTACHMENT0, a.TEXTURE_2D, r.texture1, 0), a.viewport(0, 0, r.resolution, r.resolution), a.useProgram(r.update.program), a.bindBuffer(a.ARRAY_BUFFER, r.quadBuffer), a.enableVertexAttribArray(r.update.a_pos), a.vertexAttribPointer(r.update.a_pos, 2, a.FLOAT, !1, 0, 0), a.uniform1i(r.update.u_factor, 0), a.uniform1i(r.update.u_particles, 1);
       const c = e.getBoundRange();
-      t.uniform4f(r.update.u_viewport, c[0], c[1], c[2], c[3]), t.uniform1f(r.update.u_rand_seed, Math.random()), t.uniform2f(r.update.u_factor_res, (n = r == null ? void 0 : r.image) == null ? void 0 : n.width, (s = r == null ? void 0 : r.image) == null ? void 0 : s.height), t.uniform2f(r.update.u_factor_min, i.uvRange[0], i.uvRange[0]), t.uniform2f(r.update.u_factor_max, i.uvRange[1], i.uvRange[1]), t.uniform1f(r.update.u_speed_factor, i.speedFactor * e.ratio), t.uniform1f(r.update.u_drop_rate, i.dropRate), t.uniform1f(r.update.u_drop_rate_bump, i.dropRateBump), t.drawArrays(t.TRIANGLES, 0, 6);
+      a.uniform4f(r.update.u_viewport, c[0], c[1], c[2], c[3]), a.uniform1f(r.update.u_rand_seed, Math.random()), a.uniform2f(r.update.u_factor_res, (n = r == null ? void 0 : r.image) == null ? void 0 : n.width, (s = r == null ? void 0 : r.image) == null ? void 0 : s.height), a.uniform2f(r.update.u_factor_min, i.uvRange[0], i.uvRange[0]), a.uniform2f(r.update.u_factor_max, i.uvRange[1], i.uvRange[1]), a.uniform1f(r.update.u_speed_factor, i.speedFactor * e.ratio), a.uniform1f(r.update.u_drop_rate, i.dropRate), a.uniform1f(r.update.u_drop_rate_bump, i.dropRateBump), a.drawArrays(a.TRIANGLES, 0, 6);
     }
     const o = r.texture0;
     r.texture0 = r.texture1, r.texture1 = o;
   }
-  resize(e, t) {
+  resize(e, a) {
     e.resize();
-    const r = new Uint8Array(t.canvas.width * t.canvas.height * 4).fill(0, 0, t.canvas.width * t.canvas.height * 4), i = this.createTexture(t, t.NEAREST, t.NEAREST, t.CLAMP_TO_EDGE, r, t.canvas.width, t.canvas.height), o = this.createTexture(t, t.NEAREST, t.NEAREST, t.CLAMP_TO_EDGE, r, t.canvas.width, t.canvas.height);
+    const r = new Uint8Array(a.canvas.width * a.canvas.height * 4).fill(0, 0, a.canvas.width * a.canvas.height * 4), i = this.createTexture(a, a.NEAREST, a.NEAREST, a.CLAMP_TO_EDGE, r, a.canvas.width, a.canvas.height), o = this.createTexture(a, a.NEAREST, a.NEAREST, a.CLAMP_TO_EDGE, r, a.canvas.width, a.canvas.height);
     return { screenTexture: i, backgroundTexture: o };
   }
   async loadImg(e) {
-    return new Promise((t) => {
+    return new Promise((a) => {
       const r = new Blob([e], { type: e.type }), i = URL.createObjectURL(r), o = new Image();
-      o.crossOrigin = "anonymous", o.src = i, o.onload = () => t(o);
+      o.crossOrigin = "anonymous", o.src = i, o.onload = () => a(o);
     });
   }
 }
 class B {
 }
 // 顶点渲染
-R(B, "vertexSchema", `
+E(B, "vertexSchema", `
     //canvas 坐标系上的坐标 (x, y)
     attribute vec2 a_position; //像素坐标
     attribute vec2 a_texCoord; //纹理坐标
@@ -775,7 +776,7 @@ R(B, "vertexSchema", `
       gl_Position = vec4(position * vec2(1, -1), 0.0, 1.0);
       v_texCoord = a_texCoord;
     }`), // 类如风、流等u v双变量片元渲染
-R(B, "uvFragmentSchema", `
+E(B, "uvFragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image;
     uniform vec2 u_range_u_v;
@@ -794,7 +795,7 @@ R(B, "uvFragmentSchema", `
 
       gl_FragColor = color;
     }`), // 类如浪、气压等单变量片元渲染
-R(B, "fragmentSchema", `
+E(B, "fragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image; // 灰度
     uniform sampler2D u_color; // 色值映射
@@ -807,7 +808,7 @@ R(B, "fragmentSchema", `
     }`);
 class F {
 }
-R(F, "vertexSchema", `
+E(F, "vertexSchema", `
     precision mediump float;
 
     attribute float a_index; // 索引
@@ -831,7 +832,7 @@ R(F, "vertexSchema", `
       gl_PointSize = 1.0;
       // gl_PointSize = u_point;
       gl_Position = vec4(2.0 * v_particle_pos.x - 1.0, 1.0 - 2.0 * v_particle_pos.y, 0, 1);
-    }`), R(F, "fragmentSchema", `
+    }`), E(F, "fragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_factor;
@@ -853,7 +854,7 @@ R(F, "vertexSchema", `
 
       float f = 1.0 - uv.b;
       gl_FragColor = texture2D(u_color_ramp, ramp_pos) * f;
-    }`), R(F, "quadVertSchema", `
+    }`), E(F, "quadVertSchema", `
     precision mediump float;
 
     attribute vec2 a_pos;
@@ -863,7 +864,7 @@ R(F, "vertexSchema", `
     void main() {
       v_tex_pos = a_pos;
       gl_Position = vec4(1.0 - 2.0 * a_pos, 0, 1);
-    }`), R(F, "screenFragmentSchema", `
+    }`), E(F, "screenFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_screen;
@@ -875,7 +876,7 @@ R(F, "vertexSchema", `
       vec4 color = texture2D(u_screen, 1.0 - v_tex_pos);
       // a hack to guarantee opacity fade out even with a value close to 1.0
       gl_FragColor = vec4(floor(255.0 * color * u_opacity) / 255.0);
-    }`), R(F, "updateFragmentSchema", `
+    }`), E(F, "updateFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_particles;
@@ -956,12 +957,12 @@ R(F, "vertexSchema", `
     }`);
 class Qt {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
-    R(this, "token");
-    R(this, "mapboxCustomer");
-    R(this, "i4");
-    R(this, "hi");
-    R(this, "td");
-    R(this, "windy");
+    E(this, "token");
+    E(this, "mapboxCustomer");
+    E(this, "i4");
+    E(this, "hi");
+    E(this, "td");
+    E(this, "windy");
     this.token = e, this.mapboxCustomer = {
       source: this.initialOnlineStyle().sources.composite,
       layers: {
@@ -2610,15 +2611,15 @@ const Kt = {
   watch: {
     "factor.version": {
       handler() {
-        var a;
-        (a = this.factor) != null && a.active ? this.handleRender() : this.handleClear();
+        var t;
+        (t = this.factor) != null && t.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
     toggleVersion: {
       handler() {
-        var a, e;
-        this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+        var t, e;
+        this.right = (((t = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : t.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
@@ -2630,19 +2631,19 @@ const Kt = {
           this.handleRender();
         }, 500);
       else if (this.factor) {
-        const a = (/* @__PURE__ */ new Date()).valueOf();
-        let e = 0, t = 0;
-        this.handleDraw(), t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("[wind-particle] add elapsed: ", t, ", total: ", e += t);
+        const t = (/* @__PURE__ */ new Date()).valueOf();
+        let e = 0, a = 0;
+        this.handleDraw(), a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("[wind-particle] add elapsed: ", a, ", total: ", e += a);
       }
     },
     handleClear() {
-      var a, e, t, r, i, o, n, s;
-      (a = this.viewport) == null || a.toggle(!1), (e = this.viewport) == null || e.toggleParticle(!1), this.context = void 0, this.particleContext = void 0, this.etime = void 0, this.initial = !0, (r = (t = this.viewport) == null ? void 0 : t.map) == null || r.off("resize", this.handleResize), (o = (i = this.viewport) == null ? void 0 : i.map) == null || o.off("movestart", this.handlePause), (s = (n = this.viewport) == null ? void 0 : n.map) == null || s.off("moveend", this.handlePlay), this.handlePause();
+      var t, e, a, r, i, o, n, s;
+      (t = this.viewport) == null || t.toggle(!1), (e = this.viewport) == null || e.toggleParticle(!1), this.context = void 0, this.particleContext = void 0, this.etime = void 0, this.initial = !0, (r = (a = this.viewport) == null ? void 0 : a.map) == null || r.off("resize", this.handleResize), (o = (i = this.viewport) == null ? void 0 : i.map) == null || o.off("movestart", this.handlePause), (s = (n = this.viewport) == null ? void 0 : n.map) == null || s.off("moveend", this.handlePlay), this.handlePause();
     },
     handleSetup() {
       if (!this.context) {
         this.context = this.viewport.rampColorCanvas.getContext("webgl");
-        const a = [
+        const t = [
           [0, "rgb(98, 113, 184, 0.8)"],
           // 0
           [12 / 255, "rgb(98, 113, 184)"],
@@ -2671,16 +2672,16 @@ const Kt = {
           // 30m/s
           [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);
-        this.program = e, this.aPositionBuffer = t;
+        this.rampColor = this.webgl.setup(this.context, t);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, B.vertexSchema, B.uvFragmentSchema);
+        this.program = e, this.aPositionBuffer = a;
       }
       this.handleParticleSetup();
     },
     handleParticleSetup() {
       if (!this.particleContext) {
         this.particleContext = this.viewport.particleCanvas.getContext("webgl");
-        const a = [
+        const t = [
           [0, "rgb(183,224,224)"],
           [1, "rgb(217,220,220)"]
         ];
@@ -2691,20 +2692,20 @@ const Kt = {
           F.quadVertSchema,
           F.screenFragmentSchema,
           F.updateFragmentSchema
-        ), this.wrapper.color = this.webgl.setup(this.particleContext, a, !0, 16, 16), this.wrapper = { ...this.wrapper, ...this.webgl.setupParticle(this.particleContext, 9e3), ...this.webgl.resize(this.viewport, this.particleContext) }, this.viewport.map.on("resize", this.handleResize), this.viewport.map.on("movestart", this.handlePause), this.viewport.map.on("moveend", this.handlePlay);
+        ), this.wrapper.color = this.webgl.setup(this.particleContext, t, !0, 16, 16), this.wrapper = { ...this.wrapper, ...this.webgl.setupParticle(this.particleContext, 9e3), ...this.webgl.resize(this.viewport, this.particleContext) }, this.viewport.map.on("resize", this.handleResize), this.viewport.map.on("movestart", this.handlePause), this.viewport.map.on("moveend", this.handlePlay);
       }
     },
     async handleDraw() {
       if (this.handleSetup(), this.etime !== this.factor.etime) {
         this.etime = this.factor.etime;
-        const a = await this.webgl.loadImg(this.factor.raw);
-        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, a), this.particleTexture = this.webgl.createTexture(
+        const t = await this.webgl.loadImg(this.factor.raw);
+        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t), this.particleTexture = this.webgl.createTexture(
           this.particleContext,
           this.particleContext.NEAREST,
           this.particleContext.LINEAR,
           this.particleContext.CLAMP_TO_EDGE,
-          a
-        ), this.wrapper.image = a;
+          t
+        ), this.wrapper.image = t;
       }
       this.initial && (this.initial = !1, this.handlePlay()), this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer, this.particleOptions), this.viewport.toggle(!0);
     },
@@ -2720,7 +2721,7 @@ const Kt = {
       });
     }
   }
-}, re = (a) => (U("data-v-6e0050df"), 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 = (t) => (U("data-v-41a686d0"), t = t(), G(), t), 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,
@@ -2730,16 +2731,16 @@ const Kt = {
   na,
   la
 ];
-function ha(a, e, t, r, i, o) {
+function ha(t, e, a, r, i, o) {
   var n;
-  return (n = t.factor) != null && n.active ? (L(), x("div", ea, [
+  return (n = a.factor) != null && n.active ? (L(), x("div", ea, [
     l("div", {
       class: "legend-bars flex-center",
-      style: j([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: j([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
     }, ca, 4)
   ])) : N("", !0);
 }
-const da = /* @__PURE__ */ T(Kt, [["render", ha], ["__scopeId", "data-v-6e0050df"]]);
+const da = /* @__PURE__ */ T(Kt, [["render", ha], ["__scopeId", "data-v-41a686d0"]]);
 const pa = {
   name: "IdmCurrent",
   props: {
@@ -2791,8 +2792,8 @@ const pa = {
   watch: {
     "current.version": {
       handler() {
-        var a;
-        (a = this.current) != null && a.active ? this.handleRender() : this.handleClear();
+        var t;
+        (t = this.current) != null && t.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
@@ -2810,15 +2811,15 @@ const pa = {
     },
     toggleVersion: {
       handler() {
-        var a, e;
-        this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+        var t, e;
+        this.right = (((t = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : t.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
       },
       immediate: !0
     },
     weatherLayers: {
       handler() {
-        var a;
-        this.bottom = (((a = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : a.clientHeight) || 0) + 105;
+        var t;
+        this.bottom = (((t = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : t.clientHeight) || 0) + 105;
       },
       immediate: !0
     }
@@ -2828,15 +2829,15 @@ const pa = {
       this.$emit("particle", { particle: !this.showParticle, key: "current", weight: 96 });
     },
     handleRender() {
-      var a, e;
+      var t, e;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
         }, 500);
       else if (this.current) {
-        const t = (/* @__PURE__ */ new Date()).valueOf();
+        const a = (/* @__PURE__ */ new Date()).valueOf();
         let r = 0, i = 0, o = this.empty;
-        this.current.active && (o = this.current.data), (a = this.map) != null && a.getSource(this.source) ? ((e = this.map) == null || e.getSource(this.source).setData(o), i = (/* @__PURE__ */ new Date()).valueOf() - (t + r), console.log("[current] update elapsed: ", i, ", total: ", r += i)) : (this.map.addSource(this.source, { type: "geojson", data: o }), this.map.addLayer(
+        this.current.active && (o = this.current.data), (t = this.map) != null && t.getSource(this.source) ? ((e = this.map) == null || e.getSource(this.source).setData(o), i = (/* @__PURE__ */ new Date()).valueOf() - (a + r), console.log("[current] update elapsed: ", i, ", total: ", r += i)) : (this.map.addSource(this.source, { type: "geojson", data: o }), this.map.addLayer(
           {
             id: this.speedLayer,
             type: "fill",
@@ -2895,7 +2896,7 @@ const pa = {
             }
           },
           this.beforeLayer
-        ), i = (/* @__PURE__ */ new Date()).valueOf() - (t + r), console.log("[current] add elapsed: ", i, ", total: ", r += i)), this.handleToggle();
+        ), i = (/* @__PURE__ */ new Date()).valueOf() - (a + r), console.log("[current] add elapsed: ", i, ", total: ", r += i)), this.handleToggle();
       }
     },
     handleToggle() {
@@ -2918,9 +2919,9 @@ const pa = {
   key: 1,
   class: "iconfont"
 };
-function ba(a, e, t, r, i, o) {
+function ba(t, e, a, r, i, o) {
   var n;
-  return (n = t.current) != null && n.active ? (L(), x("div", ma, [
+  return (n = a.current) != null && n.active ? (L(), x("div", ma, [
     l("div", {
       class: "flex-center tool-bars",
       style: j([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
@@ -2929,12 +2930,12 @@ function ba(a, e, t, r, i, o) {
         class: "flex-start",
         onClick: e[0] || (e[0] = (...s) => o.handleParticle && o.handleParticle(...s))
       }, [
-        t.showParticle ? (L(), x("i", ua, "")) : (L(), x("i", ya, "")),
+        a.showParticle ? (L(), x("i", ua, "")) : (L(), x("i", ya, "")),
         l("span", {
-          class: M(t.showParticle ? "active" : "")
+          class: M(a.showParticle ? "active" : "")
         }, "Current Particles", 2)
       ]),
-      t.showParticle ? (L(), x("div", {
+      a.showParticle ? (L(), x("div", {
         key: 0,
         class: "flex-start",
         style: { "margin-left": "16px" },
@@ -3005,15 +3006,15 @@ const _a = {
   watch: {
     "factor.version": {
       handler() {
-        var a;
-        (a = this.factor) != null && a.active ? this.handleRender() : this.handleClear();
+        var t;
+        (t = this.factor) != null && t.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
     toggleVersion: {
       handler() {
-        var a, e;
-        this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+        var t, e;
+        this.right = (((t = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : t.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
@@ -3025,19 +3026,19 @@ const _a = {
           this.handleRender();
         }, 500);
       else if (this.factor) {
-        const a = (/* @__PURE__ */ new Date()).valueOf();
-        let e = 0, t = 0;
-        this.handleDraw(), t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("[current-particle] add elapsed: ", t, ", total: ", e += t);
+        const t = (/* @__PURE__ */ new Date()).valueOf();
+        let e = 0, a = 0;
+        this.handleDraw(), a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("[current-particle] add elapsed: ", a, ", total: ", e += a);
       }
     },
     handleClear() {
-      var a, e, t, r, i, o, n, s;
-      (a = this.viewport) == null || a.toggle(!1), (e = this.viewport) == null || e.toggleParticle(!1), this.context = void 0, this.particleContext = void 0, this.etime = void 0, this.initial = !0, (r = (t = this.viewport) == null ? void 0 : t.map) == null || r.off("resize", this.handleResize), (o = (i = this.viewport) == null ? void 0 : i.map) == null || o.off("movestart", this.handlePause), (s = (n = this.viewport) == null ? void 0 : n.map) == null || s.off("moveend", this.handlePlay), this.handlePause();
+      var t, e, a, r, i, o, n, s;
+      (t = this.viewport) == null || t.toggle(!1), (e = this.viewport) == null || e.toggleParticle(!1), this.context = void 0, this.particleContext = void 0, this.etime = void 0, this.initial = !0, (r = (a = this.viewport) == null ? void 0 : a.map) == null || r.off("resize", this.handleResize), (o = (i = this.viewport) == null ? void 0 : i.map) == null || o.off("movestart", this.handlePause), (s = (n = this.viewport) == null ? void 0 : n.map) == null || s.off("moveend", this.handlePlay), this.handlePause();
     },
     handleSetup() {
       if (!this.context) {
         this.context = this.viewport.rampColorCanvas.getContext("webgl");
-        const a = [
+        const t = [
           [0 / 255, "rgba(95, 143, 197,1)"],
           [5 / 255, "rgba(64,127,115,1)"],
           [10 / 255, "rgb(58,164,58)"],
@@ -3057,16 +3058,16 @@ const _a = {
           // 2.54
           [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);
-        this.program = e, this.aPositionBuffer = t;
+        this.rampColor = this.webgl.setup(this.context, t);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, B.vertexSchema, B.uvFragmentSchema);
+        this.program = e, this.aPositionBuffer = a;
       }
       this.handleParticleSetup();
     },
     handleParticleSetup() {
       if (!this.particleContext) {
         this.particleContext = this.viewport.particleCanvas.getContext("webgl");
-        const a = [
+        const t = [
           [0, "rgb(183,224,224)"],
           [1, "rgb(199,202,202)"]
         ];
@@ -3077,7 +3078,7 @@ const _a = {
           F.quadVertSchema,
           F.screenFragmentSchema,
           F.updateFragmentSchema
-        ), this.wrapper.color = this.webgl.setup(this.particleContext, a, !0, 16, 16), this.wrapper = {
+        ), this.wrapper.color = this.webgl.setup(this.particleContext, t, !0, 16, 16), this.wrapper = {
           ...this.wrapper,
           ...this.webgl.setupParticle(this.particleContext, 12e3),
           ...this.webgl.resize(this.viewport, this.particleContext)
@@ -3087,14 +3088,14 @@ const _a = {
     async handleDraw() {
       if (this.handleSetup(), this.etime !== this.factor.etime) {
         this.etime = this.factor.etime;
-        const a = await this.webgl.loadImg(this.factor.raw);
-        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, a), this.particleTexture = this.webgl.createTexture(
+        const t = await this.webgl.loadImg(this.factor.raw);
+        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t), this.particleTexture = this.webgl.createTexture(
           this.particleContext,
           this.particleContext.NEAREST,
           this.particleContext.LINEAR,
           this.particleContext.CLAMP_TO_EDGE,
-          a
-        ), this.wrapper.image = a;
+          t
+        ), this.wrapper.image = t;
       }
       this.initial && (this.initial = !1, this.handlePlay()), this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer, this.particleOptions), this.viewport.toggle(!0);
     },
@@ -3110,7 +3111,7 @@ const _a = {
       });
     }
   }
-}, ce = (a) => (U("data-v-3bf73a1b"), 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 = (t) => (U("data-v-a182db4f"), t = t(), G(), t), 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,
@@ -3119,16 +3120,16 @@ const _a = {
   za,
   Pa
 ];
-function Ia(a, e, t, r, i, o) {
+function Ia(t, e, a, r, i, o) {
   var n;
-  return (n = t.factor) != null && n.active ? (L(), x("div", wa, [
+  return (n = a.factor) != null && n.active ? (L(), x("div", wa, [
     l("div", {
       class: "legend-bars flex-center",
-      style: j([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: j([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
     }, Ta, 4)
   ])) : N("", !0);
 }
-const Ea = /* @__PURE__ */ T(_a, [["render", Ia], ["__scopeId", "data-v-3bf73a1b"]]), Ra = {
+const Ea = /* @__PURE__ */ T(_a, [["render", Ia], ["__scopeId", "data-v-a182db4f"]]), Ra = {
   name: "IdmSigWave",
   props: {
     map: {
@@ -3152,23 +3153,23 @@ const Ea = /* @__PURE__ */ T(_a, [["render", Ia], ["__scopeId", "data-v-3bf73a1b
   watch: {
     "sigWave.version": {
       handler() {
-        var a;
-        (a = this.sigWave) != null && a.active ? this.handleRender() : this.handleClear();
+        var t;
+        (t = this.sigWave) != null && t.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     }
   },
   methods: {
     handleRender() {
-      var a, e;
+      var t, e;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
         }, 500);
       else if (this.sigWave) {
-        const t = (/* @__PURE__ */ new Date()).valueOf();
+        const a = (/* @__PURE__ */ new Date()).valueOf();
         let r = 0, i = 0, o = this.empty;
-        this.sigWave.active && (o = this.sigWave.data), (a = this.map) != null && a.getSource(this.source) ? ((e = this.map) == null || e.getSource(this.source).setData(o), i = (/* @__PURE__ */ new Date()).valueOf() - (t + r), console.log("[sig.wave] update elapsed: ", i, ", total: ", r += i)) : (this.map.addSource(this.source, { type: "geojson", data: o }), this.map.addLayer(
+        this.sigWave.active && (o = this.sigWave.data), (t = this.map) != null && t.getSource(this.source) ? ((e = this.map) == null || e.getSource(this.source).setData(o), i = (/* @__PURE__ */ new Date()).valueOf() - (a + r), console.log("[sig.wave] update elapsed: ", i, ", total: ", r += i)) : (this.map.addSource(this.source, { type: "geojson", data: o }), this.map.addLayer(
           {
             id: this.heightLayer,
             type: "fill",
@@ -3231,7 +3232,7 @@ const Ea = /* @__PURE__ */ T(_a, [["render", Ia], ["__scopeId", "data-v-3bf73a1b
             }
           },
           this.beforeLayer
-        ), i = (/* @__PURE__ */ new Date()).valueOf() - (t + r), console.log("[sig.wave] add elapsed: ", i, ", total: ", r += i));
+        ), i = (/* @__PURE__ */ new Date()).valueOf() - (a + r), console.log("[sig.wave] add elapsed: ", i, ", total: ", r += i));
       }
     },
     handleClear() {
@@ -3239,10 +3240,10 @@ const Ea = /* @__PURE__ */ T(_a, [["render", Ia], ["__scopeId", "data-v-3bf73a1b
     }
   }
 };
-function Aa(a, e, t, r, i, o) {
+function Aa(t, e, a, r, i, o) {
   return L(), x("div");
 }
-const Da = /* @__PURE__ */ T(Ra, [["render", Aa]]), $a = {
+const Da = /* @__PURE__ */ T(Ra, [["render", Aa]]), Ma = {
   name: "IdmSwell",
   props: {
     map: {
@@ -3267,23 +3268,23 @@ const Da = /* @__PURE__ */ T(Ra, [["render", Aa]]), $a = {
   watch: {
     "swell.version": {
       handler() {
-        var a;
-        (a = this.swell) != null && a.active ? this.handleRender() : this.handleClear();
+        var t;
+        (t = this.swell) != null && t.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     }
   },
   methods: {
     handleRender() {
-      var a, e;
+      var t, e;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
         }, 500);
       else if (this.swell) {
-        const t = (/* @__PURE__ */ new Date()).valueOf();
+        const a = (/* @__PURE__ */ new Date()).valueOf();
         let r = 0, i = 0, o = this.empty;
-        this.swell.active && (o = this.swell.data), (a = this.map) != null && a.getSource(this.source) ? ((e = this.map) == null || e.getSource(this.source).setData(o), i = (/* @__PURE__ */ new Date()).valueOf() - (t + r), console.log("[swell] update elapsed: ", i, ", total: ", r += i)) : (this.map.addSource(this.source, { type: "geojson", data: o }), this.map.addLayer(
+        this.swell.active && (o = this.swell.data), (t = this.map) != null && t.getSource(this.source) ? ((e = this.map) == null || e.getSource(this.source).setData(o), i = (/* @__PURE__ */ new Date()).valueOf() - (a + r), console.log("[swell] update elapsed: ", i, ", total: ", r += i)) : (this.map.addSource(this.source, { type: "geojson", data: o }), this.map.addLayer(
           {
             id: this.heightLayer,
             type: "line",
@@ -3372,7 +3373,7 @@ const Da = /* @__PURE__ */ T(Ra, [["render", Aa]]), $a = {
             }
           },
           this.beforeLayer
-        ), i = (/* @__PURE__ */ new Date()).valueOf() - (t + r), console.log("[swell] add elapsed: ", i, ", total: ", r += i));
+        ), i = (/* @__PURE__ */ new Date()).valueOf() - (a + r), console.log("[swell] add elapsed: ", i, ", total: ", r += i));
       }
     },
     handleClear() {
@@ -3380,10 +3381,10 @@ const Da = /* @__PURE__ */ T(Ra, [["render", Aa]]), $a = {
     }
   }
 };
-function Ma(a, e, t, r, i, o) {
+function $a(t, e, a, r, i, o) {
   return L(), x("div");
 }
-const Ba = /* @__PURE__ */ T($a, [["render", Ma]]), Na = {
+const Ba = /* @__PURE__ */ T(Ma, [["render", $a]]), Na = {
   name: "IdmPrmsl",
   props: {
     map: {
@@ -3408,102 +3409,110 @@ const Ba = /* @__PURE__ */ T($a, [["render", Ma]]), Na = {
   watch: {
     "prmsl.version": {
       handler() {
-        var a;
-        (a = this.prmsl) != null && a.active ? this.handleRender() : this.handleClear();
+        var t;
+        (t = this.prmsl) != null && t.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     }
   },
   methods: {
     handleRender() {
-      var a, e, t;
+      var t, e, a;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
         }, 500);
-      else if (this.prmsl) {
-        const r = (/* @__PURE__ */ new Date()).valueOf();
-        let i = 0, o = 0, n = this.empty;
-        this.prmsl.active && (n = this.prmsl.data), (a = this.map) != null && a.getSource(this.source) ? ((e = this.map) == null || e.getSource(this.source).setData(n), o = (/* @__PURE__ */ new Date()).valueOf() - (r + i), console.log("[prmsl] update elapsed: ", o, ", total: ", i += o)) : (this.map.addSource(this.source, { type: "geojson", data: n }), this.map.addLayer(
-          {
-            id: this.layer,
-            type: "line",
-            source: this.source,
-            filter: ["==", "$type", "LineString"],
-            paint: {
-              "line-color": ["step", ["get", "val"], "rgba(162,13,2,1)", 920, "rgba(244,67,54,1)", 980, "rgba(255,255,0,1)", 1100, "rgba(199,171,250,1)"],
-              "line-width": 1,
-              "line-opacity": 1
-            }
-          },
-          this.beforeLayer
-        ), (t = this.map) == null || t.addLayer(
-          {
-            id: this.labelLayer,
-            type: "symbol",
-            source: this.source,
-            minzoom: 4,
-            filter: ["==", "$type", "LineString"],
-            layout: {
-              "symbol-placement": "line",
-              "text-rotation-alignment": "viewport",
-              "text-field": "{val}",
-              "text-size": 12
+      else {
+        if (this.prmsl) {
+          const r = (/* @__PURE__ */ new Date()).valueOf();
+          let i = 0, o = 0, n = this.empty;
+          this.prmsl.active && (n = this.prmsl.data), (t = this.map) != null && t.getSource(this.source) ? ((e = this.map) == null || e.getSource(this.source).setData(n), o = (/* @__PURE__ */ new Date()).valueOf() - (r + i), console.log("[prmsl] update elapsed: ", o, ", total: ", i += o)) : (this.map.addSource(this.source, { type: "geojson", data: n }), this.map.addLayer(
+            {
+              id: this.layer,
+              type: "line",
+              source: this.source,
+              filter: ["==", "$type", "LineString"],
+              paint: {
+                "line-color": ["step", ["get", "val"], "rgba(162,13,2,1)", 920, "rgba(244,67,54,1)", 980, "rgba(255,255,0,1)", 1100, "rgba(199,171,250,1)"],
+                "line-width": 1,
+                "line-opacity": 1
+              }
             },
-            paint: {
-              "text-color": "black",
-              "text-opacity": 0.9,
-              "text-halo-color": "rgba(255,255,255,1)",
-              "text-halo-width": 1
-            }
-          },
-          this.beforeLayer
-        ), setTimeout(() => {
-          this.map.addLayer(
+            this.beforeLayer
+          ), (a = this.map) == null || a.addLayer(
             {
-              id: this.pointLabelLayer,
+              id: this.labelLayer,
               type: "symbol",
               source: this.source,
-              filter: ["==", "$type", "Point"],
+              minzoom: 4,
+              filter: ["==", "$type", "LineString"],
               layout: {
-                "symbol-placement": "point",
-                "text-field": ["format", ["get", "type"], { "font-scale": 1.03 }, `
-`, ["get", "val"], { "font-scale": 1 }],
-                "text-rotation-alignment": "map",
-                "text-line-height": 1.3,
+                "symbol-placement": "line",
+                "text-rotation-alignment": "viewport",
+                "text-field": "{val}",
                 "text-size": 12
               },
               paint: {
-                "text-opacity": 1,
-                "text-color": ["step", ["get", "val"], "white", 980, "black", 1100, "black"],
-                "text-halo-color": [
-                  "step",
-                  ["get", "val"],
-                  "rgba(162,13,2,0.9)",
-                  920,
-                  "rgba(244,67,54,0.9)",
-                  980,
-                  "rgba(255,255,0,0.9)",
-                  1100,
-                  "rgba(199,171,250,0.9)"
-                ],
-                "text-halo-width": 4
+                "text-color": "black",
+                "text-opacity": 0.9,
+                "text-halo-color": "rgba(255,255,255,1)",
+                "text-halo-width": 1
               }
             },
             this.beforeLayer
-          );
-        }, 1e3), o = (/* @__PURE__ */ new Date()).valueOf() - (r + i), console.log("[prmsl] add elapsed: ", o, ", total: ", i += o));
+          ), setTimeout(() => {
+            this.map.addLayer(
+              {
+                id: this.pointLabelLayer,
+                type: "symbol",
+                source: this.source,
+                filter: ["==", "$type", "Point"],
+                layout: {
+                  "symbol-placement": "point",
+                  "text-field": ["format", ["get", "type"], { "font-scale": 1.03 }, `
+`, ["get", "val"], { "font-scale": 1 }],
+                  "text-rotation-alignment": "map",
+                  "text-line-height": 1.3,
+                  "text-size": 12
+                },
+                paint: {
+                  "text-opacity": 1,
+                  "text-color": ["step", ["get", "val"], "white", 980, "black", 1100, "black"],
+                  "text-halo-color": [
+                    "step",
+                    ["get", "val"],
+                    "rgba(162,13,2,0.9)",
+                    920,
+                    "rgba(244,67,54,0.9)",
+                    980,
+                    "rgba(255,255,0,0.9)",
+                    1100,
+                    "rgba(199,171,250,0.9)"
+                  ],
+                  "text-halo-width": 4
+                }
+              },
+              this.beforeLayer
+            ), this.handleMove();
+          }, 1e3), o = (/* @__PURE__ */ new Date()).valueOf() - (r + i), console.log("[prmsl] add elapsed: ", o, ", total: ", i += o));
+        }
+        this.handleMove();
       }
     },
+    handleMove() {
+      var t, e;
+      (e = (t = this.map) == null ? void 0 : t.getLayer("country-boundaries")) == null || e.setLayoutProperty("visibility", "visible"), this.map.getLayer(this.pointLabelLayer) && this.map.moveLayer(this.pointLabelLayer, "country-boundaries"), this.map.getLayer(this.labelLayer) && this.map.moveLayer(this.labelLayer, "country-boundaries"), this.map.getLayer(this.layer) && this.map.moveLayer(this.layer, "country-boundaries");
+    },
     handleClear() {
-      this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.labelLayer) && this.map.removeLayer(this.labelLayer), this.map.getLayer(this.layer) && this.map.removeLayer(this.layer), this.map.getSource(this.source) && this.map.removeSource(this.source);
+      var t, e;
+      (e = (t = this.map) == null ? void 0 : t.getLayer("country-boundaries")) == null || e.setLayoutProperty("visibility", "none"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.labelLayer) && this.map.removeLayer(this.labelLayer), this.map.getLayer(this.layer) && this.map.removeLayer(this.layer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
 };
-function Wa(a, e, t, r, i, o) {
+function Oa(t, e, a, 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: {
@@ -3526,23 +3535,23 @@ const Oa = /* @__PURE__ */ T(Na, [["render", Wa]]), ja = {
   watch: {
     "iceberg.version": {
       handler() {
-        var a;
-        (a = this.iceberg) != null && a.active ? this.handleRender() : this.handleClear();
+        var t;
+        (t = this.iceberg) != null && t.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     }
   },
   methods: {
     handleRender() {
-      var a, e;
+      var t, e;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
         }, 500);
       else if (this.iceberg) {
-        const t = (/* @__PURE__ */ new Date()).valueOf();
+        const a = (/* @__PURE__ */ new Date()).valueOf();
         let r = 0, i = 0, o = this.empty;
-        this.iceberg.active && (o = this.iceberg.data), (a = this.map) != null && a.getSource(this.source) ? ((e = this.map) == null || e.getSource(this.source).setData(o), i = (/* @__PURE__ */ new Date()).valueOf() - (t + r), console.log("[iceberg] update elapsed: ", i, ", total: ", r += i)) : (this.map.addSource(this.source, { type: "geojson", data: o }), this.map.addLayer({
+        this.iceberg.active && (o = this.iceberg.data), (t = this.map) != null && t.getSource(this.source) ? ((e = this.map) == null || e.getSource(this.source).setData(o), i = (/* @__PURE__ */ new Date()).valueOf() - (a + r), console.log("[iceberg] update elapsed: ", i, ", total: ", r += i)) : (this.map.addSource(this.source, { type: "geojson", data: o }), this.map.addLayer({
           id: this.layer,
           type: "line",
           source: this.source,
@@ -3552,7 +3561,7 @@ const Oa = /* @__PURE__ */ T(Na, [["render", Wa]]), ja = {
             "line-width": 2,
             "line-opacity": 1
           }
-        }), i = (/* @__PURE__ */ new Date()).valueOf() - (t + r), console.log("[iceberg] add elapsed: ", i, ", total: ", r += i));
+        }), i = (/* @__PURE__ */ new Date()).valueOf() - (a + r), console.log("[iceberg] add elapsed: ", i, ", total: ", r += i));
       }
     },
     handleClear() {
@@ -3560,7 +3569,7 @@ const Oa = /* @__PURE__ */ T(Na, [["render", Wa]]), ja = {
     }
   }
 };
-function Fa(a, e, t, r, i, o) {
+function Fa(t, e, a, r, i, o) {
   return L(), x("div");
 }
 const Va = /* @__PURE__ */ T(ja, [["render", Fa]]);
@@ -3602,9 +3611,9 @@ const Ua = {
   },
   computed: {
     computeTime() {
-      return function(a) {
-        if (a) {
-          const e = Q(a).utc();
+      return function(t) {
+        if (t) {
+          const e = Q(t).utc();
           return `${e.format("MMM-DD,HHmm[Z]")} (${e == null ? void 0 : e.fromNow()})`;
         }
         return "-";
@@ -3627,30 +3636,30 @@ const Ua = {
     "tropicals.version": {
       handler() {
         var r, i;
-        const a = ((i = (r = this.tropicals) == null ? void 0 : r.data) == null ? void 0 : i.features) || [], e = Q().utc().hour(), t = [];
-        a.forEach((o) => {
+        const t = ((i = (r = this.tropicals) == null ? void 0 : r.data) == null ? void 0 : i.features) || [], e = Q().utc().hour(), a = [];
+        t.forEach((o) => {
           var n, s, c;
-          (n = o.properties) != null && n.name && !t.includes((s = o.properties) == null ? void 0 : s.name) && t.push((c = o.properties) == null ? void 0 : c.name);
-        }), t.forEach((o) => {
-          var d;
-          let n = 0, s, c = "", h = "";
-          const y = a.filter((m) => {
-            var u, g;
-            return ((g = (u = m.properties) == null ? void 0 : u.category) == null ? void 0 : g.split("-")[0]) === o;
+          (n = o.properties) != null && n.name && !a.includes((s = o.properties) == null ? void 0 : s.name) && a.push((c = o.properties) == null ? void 0 : c.name);
+        }), a.forEach((o) => {
+          var h;
+          let n = 0, s;
+          const c = t.filter((p) => {
+            var d, y;
+            return ((y = (d = p.properties) == null ? void 0 : d.category) == null ? void 0 : y.split("-")[0]) === o;
           });
-          c = (d = y.filter((m) => {
-            var u, g;
-            return ((u = m.geometry) == null ? void 0 : u.type) === "LineString" && ((g = m.properties) == null ? void 0 : g.type) === "forecast";
-          })[0]) == null ? void 0 : d.properties.model, y.forEach((m, u) => {
-            var g, f, p, v, b, w;
-            ((g = m.geometry) == null ? void 0 : g.type) === "Point" && ((f = m.properties) == null ? void 0 : f.type) === "history" && (n = u, s = s === void 0 ? u : s), ((p = m.geometry) == null ? void 0 : p.type) === "Point" && ((v = m.properties) == null ? void 0 : v.type) === "forecast" && s === void 0 && (s = u), ((b = m.geometry) == null ? void 0 : b.type) === "LineString" && ((w = m.properties) == null ? void 0 : w.type) === "forecast" && (h = `${o}-${c}`);
-          }), y.map((m, u) => {
-            var g, f, p, v, b, w, k, _, E, D;
-            if (((g = m.geometry) == null ? void 0 : g.type) === "LineString" && ((f = m.properties) == null ? void 0 : f.type) === "forecast" && (m.properties.disabled = ((p = m.properties) == null ? void 0 : p.model) !== c), ((v = m.geometry) == null ? void 0 : v.type) === "Point" && ((b = m.properties) == null ? void 0 : b.type) === "forecast" && (m.properties.disabled = ((w = m.properties) == null ? void 0 : w.category) !== h, m.properties.name = o), ((k = m.geometry) == null ? void 0 : k.type) === "Point" && ((_ = m.properties) == null ? void 0 : _.type) === "history") {
-              const $ = ((D = (E = m.properties) == null ? void 0 : E.format) == null ? void 0 : D.slice(7, 12)) === Q().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm") + "Z";
-              m.properties.showHistoryLabel = $ || u === n, m.properties.showNameLabel = u === n, m.properties.name = o;
+          (h = c.filter((p) => {
+            var d, y;
+            return ((d = p.geometry) == null ? void 0 : d.type) === "LineString" && ((y = p.properties) == null ? void 0 : y.type) === "forecast";
+          })[0]) == null || h.properties.model, c.forEach((p, d) => {
+            var y, u, g, f, m, v;
+            ((y = p.geometry) == null ? void 0 : y.type) === "Point" && ((u = p.properties) == null ? void 0 : u.type) === "history" && (n = d, s = s === void 0 ? d : s), ((g = p.geometry) == null ? void 0 : g.type) === "Point" && ((f = p.properties) == null ? void 0 : f.type) === "forecast" && s === void 0 && (s = d), ((m = p.geometry) == null ? void 0 : m.type) === "LineString" && ((v = p.properties) == null || v.type);
+          }), c.map((p, d) => {
+            var y, u, g, f, m, v, b, w;
+            if (((y = p.geometry) == null ? void 0 : y.type) === "LineString" && ((u = p.properties) == null || u.type), ((g = p.geometry) == null ? void 0 : g.type) === "Point" && ((f = p.properties) == null ? void 0 : f.type) === "forecast" && (p.properties.name = o), ((m = p.geometry) == null ? void 0 : m.type) === "Point" && ((v = p.properties) == null ? void 0 : v.type) === "history") {
+              const k = ((w = (b = p.properties) == null ? void 0 : b.format) == null ? void 0 : w.slice(7, 12)) === Q().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm") + "Z";
+              p.properties.showHistoryLabel = k || d === n, p.properties.showNameLabel = d === n, p.properties.name = o;
             }
-            return m;
+            return p;
           });
         }), this.handleInit();
       }
@@ -3658,8 +3667,8 @@ const Ua = {
   },
   methods: {
     handleInit() {
-      var a, e;
-      this.tropicals && this.tropicals.active ? (this.handleRender(), (a = this.map) == null || a.on(
+      var t, e;
+      this.tropicals && this.tropicals.active ? (this.handleRender(), (t = this.map) == null || t.on(
         "click",
         [
           this.forecastNameLayer,
@@ -3688,7 +3697,7 @@ const Ua = {
       ));
     },
     handleRender() {
-      var a, e, t, r, i, o, n, s, c, h, y;
+      var t, e, a, r, i, o, n, s, c, h, p;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
@@ -3696,8 +3705,8 @@ const Ua = {
       else {
         if (this.tropicals) {
           const d = (/* @__PURE__ */ new Date()).valueOf();
-          let m = 0, u = 0;
-          (a = this.map) != null && a.getSource(this.source) ? ((t = this.map) == null || t.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), u = (/* @__PURE__ */ new Date()).valueOf() - (d + m), console.log("[tropicals] update elapsed: ", u, ", total: ", m += u)) : (this.map.addSource(this.source, {
+          let y = 0, u = 0;
+          (t = this.map) != null && t.getSource(this.source) ? ((a = this.map) == null || a.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), u = (/* @__PURE__ */ new Date()).valueOf() - (d + y), console.log("[tropicals] update elapsed: ", u, ", total: ", y += u)) : (this.map.addSource(this.source, {
             type: "geojson",
             data: (r = this.tropicals) != null && r.active ? (i = this.tropicals) == null ? void 0 : i.data : this.empty
           }), this.map.addLayer({
@@ -3794,7 +3803,7 @@ const Ua = {
               ],
               "text-halo-width": 4
             }
-          }), u = (/* @__PURE__ */ new Date()).valueOf() - (d + m), console.log("[tropical] add elapsed: ", u, ", total: ", m += u)), (o = this.map) != null && o.getSource(this.clusterSource) ? ((s = this.map) == null || s.getSource(this.clusterSource).setData((n = this.tropicals) != null && n.active ? this.tropicals.data : this.empty), u = (/* @__PURE__ */ new Date()).valueOf() - (d + m), console.log("[tropical] update elapsed: ", u, ", total: ", m += u)) : (this.map.addSource(this.clusterSource, {
+          }), u = (/* @__PURE__ */ new Date()).valueOf() - (d + y), console.log("[tropical] add elapsed: ", u, ", total: ", y += u)), (o = this.map) != null && o.getSource(this.clusterSource) ? ((s = this.map) == null || s.getSource(this.clusterSource).setData((n = this.tropicals) != null && n.active ? this.tropicals.data : this.empty), u = (/* @__PURE__ */ new Date()).valueOf() - (d + y), console.log("[tropical] update elapsed: ", u, ", total: ", y += u)) : (this.map.addSource(this.clusterSource, {
             type: "geojson",
             data: (c = this.tropicals) != null && c.active ? (h = this.tropicals) == null ? void 0 : h.data : this.empty
             // cluster: true,
@@ -3909,39 +3918,39 @@ const Ua = {
               "text-halo-color": "#146bf5",
               "text-halo-width": 4
             }
-          }), u = (/* @__PURE__ */ new Date()).valueOf() - (d + m), console.log("[tropical] add elapsed: ", u, ", total: ", m += u));
+          }), u = (/* @__PURE__ */ new Date()).valueOf() - (d + y), console.log("[tropical] add elapsed: ", u, ", total: ", y += u));
         }
-        if (!((y = this.tropicals) != null && y.cached)) {
-          const d = et.interpolate(this.tropicals, 1), m = JSON.parse(JSON.stringify(d)), u = [];
-          m.forEach((g) => {
-            var f, p, v;
-            (f = g.properties) != null && f.name && !u.includes((p = g.properties) == null ? void 0 : p.name) && u.push((v = g.properties) == null ? void 0 : v.name);
+        if (!((p = this.tropicals) != null && p.cached)) {
+          const d = et.interpolate(this.tropicals, 1), y = JSON.parse(JSON.stringify(d)), u = [];
+          y.forEach((g) => {
+            var f, m, v;
+            (f = g.properties) != null && f.name && !u.includes((m = g.properties) == null ? void 0 : m.name) && u.push((v = g.properties) == null ? void 0 : v.name);
           }), u.forEach((g) => {
             var v;
-            const p = (v = m.filter((b) => {
+            const m = (v = y.filter((b) => {
               var w;
               return ((w = b.properties) == null ? void 0 : w.name) === g;
             })[0]) == null ? void 0 : v.properties.model;
-            m.map((b, w) => {
+            y.map((b, w) => {
               var k, _;
-              return ((k = b.properties) == null ? void 0 : k.name) === g && (b.properties.disabled = ((_ = b.properties) == null ? void 0 : _.model) !== p), b;
+              return ((k = b.properties) == null ? void 0 : k.name) === g && (b.properties.disabled = ((_ = b.properties) == null ? void 0 : _.model) !== m), b;
             });
-          }), this.interpolateData = JSON.parse(JSON.stringify(m));
+          }), this.interpolateData = JSON.parse(JSON.stringify(y));
         }
         this.handleDateChange();
       }
     },
     handleClear() {
-      var a;
-      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));
+      var t;
+      this.map && (this.map.getLayer(this.historyLayer) && this.map.removeLayer(this.historyLayer), this.map.getLayer(this.forecastLayer) && this.map.removeLayer(this.forecastLayer), this.map.getLayer(this.forecastModelLayer) && this.map.removeLayer(this.forecastModelLayer), this.map.getLayer(this.forecastNameLayer) && this.map.removeLayer(this.forecastNameLayer), this.map.getLayer(this.pointCircleLayer) && this.map.removeLayer(this.pointCircleLayer), this.map.getLayer(this.pointCircleLayer + "-border") && this.map.removeLayer(this.pointCircleLayer + "-border"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.historyPointCircleLayer) && this.map.removeLayer(this.historyPointCircleLayer), this.map.getLayer(this.historyPointCircleLayer + "-border") && this.map.removeLayer(this.historyPointCircleLayer + "-border"), this.map.getLayer(this.historyPointCircleLayer + "-inner") && this.map.removeLayer(this.historyPointCircleLayer + "-inner"), this.map.getLayer(this.historyPointLabelLayer) && this.map.removeLayer(this.historyPointLabelLayer), this.map.getLayer(this.interpolateLineLayer) && this.map.removeLayer(this.interpolateLineLayer), (t = this.interpolateMarkers) == null || t.forEach((e) => e == null ? void 0 : e.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource));
     },
     handleDateChange() {
-      var a, e, t, r, i, o, n, s, c, h, y, d, m, u, g, f, p, v, b, w, k, _, E, D, $, W, O, 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) => {
-          te.features.push(A);
-        }), (t = this.map) != null && t.getSource(this.interpolateSource) ? (r = this.map) == null || r.getSource(this.interpolateSource).setData(te) : ((i = this.map) == null || i.addSource(this.interpolateSource, {
+      var t, e, a, r, i, o, n, s, c, h, p, d, y, u, g, f, m, v, b, w, k, _, A, D, $, O, W, H;
+      if ((t = this.interpolateMarkers) == null || t.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((R) => R.properties.date === X.format() && !R.properties.disabled), he = this.handleComputePolygons(ee), te = C.featureCollection([...ee]);
+        he.forEach((R) => {
+          te.features.push(R);
+        }), (a = this.map) != null && a.getSource(this.interpolateSource) ? (r = this.map) == null || r.getSource(this.interpolateSource).setData(te) : ((i = this.map) == null || i.addSource(this.interpolateSource, {
           type: "geojson",
           data: te
         }), (o = this.map) == null || o.addLayer({
@@ -3955,10 +3964,10 @@ const Ua = {
             "line-width": 2
           }
         })), this.interpolateMarkers = [];
-        for (const A of ee)
-          if (!A.properties.disabled) {
+        for (const R of ee)
+          if (!R.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 = (g = A.properties) == null ? void 0 : g.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 = (b = A.properties) == null ? void 0 : b.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 = R.properties) == null ? void 0 : n.wind) == null ? void 0 : s.spd) < 17.2 ? V = "#03f869" : ((h = (c = R.properties) == null ? void 0 : c.wind) == null ? void 0 : h.spd) >= 17.2 && ((d = (p = R.properties) == null ? void 0 : p.wind) == null ? void 0 : d.spd) < 24.5 ? V = "#f2f202" : ((u = (y = R.properties) == null ? void 0 : y.wind) == null ? void 0 : u.spd) >= 24.5 && ((f = (g = R.properties) == null ? void 0 : g.wind) == null ? void 0 : f.spd) < 32.7 ? V = "#ff9100" : ((v = (m = R.properties) == null ? void 0 : m.wind) == null ? void 0 : v.spd) >= 32.7 && ((w = (b = R.properties) == null ? void 0 : b.wind) == null ? void 0 : w.spd) < 41.5 ? V = "#f44336" : ((_ = (k = R.properties) == null ? void 0 : k.wind) == null ? void 0 : _.spd) >= 41.5 && ((D = (A = R.properties) == null ? void 0 : A.wind) == null ? void 0 : D.spd) < 51 ? V = "#c604a4" : ((O = ($ = R.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">
@@ -3974,73 +3983,73 @@ const Ua = {
                           		d="M420.66666667 959.17a16.08 16.08 0 0 1-15.91-13.49A15.89 15.89 0 0 1 415.50666667 928c1.49-0.55 38.88-14.76 72.79-65.52A354.55 354.55 0 0 1 162.66666667 509.17a450.14 450.14 0 0 1 450.5-450.5 16.07 16.07 0 0 1 15.91 13.48 15.88 15.88 0 0 1-10.75 17.66c-1.58 0.58-39.13 14.9-73.07 65.95A354.22 354.22 0 0 1 871.66666667 509.17a16 16 0 0 1-0.52 4.05A450.14 450.14 0 0 1 420.66666667 959.17zM554.80666667 94.72C351.57666667 123.2 194.66666667 298.21 194.66666667 509.17c0 177.08 144.06 321.74 321.13 322.48a16 16 0 0 1 14.07 23.49c-16.11 30.42-34.27 52.37-50.85 68C682.25666667 894.63 839.16666667 719.63 839.16666667 508.67a15.94 15.94 0 0 1 0.47-3.86C837.30666667 329.33 693.82666667 187 517.80666667 186.67A16 16 0 0 1 503.66666667 163.21c16.21-30.69 34.47-52.79 51.14-68.49z"
                           		fill="#ffffff" p-id="18386"></path>
                           </svg>`, q = document.createElement("div");
-            q.className = "hurricane-hourly-marker", q.innerHTML = `<div class="${A.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${de}</div>`;
-            const ne = new ie.Marker(q).setLngLat(A.geometry.coordinates).addTo(this.map);
+            q.className = "hurricane-hourly-marker", q.innerHTML = `<div class="${R.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${de}</div>`;
+            const ne = new ie.Marker(q).setLngLat(R.geometry.coordinates).addTo(this.map);
             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;
-      const e = a.features[0], t = (n = (o = this.tropicals) == null ? void 0 : o.data) == null ? void 0 : n.features.filter(
+    handleClick(t) {
+      var o, n, s, c, h, p;
+      const e = t.features[0], a = (n = (o = this.tropicals) == null ? void 0 : o.data) == null ? void 0 : n.features.filter(
         (d) => {
-          var m;
-          return d.geometry.type === "LineString" && d.properties.type === "forecast" && d.properties.name === ((m = e == null ? void 0 : e.properties) == null ? void 0 : m.name);
+          var y;
+          return d.geometry.type === "LineString" && d.properties.type === "forecast" && d.properties.name === ((y = e == null ? void 0 : e.properties) == null ? void 0 : y.name);
         }
       );
-      t.sort((d, m) => {
-        var u, g, f, p;
-        return ((u = d.properties) == null ? void 0 : u.model) === "cma" ? -1 : ((g = d.properties) == null ? void 0 : g.model) === "jma" ? ((f = m.properties) == null ? void 0 : f.model) === "cma" ? 1 : -1 : d.properties.model === "ecmwf" ? ["jma", "cma"].includes((p = m.properties) == null ? void 0 : p.model) ? 1 : -1 : 0;
+      a.sort((d, y) => {
+        var u, g, f, m;
+        return ((u = d.properties) == null ? void 0 : u.model) === "cma" ? -1 : ((g = d.properties) == null ? void 0 : g.model) === "jma" ? ((f = y.properties) == null ? void 0 : f.model) === "cma" ? 1 : -1 : d.properties.model === "ecmwf" ? ["jma", "cma"].includes((m = y.properties) == null ? void 0 : m.model) ? 1 : -1 : 0;
       });
       const r = (c = (s = this.tropicals) == null ? void 0 : s.data) == null ? void 0 : c.features.filter(
         (d) => {
-          var m;
-          return d.geometry.type === "LineString" && d.properties.type === "history" && d.properties.name === ((m = e == null ? void 0 : e.properties) == null ? void 0 : m.name);
+          var y;
+          return d.geometry.type === "LineString" && d.properties.type === "history" && d.properties.name === ((y = e == null ? void 0 : e.properties) == null ? void 0 : y.name);
         }
       );
       this.activeTropicals = {
         name: (h = e == null ? void 0 : e.properties) == null ? void 0 : h.name,
-        forecasts: t.map((d) => d.properties),
-        history: (y = r[0]) == null ? void 0 : y.properties
+        forecasts: a.map((d) => d.properties),
+        history: (p = r[0]) == null ? void 0 : p.properties
       }, this.showTropicals = !0;
       const i = document.getElementById("active-tropical");
-      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.activeTropicalsMarker = new ie.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
+      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([t.lngLat.lng, t.lngLat.lat]) : this.activeTropicalsMarker = new ie.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
     },
-    handleForecastToggle(a) {
+    handleForecastToggle(t) {
       var r, i, o, n, s, c;
-      a.disabled = !a.disabled;
-      const e = `${a.name}-${a.model}`, t = (i = (r = this.map) == null ? void 0 : r.getSource(this.source)._data) == null ? void 0 : i.features;
-      t.forEach((h) => {
-        h.properties.category === e && (h.properties.disabled = a.disabled);
+      t.disabled = !t.disabled;
+      const e = `${t.name}-${t.model}`, a = (i = (r = this.map) == null ? void 0 : r.getSource(this.source)._data) == null ? void 0 : i.features;
+      a.forEach((h) => {
+        h.properties.category === e && (h.properties.disabled = t.disabled);
       }), this.interpolateData.forEach((h) => {
-        h.properties.category === e && (h.properties.disabled = a.disabled);
-      }), (n = (o = this.map) == null ? void 0 : o.getSource(this.source)) == null || n.setData(C.featureCollection(t)), (c = (s = this.map) == null ? void 0 : s.getSource(this.clusterSource)) == null || c.setData(C.featureCollection(t)), this.handleDateChange();
+        h.properties.category === e && (h.properties.disabled = t.disabled);
+      }), (n = (o = this.map) == null ? void 0 : o.getSource(this.source)) == null || n.setData(C.featureCollection(a)), (c = (s = this.map) == null ? void 0 : s.getSource(this.clusterSource)) == null || c.setData(C.featureCollection(a)), this.handleDateChange();
     },
-    handleStrikeProbability(a) {
-      this.$emit("tropicalProbability", a);
+    handleStrikeProbability(t) {
+      this.$emit("tropicalProbability", t);
     },
-    handleComputePolygons(a) {
+    handleComputePolygons(t) {
       const e = [];
-      for (const t of a) {
-        const r = t.properties.wind, i = {
+      for (const a of t) {
+        const r = a.properties.wind, i = {
           ne: r.r7ne >= 0 ? r.r7ne : void 0,
           se: r.r7se >= 0 ? r.r7se : void 0,
           sw: r.r7sw >= 0 ? r.r7sw : void 0,
           nw: r.r7nw >= 0 ? r.r7nw : void 0
-        }, o = this.handleComputeArc(t.geometry.coordinates, i, { ...t.properties, level: 7 });
+        }, o = this.handleComputeArc(a.geometry.coordinates, i, { ...a.properties, level: 7 });
         e.push(o);
         const n = {
           ne: r.r10ne >= 0 ? r.r10ne : void 0,
           se: r.r10se >= 0 ? r.r10se : void 0,
           sw: r.r10sw >= 0 ? r.r10sw : void 0,
           nw: r.r10nw >= 0 ? r.r10nw : void 0
-        }, s = this.handleComputeArc(t.geometry.coordinates, n, { ...t.properties, level: 10 });
+        }, s = this.handleComputeArc(a.geometry.coordinates, n, { ...a.properties, level: 10 });
         e.push(s);
       }
       return e;
     },
-    handleComputeArc(a, e, t) {
+    handleComputeArc(t, e, a) {
       var o;
       const r = [];
       for (const n in e) {
@@ -4048,25 +4057,25 @@ const Ua = {
         let c;
         switch (n) {
           case "ne":
-            c = C.lineArc(a, s * 1.852, 0, 90, { steps: s > 0 ? 64 : 1 });
+            c = C.lineArc(t, s * 1.852, 0, 90, { steps: s > 0 ? 64 : 1 });
             break;
           case "se":
-            c = C.lineArc(a, s * 1.852, 90, 180, { steps: s > 0 ? 64 : 1 });
+            c = C.lineArc(t, s * 1.852, 90, 180, { steps: s > 0 ? 64 : 1 });
             break;
           case "sw":
-            c = C.lineArc(a, s * 1.852, 180, 270, { steps: s > 0 ? 64 : 1 });
+            c = C.lineArc(t, s * 1.852, 180, 270, { steps: s > 0 ? 64 : 1 });
             break;
           case "nw":
-            c = C.lineArc(a, s * 1.852, 270, 360, { steps: s > 0 ? 64 : 1 });
+            c = C.lineArc(t, s * 1.852, 270, 360, { steps: s > 0 ? 64 : 1 });
             break;
         }
         r.push(...(o = c == null ? void 0 : c.geometry) == null ? void 0 : o.coordinates);
       }
       const i = C.lineString(r);
-      return C.lineToPolygon(i, { properties: t });
+      return C.lineToPolygon(i, { properties: a });
     }
   }
-}, Ge = (a) => (U("data-v-cc6ebaba"), a = a(), G(), a), Ga = {
+}, Ge = (t) => (U("data-v-6528818e"), t = t(), G(), t), Ga = {
   id: "active-tropical",
   class: "active-tropical"
 }, Ha = { class: "header-box" }, Za = { class: "main" }, Xa = { key: 0 }, Ja = { class: "sub" }, qa = {
@@ -4081,10 +4090,10 @@ 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-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, g, f, p, v, b, w, k;
-  return $e((L(), x("div", Ga, [
+}, 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-6528818e></div><div class="row" style="padding:2px 10px;" data-v-6528818e><div class="legend" data-v-6528818e><div class="icon td" data-v-6528818e></div><div class="label" data-v-6528818e>TD</div></div><div class="legend" data-v-6528818e><div class="icon ts" data-v-6528818e></div><div class="label" data-v-6528818e>TS</div></div><div class="legend" data-v-6528818e><div class="icon sts" data-v-6528818e></div><div class="label" data-v-6528818e>STS</div></div><div class="legend" data-v-6528818e><div class="icon ty" data-v-6528818e></div><div class="label" data-v-6528818e>TY</div></div><div class="legend" data-v-6528818e><div class="icon sty" data-v-6528818e></div><div class="label" data-v-6528818e>STY</div></div><div class="legend" data-v-6528818e><div class="icon supper-ty" data-v-6528818e></div><div class="label" data-v-6528818e>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-6528818e><div class="legend" data-v-6528818e><div class="icon history" data-v-6528818e></div><div class="label" data-v-6528818e>History</div></div><div class="legend" data-v-6528818e><div class="icon r7" data-v-6528818e></div><div class="label" data-v-6528818e>35kts Radii</div></div><div class="legend" data-v-6528818e><div class="icon r10" data-v-6528818e></div><div class="label" data-v-6528818e>50kts Radii</div></div></div>', 3), ci = { class: "more" };
+function hi(t, e, a, r, i, o) {
+  var n, s, c, h, p, d, y, u, g, f, m, v, b, w, k;
+  return Me((L(), x("div", Ga, [
     l("div", Ha, [
       l("div", {
         class: "iconfont close-btn",
@@ -4092,16 +4101,16 @@ function hi(a, e, t, r, i, o) {
       }, ""),
       l("div", Za, [
         (s = (n = i.activeTropicals) == null ? void 0 : n.history) != null && s.level ? (L(), x("span", Xa, S((h = (c = i.activeTropicals) == null ? void 0 : c.history) == null ? void 0 : h.level) + " , ", 1)) : N("", !0),
-        Ke(S((y = i.activeTropicals) == null ? void 0 : y.name), 1)
+        Ke(S((p = i.activeTropicals) == null ? void 0 : p.name), 1)
       ]),
-      l("div", Ja, " Last update: " + S(o.computeTime(((m = (d = i.activeTropicals) == null ? void 0 : d.history) == null ? void 0 : m.updated) || ((f = (g = (u = i.activeTropicals) == null ? void 0 : u.forecasts) == null ? void 0 : g.filter((_) => !_.disabled)[0]) == null ? void 0 : f.date))), 1)
+      l("div", Ja, " Last update: " + S(o.computeTime(((y = (d = i.activeTropicals) == null ? void 0 : d.history) == null ? void 0 : y.updated) || ((f = (g = (u = i.activeTropicals) == null ? void 0 : u.forecasts) == null ? void 0 : g.filter((_) => !_.disabled)[0]) == null ? void 0 : f.date))), 1)
     ]),
     l("div", qa, [
       l("div", Ya, [
         l("div", Qa, [
           l("div", Ka, [
             ei,
-            l("span", null, S(((v = (p = i.activeTropicals) == null ? void 0 : p.history) == null ? void 0 : v.kts) || "-") + "[kts]", 1)
+            l("span", null, S(((v = (m = i.activeTropicals) == null ? void 0 : m.history) == null ? void 0 : v.kts) || "-") + "[kts]", 1)
           ]),
           l("div", ti, [
             ai,
@@ -4112,14 +4121,14 @@ function hi(a, e, t, r, i, o) {
           l("div", ri, [
             oi,
             l("div", si, [
-              (L(!0), x(Ae, null, De((k = i.activeTropicals) == null ? void 0 : k.forecasts, (_, E) => {
-                var D, $, W, O;
+              (L(!0), x(Ae, null, De((k = i.activeTropicals) == null ? void 0 : k.forecasts, (_, A) => {
+                var D, $, O, W;
                 return L(), x("div", {
-                  key: E,
+                  key: A,
                   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" : ""
+                    A > 0 && A < (($ = (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(_)
                 }, [
@@ -4141,10 +4150,10 @@ function hi(a, e, t, r, i, o) {
       ])
     ])
   ], 512)), [
-    [Me, i.showTropicals]
+    [$e, i.showTropicals]
   ]);
 }
-const tt = /* @__PURE__ */ T(Ua, [["render", hi], ["__scopeId", "data-v-cc6ebaba"]]);
+const tt = /* @__PURE__ */ T(Ua, [["render", hi], ["__scopeId", "data-v-6528818e"]]);
 const di = {
   name: "IdmPrecip3h",
   props: {
@@ -4181,15 +4190,15 @@ const di = {
   watch: {
     "factor.version": {
       handler() {
-        var a;
-        (a = this.factor) != null && a.active ? this.handleRender() : this.handleClear();
+        var t;
+        (t = this.factor) != null && t.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
     toggleVersion: {
       handler() {
-        var a, e;
-        this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+        var t, e;
+        this.right = (((t = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : t.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
@@ -4201,9 +4210,9 @@ const di = {
           this.handleRender();
         }, 500);
       else if (this.factor) {
-        const a = (/* @__PURE__ */ new Date()).valueOf();
-        let e = 0, t = 0;
-        this.handleDraw(), t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("[precip3h] add elapsed: ", t, ", total: ", e += t);
+        const t = (/* @__PURE__ */ new Date()).valueOf();
+        let e = 0, a = 0;
+        this.handleDraw(), a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("[precip3h] add elapsed: ", a, ", total: ", e += a);
       }
     },
     handleClear() {
@@ -4212,7 +4221,7 @@ const di = {
     handleSetup() {
       if (!this.context) {
         this.context = this.viewport.rampColorCanvas.getContext("webgl");
-        const a = [
+        const t = [
           [0, "rgba(59, 126, 162, 0)"],
           [14 / 255, "rgba(84,170,230, 0)"],
           //1.4mm
@@ -4232,21 +4241,21 @@ const di = {
           //30mm
           [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);
-        this.program = e, this.aPositionBuffer = t;
+        this.rampColor = this.webgl.setup(this.context, t);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, B.vertexSchema, B.fragmentSchema);
+        this.program = e, this.aPositionBuffer = a;
       }
     },
     async handleDraw() {
       if (this.handleSetup(), this.etime !== this.factor.etime) {
         this.etime = this.factor.etime;
-        const a = await this.webgl.loadImg(this.factor.raw);
-        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, a);
+        const t = await this.webgl.loadImg(this.factor.raw);
+        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t);
       }
       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-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 = [
+}, oe = (t) => (U("data-v-dec867b8"), t = t(), G(), t), 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,
@@ -4256,12 +4265,12 @@ const di = {
   vi,
   _i
 ];
-function Li(a, e, t, r, i, o) {
+function Li(t, e, a, r, i, o) {
   var n;
-  return (n = t.factor) != null && n.active ? (L(), x("div", pi, [
+  return (n = a.factor) != null && n.active ? (L(), x("div", pi, [
     l("div", {
       class: "legend-bars flex-center",
-      style: j([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: j([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
     }, wi, 4)
   ])) : N("", !0);
 }
@@ -4301,15 +4310,15 @@ const Ci = {
   watch: {
     "factor.version": {
       handler() {
-        var a;
-        (a = this.factor) != null && a.active ? this.handleRender() : this.handleClear();
+        var t;
+        (t = this.factor) != null && t.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
     toggleVersion: {
       handler() {
-        var a, e;
-        this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+        var t, e;
+        this.right = (((t = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : t.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
@@ -4321,9 +4330,9 @@ const Ci = {
           this.handleRender();
         }, 500);
       else if (this.factor) {
-        const a = (/* @__PURE__ */ new Date()).valueOf();
-        let e = 0, t = 0;
-        this.handleDraw(), t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("[visibility] add elapsed: ", t, ", total: ", e += t);
+        const t = (/* @__PURE__ */ new Date()).valueOf();
+        let e = 0, a = 0;
+        this.handleDraw(), a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("[visibility] add elapsed: ", a, ", total: ", e += a);
       }
     },
     handleClear() {
@@ -4332,7 +4341,7 @@ const Ci = {
     handleSetup() {
       if (!this.context) {
         this.context = this.viewport.rampColorCanvas.getContext("webgl");
-        const a = [
+        const t = [
           [0, "rgba(189,50,160,0.8)"],
           [8 / 255, "rgba(208,56,56,0.8)"],
           //0.8km
@@ -4346,21 +4355,21 @@ const Ci = {
           //16km
           [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);
-        this.program = e, this.aPositionBuffer = t;
+        this.rampColor = this.webgl.setup(this.context, t);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, B.vertexSchema, B.fragmentSchema);
+        this.program = e, this.aPositionBuffer = a;
       }
     },
     async handleDraw() {
       if (this.handleSetup(), this.etime !== this.factor.etime) {
         this.etime = this.factor.etime;
-        const a = await this.webgl.loadImg(this.factor.raw);
-        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, a);
+        const t = await this.webgl.loadImg(this.factor.raw);
+        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t);
       }
       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-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 = [
+}, me = (t) => (U("data-v-952dee5c"), t = t(), G(), t), 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,
@@ -4368,17 +4377,17 @@ const Ci = {
   Ii,
   Ei
 ];
-function Ai(a, e, t, r, i, o) {
+function Ai(t, e, a, r, i, o) {
   var n;
-  return (n = t.factor) != null && n.active ? (L(), x("div", Si, [
+  return (n = a.factor) != null && n.active ? (L(), x("div", Si, [
     l("div", {
       class: "legend-bars flex-center",
-      style: j([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
+      style: j([{ position: "absolute" }, { right: t.right + "px", bottom: a.bottom }])
     }, Ri, 4)
   ])) : N("", !0);
 }
 const Di = /* @__PURE__ */ T(Ci, [["render", Ai], ["__scopeId", "data-v-952dee5c"]]);
-const $i = {
+const Mi = {
   name: "IdmWaterTemp",
   props: {
     factor: {
@@ -4414,15 +4423,15 @@ const $i = {
   watch: {
     "factor.version": {
       handler() {
-        var a;
-        (a = this.factor) != null && a.active ? this.handleRender() : this.handleClear();
+        var t;
+        (t = this.factor) != null && t.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
     toggleVersion: {
       handler() {
-        var a, e;
-        this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+        var t, e;
+        this.right = (((t = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : t.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
@@ -4434,9 +4443,9 @@ const $i = {
           this.handleRender();
         }, 500);
       else if (this.factor) {
-        const a = (/* @__PURE__ */ new Date()).valueOf();
-        let e = 0, t = 0;
-        this.handleDraw(), t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("[water-temp] add elapsed: ", t, ", total: ", e += t);
+        const t = (/* @__PURE__ */ new Date()).valueOf();
+        let e = 0, a = 0;
+        this.handleDraw(), a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("[water-temp] add elapsed: ", a, ", total: ", e += a);
       }
     },
     handleClear() {
@@ -4445,7 +4454,7 @@ const $i = {
     handleSetup() {
       if (!this.context) {
         this.context = this.viewport.rampColorCanvas.getContext("webgl");
-        const a = [
+        const t = [
           [0, "rgba(95, 143, 197)"],
           // -10°C
           [46 / 255, "rgba(95, 143, 197)"],
@@ -4466,38 +4475,38 @@ const $i = {
           [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);
-        this.program = e, this.aPositionBuffer = t;
+        this.rampColor = this.webgl.setup(this.context, t);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, B.vertexSchema, B.fragmentSchema);
+        this.program = e, this.aPositionBuffer = a;
       }
     },
     async handleDraw() {
       if (this.handleSetup(), this.etime !== this.factor.etime) {
         this.etime = this.factor.etime;
-        const a = await this.webgl.loadImg(this.factor.raw);
-        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, a);
+        const t = await this.webgl.loadImg(this.factor.raw);
+        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t);
       }
       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-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)), 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 = (t) => (U("data-v-67e5094b"), t = t(), G(), t), $i = { 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
 ];
-function Ui(a, e, t, r, i, o) {
+function Ui(t, e, a, r, i, o) {
   var n;
-  return (n = t.factor) != null && n.active ? (L(), x("div", Mi, [
+  return (n = a.factor) != null && n.active ? (L(), x("div", $i, [
     l("div", {
       class: "legend-bars flex-center",
-      style: j([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: j([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
     }, Vi, 4)
   ])) : N("", !0);
 }
-const Gi = /* @__PURE__ */ T($i, [["render", Ui], ["__scopeId", "data-v-67e5094b"]]);
+const Gi = /* @__PURE__ */ T(Mi, [["render", Ui], ["__scopeId", "data-v-67e5094b"]]);
 const Hi = {
   name: "IdmTemp",
   props: {
@@ -4534,15 +4543,15 @@ const Hi = {
   watch: {
     "factor.version": {
       handler() {
-        var a;
-        (a = this.factor) != null && a.active ? this.handleRender() : this.handleClear();
+        var t;
+        (t = this.factor) != null && t.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
     toggleVersion: {
       handler() {
-        var a, e;
-        this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+        var t, e;
+        this.right = (((t = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : t.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
@@ -4554,9 +4563,9 @@ const Hi = {
           this.handleRender();
         }, 500);
       else if (this.factor) {
-        const a = (/* @__PURE__ */ new Date()).valueOf();
-        let e = 0, t = 0;
-        this.handleDraw(), t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("[water-temp] add elapsed: ", t, ", total: ", e += t);
+        const t = (/* @__PURE__ */ new Date()).valueOf();
+        let e = 0, a = 0;
+        this.handleDraw(), a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("[water-temp] add elapsed: ", a, ", total: ", e += a);
       }
     },
     handleClear() {
@@ -4565,7 +4574,7 @@ const Hi = {
     handleSetup() {
       if (!this.context) {
         this.context = this.viewport.rampColorCanvas.getContext("webgl");
-        const a = [
+        const t = [
           [0, "rgb(149, 137, 211)"],
           [100 / 255, "rgb(149, 137, 211)"],
           // -20°C
@@ -4589,21 +4598,21 @@ const Hi = {
           // 40
           [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);
-        this.program = e, this.aPositionBuffer = t;
+        this.rampColor = this.webgl.setup(this.context, t);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, B.vertexSchema, B.fragmentSchema);
+        this.program = e, this.aPositionBuffer = a;
       }
     },
     async handleDraw() {
       if (this.handleSetup(), this.etime !== this.factor.etime) {
         this.etime = this.factor.etime;
-        const a = await this.webgl.loadImg(this.factor.raw);
-        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, a);
+        const t = await this.webgl.loadImg(this.factor.raw);
+        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t);
       }
       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-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 = [
+}, se = (t) => (U("data-v-389ea886"), t = t(), G(), t), 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,
@@ -4613,12 +4622,12 @@ const Hi = {
   er,
   tr
 ];
-function ir(a, e, t, r, i, o) {
+function ir(t, e, a, r, i, o) {
   var n;
-  return (n = t.factor) != null && n.active ? (L(), x("div", Zi, [
+  return (n = a.factor) != null && n.active ? (L(), x("div", Zi, [
     l("div", {
       class: "legend-bars flex-center",
-      style: j([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: j([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
     }, ar, 4)
   ])) : N("", !0);
 }
@@ -4659,15 +4668,15 @@ const or = {
   watch: {
     "factor.version": {
       handler() {
-        var a;
-        (a = this.factor) != null && a.active ? this.handleRender() : this.handleClear();
+        var t;
+        (t = this.factor) != null && t.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
     toggleVersion: {
       handler() {
-        var a, e;
-        this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+        var t, e;
+        this.right = (((t = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : t.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
@@ -4679,9 +4688,9 @@ const or = {
           this.handleRender();
         }, 500);
       else if (this.factor) {
-        const a = (/* @__PURE__ */ new Date()).valueOf();
-        let e = 0, t = 0;
-        this.handleDraw(), t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("[water-temp] add elapsed: ", t, ", total: ", e += t);
+        const t = (/* @__PURE__ */ new Date()).valueOf();
+        let e = 0, a = 0;
+        this.handleDraw(), a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("[water-temp] add elapsed: ", a, ", total: ", e += a);
       }
     },
     handleClear() {
@@ -4690,7 +4699,7 @@ const or = {
     handleSetup() {
       if (!this.context) {
         this.context = this.viewport.rampColorCanvas.getContext("webgl");
-        const a = [
+        const t = [
           [0, "rgba(76, 165, 228, 0)"],
           [50 / 255, "rgba(76, 165, 228, 0)"],
           // 0m
@@ -4705,21 +4714,21 @@ const or = {
           [1, "rgb(180, 209, 216)"]
           // 2m
         ];
-        this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, B.vertexSchema, B.fragmentSchema);
-        this.program = e, this.aPositionBuffer = t;
+        this.rampColor = this.webgl.setup(this.context, t);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, B.vertexSchema, B.fragmentSchema);
+        this.program = e, this.aPositionBuffer = a;
       }
     },
     async handleDraw() {
       if (this.handleSetup(), this.etime !== this.factor.etime) {
         this.etime = this.factor.etime;
-        const a = await this.webgl.loadImg(this.factor.raw);
-        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, a);
+        const t = await this.webgl.loadImg(this.factor.raw);
+        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t);
       }
       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-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 = [
+}, ye = (t) => (U("data-v-db805141"), t = t(), G(), t), 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,
@@ -4727,12 +4736,12 @@ const or = {
   dr,
   pr
 ];
-function ur(a, e, t, r, i, o) {
+function ur(t, e, a, r, i, o) {
   var n;
-  return (n = t.factor) != null && n.active ? (L(), x("div", sr, [
+  return (n = a.factor) != null && n.active ? (L(), x("div", sr, [
     l("div", {
       class: "legend-bars flex-center",
-      style: j([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: j([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
     }, mr, 4)
   ])) : N("", !0);
 }
@@ -4778,108 +4787,108 @@ const fr = {
   },
   computed: {
     computeTime() {
-      return function(a) {
-        return a ? `${Q(a).utc().format("MMM-DD,HHmm[Z]")}` : "-";
+      return function(t) {
+        return t ? `${Q(t).utc().format("MMM-DD,HHmm[Z]")}` : "-";
       };
     },
     computeLat() {
-      return function(a, e = 4) {
-        return K.lat2pretty(a, e).pretty;
+      return function(t, e = 4) {
+        return K.lat2pretty(t, e).pretty;
       };
     },
     computeLng() {
-      return function(a, e = 4) {
-        return K.lng2pretty(a, e).pretty;
+      return function(t, e = 4) {
+        return K.lng2pretty(t, e).pretty;
       };
     },
     roundPrecision() {
-      return function(a, e = 4) {
-        return isNaN(a) ? "-" : K.roundPrecision(a, e);
+      return function(t, e = 4) {
+        return isNaN(t) ? "-" : K.roundPrecision(t, e);
       };
     }
   },
   methods: {
     handleBind() {
-      var a, e;
-      this.show ? (a = this.map) == null || a.on("click", this.handleClick) : ((e = this.map) == null || e.off("click", this.handleClick), this.showMeteo = !1);
+      var t, e;
+      this.show ? (t = this.map) == null || t.on("click", this.handleClick) : ((e = this.map) == null || e.off("click", this.handleClick), this.showMeteo = !1);
     },
-    handleClick(a) {
-      a.originalEvent.stopPropagation();
-      const e = a.originalEvent.target.className;
-      e.indexOf("close") > -1 ? this.showMeteo = !1 : e === "more" ? this.$emit("more", this.meteo) : this.$emit("point", a.lngLat);
+    handleClick(t) {
+      t.originalEvent.stopPropagation();
+      const e = t.originalEvent.target.className;
+      e.indexOf("close") > -1 ? this.showMeteo = !1 : e === "more" ? this.$emit("more", this.meteo) : this.$emit("point", t.lngLat);
     },
     handleRender() {
-      var a;
+      var t;
       if (this.meteo) {
         const e = document.getElementById("point-meteo");
-        this.meteoMarker ? (a = this.meteoMarker) == null || a.setLngLat([this.meteo.lng, this.meteo.lat]) : this.meteoMarker = new ie.Marker(e).setLngLat([this.meteo.lng, this.meteo.lat]).addTo(this.map);
+        this.meteoMarker ? (t = this.meteoMarker) == null || t.setLngLat([this.meteo.lng, this.meteo.lat]) : this.meteoMarker = new ie.Marker(e).setLngLat([this.meteo.lng, this.meteo.lat]).addTo(this.map);
       }
     }
   }
-}, J = (a) => (U("data-v-fb5b12d6"), a = a(), G(), a), gr = {
+}, J = (t) => (U("data-v-fb5b12d6"), t = t(), G(), t), 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)), Mr = { class: "flex-space" }, $r = /* @__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" }
 }, Fr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("span", { class: "more" }, "More >>", -1)), Vr = [
   Fr
 ];
-function Ur(a, e, t, r, i, o) {
-  var n, s, c, h, y, d, m, u, g, f, p, v, b, 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;
-  return $e((L(), x("div", gr, [
+function Ur(t, e, a, r, i, o) {
+  var n, s, c, h, p, d, y, u, g, f, m, v, b, w, k, _, A, D, $, O, W, H, X, ee, he, te, R, V, de, q, ne, fe, ge, be, ve, _e, we, Le, xe, Ce, Se, ke, ze, Pe, Te, Ie, Ee;
+  return Me((L(), x("div", gr, [
     l("div", br, [
       l("div", vr, [
         l("div", {
           class: "iconfont close",
           onClick: e[0] || (e[0] = (Ne) => i.showMeteo = !1)
         }, ""),
-        l("div", _r, S(o.computeLat((n = t.meteo) == null ? void 0 : n.lat)) + "," + S(o.computeLng((s = t.meteo) == null ? void 0 : s.lng)), 1),
-        l("div", wr, S(o.computeTime((c = t.meteo) == null ? void 0 : c.utc)), 1)
+        l("div", _r, S(o.computeLat((n = a.meteo) == null ? void 0 : n.lat)) + "," + S(o.computeLng((s = a.meteo) == null ? void 0 : s.lng)), 1),
+        l("div", wr, S(o.computeTime((c = a.meteo) == null ? void 0 : c.utc)), 1)
       ]),
       l("div", Lr, [
         l("div", xr, [
           Cr,
-          l("span", null, S(((y = (h = t.meteo) == null ? void 0 : h.wind) == null ? void 0 : y.direction) || "-") + "/" + S(o.roundPrecision((m = (d = t.meteo) == null ? void 0 : d.wind) == null ? void 0 : m.kts, 1)) + "[kts]/" + S((g = (u = t.meteo) == null ? void 0 : u.wind) == null ? void 0 : g.scale) + "[BF]/" + S(o.roundPrecision((p = (f = t.meteo) == null ? void 0 : f.gusts) == null ? void 0 : p.kts, 1)) + "[kts]", 1)
+          l("span", null, S(((p = (h = a.meteo) == null ? void 0 : h.wind) == null ? void 0 : p.direction) || "-") + "/" + S(o.roundPrecision((y = (d = a.meteo) == null ? void 0 : d.wind) == null ? void 0 : y.kts, 1)) + "[kts]/" + S((g = (u = a.meteo) == null ? void 0 : u.wind) == null ? void 0 : g.scale) + "[BF]/" + S(o.roundPrecision((m = (f = a.meteo) == null ? void 0 : f.gusts) == null ? void 0 : m.kts, 1)) + "[kts]", 1)
         ]),
         l("div", Sr, [
           kr,
-          l("span", null, S(((w = (b = (v = t.meteo) == null ? void 0 : v.wave) == null ? void 0 : b.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 = (b = (v = a.meteo) == null ? void 0 : v.wave) == null ? void 0 : b.wd) == null ? void 0 : w.direction) || "-") + "/" + S(o.roundPrecision((A = (_ = (k = a.meteo) == null ? void 0 : k.wave) == null ? void 0 : _.wd) == null ? void 0 : A.height, 1)) + "[m]/" + S(o.roundPrecision((O = ($ = (D = a.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 = a.meteo) == null ? void 0 : W.wave) == null ? void 0 : H.swell) == null ? void 0 : X.direction) || "-") + "/" + S(o.roundPrecision((te = (he = (ee = a.meteo) == null ? void 0 : ee.wave) == null ? void 0 : he.swell) == null ? void 0 : te.height, 1)) + "[m]/" + S(o.roundPrecision((de = (V = (R = a.meteo) == null ? void 0 : R.wave) == null ? void 0 : V.swell) == null ? void 0 : de.period, 1)) + "[s]", 1)
         ]),
         l("div", Tr, [
           Ir,
-          l("span", null, S(((fe = (ne = (q = t.meteo) == null ? void 0 : q.wave) == null ? void 0 : ne.sig) == null ? void 0 : fe.direction) || "-") + "/" + S(o.roundPrecision((ve = (be = (ge = t.meteo) == null ? void 0 : ge.wave) == null ? void 0 : be.sig) == null ? void 0 : ve.height, 1)) + "[m]/" + S(o.roundPrecision((Le = (we = (_e = t.meteo) == null ? void 0 : _e.wave) == null ? void 0 : we.sig) == null ? void 0 : Le.period, 1)) + "[s]", 1)
+          l("span", null, S(((fe = (ne = (q = a.meteo) == null ? void 0 : q.wave) == null ? void 0 : ne.sig) == null ? void 0 : fe.direction) || "-") + "/" + S(o.roundPrecision((ve = (be = (ge = a.meteo) == null ? void 0 : ge.wave) == null ? void 0 : be.sig) == null ? void 0 : ve.height, 1)) + "[m]/" + S(o.roundPrecision((Le = (we = (_e = a.meteo) == null ? void 0 : _e.wave) == null ? void 0 : we.sig) == null ? void 0 : Le.period, 1)) + "[s]", 1)
         ]),
         l("div", Er, [
           Rr,
-          l("span", null, S(((Ce = (xe = t.meteo) == null ? void 0 : xe.current) == null ? void 0 : Ce.direction) || "-") + "/" + S(o.roundPrecision((ke = (Se = t.meteo) == null ? void 0 : Se.current) == null ? void 0 : ke.kts, 2)) + "[kts]", 1)
+          l("span", null, S(((Ce = (xe = a.meteo) == null ? void 0 : xe.current) == null ? void 0 : Ce.direction) || "-") + "/" + S(o.roundPrecision((ke = (Se = a.meteo) == null ? void 0 : Se.current) == null ? void 0 : ke.kts, 2)) + "[kts]", 1)
         ]),
         l("div", Ar, [
           Dr,
-          l("span", null, S(o.roundPrecision((Pe = (ze = t.meteo) == null ? void 0 : ze.precip) == null ? void 0 : Pe.inter6h, 2)) + "[mm]", 1)
+          l("span", null, S(o.roundPrecision((Pe = (ze = a.meteo) == null ? void 0 : ze.precip) == null ? void 0 : Pe.inter6h, 2)) + "[mm]", 1)
         ]),
-        l("div", $r, [
-          Mr,
-          l("span", null, S(o.roundPrecision(((Te = t.meteo) == null ? void 0 : Te.visibility) / 1852, 0)) + "[nm]", 1)
+        l("div", Mr, [
+          $r,
+          l("span", null, S(o.roundPrecision(((Te = a.meteo) == null ? void 0 : Te.visibility) / 1852, 0)) + "[nm]", 1)
         ]),
         l("div", Br, [
           Nr,
-          l("span", null, S(o.roundPrecision((Ie = t.meteo) == null ? void 0 : Ie.temp, 0)) + "[°C]", 1)
+          l("span", null, S(o.roundPrecision((Ie = a.meteo) == null ? void 0 : Ie.temp, 0)) + "[°C]", 1)
         ]),
-        l("div", Wr, [
-          Or,
-          l("span", null, S(o.roundPrecision((Ee = t.meteo) == null ? void 0 : Ee.waterTemp, 2)) + "[°C]", 1)
+        l("div", Or, [
+          Wr,
+          l("span", null, S(o.roundPrecision((Ee = a.meteo) == null ? void 0 : Ee.waterTemp, 2)) + "[°C]", 1)
         ])
       ]),
-      a.$attrs.permission & i.helper.LEVEL.Prime ? (L(), x("div", jr, Vr)) : N("", !0)
+      t.$attrs.permission & i.helper.LEVEL.Prime ? (L(), x("div", jr, Vr)) : N("", !0)
     ])
   ], 512)), [
-    [Me, i.showMeteo]
+    [$e, i.showMeteo]
   ]);
 }
 const Gr = /* @__PURE__ */ T(fr, [["render", Ur], ["__scopeId", "data-v-fb5b12d6"]]), Hr = {
@@ -4972,7 +4981,7 @@ const Gr = /* @__PURE__ */ T(fr, [["render", Ur], ["__scopeId", "data-v-fb5b12d6
     }
   }
 };
-function Zr(a, e, t, r, i, o) {
+function Zr(t, e, a, r, i, o) {
   return L(), x("div");
 }
 const Xr = /* @__PURE__ */ T(Hr, [["render", Zr]]), Jr = {
@@ -5095,7 +5104,7 @@ const Xr = /* @__PURE__ */ T(Hr, [["render", Zr]]), Jr = {
     }
   }
 };
-function qr(a, e, t, r, i, o) {
+function qr(t, e, a, r, i, o) {
   return L(), x("div");
 }
 const Yr = /* @__PURE__ */ T(Jr, [["render", qr]]), Qr = {
@@ -5127,8 +5136,8 @@ const Yr = /* @__PURE__ */ T(Jr, [["render", qr]]), Qr = {
   },
   methods: {
     handleRender() {
-      var a;
-      this.map ? (this.handleClear(), this.zone && (this.map.getSource(this.source) ? (a = this.map) == null || a.getSource(this.source).setData(this.zone) : (this.map.addSource(this.source, {
+      var t;
+      this.map ? (this.handleClear(), this.zone && (this.map.getSource(this.source) ? (t = this.map) == null || t.getSource(this.source).setData(this.zone) : (this.map.addSource(this.source, {
         type: "geojson",
         data: this.zone
       }), this.map.addLayer({
@@ -5186,7 +5195,7 @@ const Yr = /* @__PURE__ */ T(Jr, [["render", qr]]), Qr = {
     }
   }
 };
-function Kr(a, e, t, r, i, o) {
+function Kr(t, e, a, r, i, o) {
   return L(), x("div");
 }
 const eo = /* @__PURE__ */ T(Qr, [["render", Kr]]);
@@ -5218,23 +5227,23 @@ const to = {
   watch: {
     zone: {
       handler() {
-        var a, e;
-        this.zone ? (this.handleRender(), (a = this.map) == null || a.on("click", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleClick)) : (this.handleClear(), (e = this.map) == null || e.off("click", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleClick));
+        var t, e;
+        this.zone ? (this.handleRender(), (t = this.map) == null || t.on("click", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleClick)) : (this.handleClear(), (e = this.map) == null || e.off("click", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleClick));
       }
     }
   },
   methods: {
-    handleClick(a) {
+    handleClick(t) {
       var r;
-      const e = a.features[0], t = (r = this.zone) == null ? void 0 : r.features.filter((i) => {
+      const e = t.features[0], a = (r = this.zone) == null ? void 0 : r.features.filter((i) => {
         var o;
         return i.properties.id === ((o = e == null ? void 0 : e.properties) == null ? void 0 : o.id);
       })[0];
-      t && (this.showZone = !0, this.form = { ...t.properties });
+      a && (this.showZone = !0, this.form = { ...a.properties });
     },
     handleRender() {
-      var a;
-      this.map ? (this.handleClear(), this.zone && (this.map.getSource(this.source) ? (a = this.map) == null || a.getSource(this.source).setData(this.zone) : (this.map.addSource(this.source, {
+      var t;
+      this.map ? (this.handleClear(), this.zone && (this.map.getSource(this.source) ? (t = this.map) == null || t.getSource(this.source).setData(this.zone) : (this.map.addSource(this.source, {
         type: "geojson",
         data: this.zone
       }), this.map.addLayer({
@@ -5317,9 +5326,9 @@ const to = {
     }
   }
 }, ao = { id: "zone-info" }, io = ["innerHTML"];
-function ro(a, e, t, r, i, o) {
+function ro(t, e, a, r, i, o) {
   var n;
-  return $e((L(), x("div", ao, [
+  return Me((L(), x("div", ao, [
     l("div", {
       class: "iconfont close",
       onClick: e[0] || (e[0] = (s) => i.showZone = !1)
@@ -5329,7 +5338,7 @@ function ro(a, e, t, r, i, o) {
       innerHTML: (n = i.form) == null ? void 0 : n.name
     }, null, 8, io)
   ], 512)), [
-    [Me, i.showZone]
+    [$e, i.showZone]
   ]);
 }
 const oo = /* @__PURE__ */ T(to, [["render", ro], ["__scopeId", "data-v-c0864afc"]]);
@@ -5358,43 +5367,43 @@ const so = {
   },
   computed: {
     computeLat() {
-      return function(a) {
-        return K.lat2pretty(a, 4).pretty;
+      return function(t) {
+        return K.lat2pretty(t, 4).pretty;
       };
     },
     computeLng() {
-      return function(a) {
-        return K.lng2pretty(a, 4).pretty;
+      return function(t) {
+        return K.lng2pretty(t, 4).pretty;
       };
     }
   },
   watch: {
     port: {
       handler() {
-        var a, e;
-        this.port ? (this.handleRender(), (a = this.map) == null || a.on("click", [this.layer], this.handleClick)) : (this.handleClear(), (e = this.map) == null || e.off("click", [this.layer], this.handleClick));
+        var t, e;
+        this.port ? (this.handleRender(), (t = this.map) == null || t.on("click", [this.layer], this.handleClick)) : (this.handleClear(), (e = this.map) == null || e.off("click", [this.layer], this.handleClick));
       }
     }
   },
   methods: {
-    handleClick(a) {
+    handleClick(t) {
       var r;
-      const e = a.features[0], t = (r = this.port) == null ? void 0 : r.features.filter((i) => {
+      const e = t.features[0], a = (r = this.port) == null ? void 0 : r.features.filter((i) => {
         var o;
         return i.properties.id === ((o = e == null ? void 0 : e.properties) == null ? void 0 : o.id);
       })[0];
-      if (t) {
-        this.showPort = !0, this.form = { ...t.properties }, this.form.lng = t.geometry.coordinates[0], this.form.lat = t.geometry.coordinates[1];
+      if (a) {
+        this.showPort = !0, this.form = { ...a.properties }, this.form.lng = a.geometry.coordinates[0], this.form.lat = a.geometry.coordinates[1];
         const i = document.getElementById("port-info");
-        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new ie.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
+        this.marker ? this.marker.setLngLat([t.lngLat.lng, t.lngLat.lat]) : this.marker = new ie.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
       }
     },
     handleEmit() {
       this.$emit("port", this.form);
     },
     handleRender() {
-      var a;
-      this.map ? this.port && (this.map.getSource(this.source) ? (a = this.map) == null || a.getSource(this.source).setData(this.port) : (this.map.addSource(this.source, {
+      var t;
+      this.map ? this.port && (this.map.getSource(this.source) ? (t = this.map) == null || t.getSource(this.source).setData(this.port) : (this.map.addSource(this.source, {
         type: "geojson",
         data: this.port
       }), this.map.addLayer({
@@ -5425,12 +5434,12 @@ 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-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 = {
+}, Be = (t) => (U("data-v-30e545a2"), t = t(), G(), t), 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));
-function bo(a, e, t, r, i, o) {
-  return $e((L(), x("div", no, [
+function bo(t, e, a, r, i, o) {
+  return Me((L(), x("div", no, [
     l("div", {
       class: "close iconfont",
       onClick: e[0] || (e[0] = (n) => i.showPort = !1)
@@ -5456,7 +5465,7 @@ function bo(a, e, t, r, i, o) {
       ])
     ])
   ], 512)), [
-    [Me, i.showPort]
+    [$e, i.showPort]
   ]);
 }
 const vo = /* @__PURE__ */ T(so, [["render", bo], ["__scopeId", "data-v-30e545a2"]]), _o = {
@@ -5529,7 +5538,7 @@ const vo = /* @__PURE__ */ T(so, [["render", bo], ["__scopeId", "data-v-30e545a2
     }
   }
 };
-function wo(a, e, t, r, i, o) {
+function wo(t, e, a, r, i, o) {
   return L(), x("div");
 }
 const Lo = /* @__PURE__ */ T(_o, [["render", wo]]), xo = {
@@ -5697,7 +5706,7 @@ const Lo = /* @__PURE__ */ T(_o, [["render", wo]]), xo = {
     }
   }
 };
-function Co(a, e, t, r, i, o) {
+function Co(t, e, a, r, i, o) {
   return L(), x("div");
 }
 const So = /* @__PURE__ */ T(xo, [["render", Co]]), ko = {
@@ -5788,7 +5797,7 @@ const So = /* @__PURE__ */ T(xo, [["render", Co]]), ko = {
     }
   }
 };
-function zo(a, e, t, r, i, o) {
+function zo(t, e, a, r, i, o) {
   return L(), x("div");
 }
 const Po = /* @__PURE__ */ T(ko, [["render", zo]]), To = {
@@ -5820,8 +5829,8 @@ const Po = /* @__PURE__ */ T(ko, [["render", zo]]), To = {
   },
   methods: {
     handleRender() {
-      this.map ? (this.handleClear(), this.area && (this.area.features.forEach((a) => {
-        a.geometry.type === "Polygon" && a.geometry.coordinates.forEach((e) => st(e));
+      this.map ? (this.handleClear(), this.area && (this.area.features.forEach((t) => {
+        t.geometry.type === "Polygon" && t.geometry.coordinates.forEach((e) => st(e));
       }), this.map.addSource(this.source, {
         type: "geojson",
         data: this.area
@@ -5881,7 +5890,7 @@ const Po = /* @__PURE__ */ T(ko, [["render", zo]]), To = {
     }
   }
 };
-function Io(a, e, t, r, i, o) {
+function Io(t, e, a, r, i, o) {
   return L(), x("div");
 }
 const Eo = /* @__PURE__ */ T(To, [["render", Io]]), Ro = {
@@ -5933,11 +5942,11 @@ const Eo = /* @__PURE__ */ T(To, [["render", Io]]), Ro = {
     }
   }
 };
-function Ao(a, e, t, r, i, o) {
+function Ao(t, e, a, r, i, o) {
   return L(), x("div");
 }
 const Do = /* @__PURE__ */ T(Ro, [["render", Ao]]);
-const $o = {
+const Mo = {
   name: "IdmLatLng",
   props: {
     map: {
@@ -5976,37 +5985,37 @@ const $o = {
     },
     map: {
       handler() {
-        var a;
-        this.map && ((a = this.map) == null || a.on("mousemove", this.handleMouseMove));
+        var t;
+        this.map && ((t = this.map) == null || t.on("mousemove", this.handleMouseMove));
       },
       immediate: !0
     },
     toggleVersion: {
       handler() {
-        var a, e, t;
-        this.right = (((a = document.getElementsByClassName("legend-bars")[0]) == null ? void 0 : a.clientWidth) || -10) + (((e = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : e.clientWidth) || 0) + (((t = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : t.clientWidth) || 0) + 20;
+        var t, e, a;
+        this.right = (((t = document.getElementsByClassName("legend-bars")[0]) == null ? void 0 : t.clientWidth) || -10) + (((e = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : e.clientWidth) || 0) + (((a = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : a.clientWidth) || 0) + 20;
       },
       immediate: !0
     }
   },
   methods: {
     handleBind() {
-      var a, e;
-      this.show ? ((a = this.map) == null || a.on("zoomend", this.handleZoomEnd), this.handleRender()) : (this.handleClear(), (e = this.map) == null || e.off("zoomend", this.handleZoomEnd));
+      var t, e;
+      this.show ? ((t = this.map) == null || t.on("zoomend", this.handleZoomEnd), this.handleRender()) : (this.handleClear(), (e = this.map) == null || e.off("zoomend", this.handleZoomEnd));
     },
-    handleMouseMove(a) {
-      const e = a.lngLat, t = K.lng2pretty(e.lng, 2), r = K.lat2pretty(e.lat, 2);
-      this.lngLat = { lng: t, lat: r };
+    handleMouseMove(t) {
+      const e = t.lngLat, a = K.lng2pretty(e.lng, 2), r = K.lat2pretty(e.lat, 2);
+      this.lngLat = { lng: a, lat: r };
     },
     handleComputeLatLngs() {
       var r;
-      const a = (r = this.map) == null ? void 0 : r.getZoom();
-      console.log(a);
+      const t = (r = this.map) == null ? void 0 : r.getZoom();
+      console.log(t);
       let e = 30;
-      a > 4 ? e = 10 : a > 3 && (e = 15);
-      const t = [];
+      t > 4 ? e = 10 : t > 3 && (e = 15);
+      const a = [];
       for (let i = -60; i < 90; i += e)
-        t.push({
+        a.push({
           type: "Feature",
           geometry: {
             type: "LineString",
@@ -6017,7 +6026,7 @@ const $o = {
           }
         });
       for (let i = -180; i < 180; i += e)
-        t.push({
+        a.push({
           type: "Feature",
           geometry: {
             type: "LineString",
@@ -6029,7 +6038,7 @@ const $o = {
         });
       for (let i = 180; i > -180; i -= e)
         for (let o = -60; o < 90; o += e)
-          t.push({
+          a.push({
             type: "Feature",
             geometry: {
               type: "Point",
@@ -6039,21 +6048,21 @@ const $o = {
               val: `${o > 0 ? o + " N" : o === 0 ? o : o * -1 + " S"}, ${i > 0 ? i + " E" : i * -1 + " W"}`
             }
           });
-      return t;
+      return a;
     },
     handleZoomEnd() {
       var e;
-      const a = this.handleComputeLatLngs();
-      (e = this.map) == null || e.getSource(this.source).setData(C.featureCollection(a));
+      const t = this.handleComputeLatLngs();
+      (e = this.map) == null || e.getSource(this.source).setData(C.featureCollection(t));
     },
     handleRender() {
       if (this.map) {
-        const a = this.handleComputeLatLngs();
+        const t = this.handleComputeLatLngs();
         this.map.addSource(this.source, {
           type: "geojson",
           data: {
             type: "FeatureCollection",
-            features: a
+            features: t
           }
         }), this.map.addLayer({
           id: this.layer,
@@ -6088,23 +6097,23 @@ const $o = {
       }
     },
     handleClear() {
-      var a, e, t, r, i, 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));
+      var t, e, a, r, i, o;
+      (t = this.map) != null && t.getLayer(this.layer) && ((e = this.map) == null || e.removeLayer(this.layer)), (a = this.map) != null && a.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-51cc4052"), a = a(), G(), a), Bo = /* @__PURE__ */ Mo(() => /* @__PURE__ */ l("span", null, ", ", -1));
-function No(a, e, t, r, i, o) {
+}, $o = (t) => (U("data-v-51cc4052"), t = t(), G(), t), Bo = /* @__PURE__ */ $o(() => /* @__PURE__ */ l("span", null, ", ", -1));
+function No(t, e, a, r, i, o) {
   return i.lngLat ? (L(), x("div", {
     key: 0,
     class: "lat-lng-tip",
-    style: j({ right: i.right + "px", bottom: t.bottom })
+    style: j({ right: i.right + "px", bottom: a.bottom })
   }, [
     l("span", null, S(i.lngLat.lat.pretty), 1),
     Bo,
     l("span", null, S(i.lngLat.lng.pretty), 1)
   ], 4)) : N("", !0);
 }
-const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-51cc4052"]]), Wo = {
+const at = /* @__PURE__ */ T(Mo, [["render", No], ["__scopeId", "data-v-51cc4052"]]), Oo = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -6145,82 +6154,82 @@ const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-51cc4052
   },
   methods: {
     handleBind() {
-      var a, e, t, r, i, o, n, s, c, h;
+      var t, e, a, r, i, o, n, s, c, h;
       if (this.show)
-        (a = this.map) == null || a.getCanvas().addEventListener("keydown", this.handleKeydown), (e = this.map) == null || e.on("mousemove", this.handleMove), (t = this.map) == null || t.on("dblclick", this.handleDblClick), (r = this.map) == null || r.on("click", this.handleClick), (i = this.map) == null || i.on("contextmenu", this.handleContextmenu), this.map && (this.map.getCanvas().style.cursor = "crosshair");
+        (t = this.map) == null || t.getCanvas().addEventListener("keydown", this.handleKeydown), (e = this.map) == null || e.on("mousemove", this.handleMove), (a = this.map) == null || a.on("dblclick", this.handleDblClick), (r = this.map) == null || r.on("click", this.handleClick), (i = this.map) == null || i.on("contextmenu", this.handleContextmenu), this.map && (this.map.getCanvas().style.cursor = "crosshair");
       else {
         (o = this.map) == null || o.getCanvas().removeEventListener("keydown", this.handleKeydown), (n = this.map) == null || n.off("mousemove", this.handleMove), (s = this.map) == null || s.off("dblclick", this.handleDblClick), (c = this.map) == null || c.off("click", this.handleClick), (h = this.map) == null || h.off("contextmenu", this.handleContextmenu);
-        for (const y of this.geojson)
-          this.handleClear(y, !0);
+        for (const p of this.geojson)
+          this.handleClear(p, !0);
         this.geojson = [], this.map && (this.map.getCanvas().style.cursor = "grab");
       }
     },
-    handleKeydown(a) {
-      if (a.key === "Shift") {
+    handleKeydown(t) {
+      if (t.key === "Shift") {
         this.navigation = this.navigation === "RL" ? "GC" : "RL";
-        const t = this.geojson.at(-1).features.filter((r) => r.geometry.type === "Point");
-        t.length && (t.at(-1).properties.mode = this.navigation);
+        const a = this.geojson.at(-1).features.filter((r) => r.geometry.type === "Point");
+        a.length && (a.at(-1).properties.mode = this.navigation);
       }
     },
-    handleDrag(a) {
-      var t, r, i, o, n, s, c, h, y, d;
-      const e = (r = (t = a.target) == null ? void 0 : t._element) == null ? void 0 : r.id;
+    handleDrag(t) {
+      var a, r, i, o, n, s, c, h, p, d;
+      const e = (r = (a = t.target) == null ? void 0 : a._element) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
-        const m = this.geojson.filter((p) => p.id === e.split("-")[0])[0];
-        this.pointMarkers[m.id].filter((p) => {
+        const y = this.geojson.filter((m) => m.id === e.split("-")[0])[0];
+        this.pointMarkers[y.id].filter((m) => {
           var v;
-          return ((v = p._element) == null ? void 0 : v.id) === e;
-        })[0].setLngLat([(o = (i = a.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (s = (n = a.target) == null ? void 0 : n._lngLat) == null ? void 0 : s.lat]);
+          return ((v = m._element) == null ? void 0 : v.id) === e;
+        })[0].setLngLat([(o = (i = t.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (s = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : s.lat]);
         let g;
-        m.features.forEach((p, v) => {
-          if (p.geometry.type === "Point" && p.properties.id == e.split("-")[1]) {
+        y.features.forEach((m, v) => {
+          if (m.geometry.type === "Point" && m.properties.id == e.split("-")[1]) {
             g = v;
             return;
           }
         });
-        const f = m.features.filter((p) => p.geometry.type === "Point");
+        const f = y.features.filter((m) => m.geometry.type === "Point");
         this.handleTmpPointUpdate(
-          m,
+          y,
           f[g - 1],
-          { lng: (h = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, lat: (d = (y = a.target) == null ? void 0 : y._lngLat) == null ? void 0 : d.lat, properties: f[g].properties },
+          { lng: (h = (c = t.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, lat: (d = (p = t.target) == null ? void 0 : p._lngLat) == null ? void 0 : d.lat, properties: f[g].properties },
           g === f.length - 1 ? void 0 : f[g + 1]
         );
       }
     },
-    handleDragEnd(a) {
-      var t, r, i, o, n, s, c, h, y, d;
-      const e = (r = (t = a.target) == null ? void 0 : t._element) == null ? void 0 : r.id;
+    handleDragEnd(t) {
+      var a, r, i, o, n, s, c, h, p, d;
+      const e = (r = (a = t.target) == null ? void 0 : a._element) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
-        const m = this.geojson.filter((f) => f.id === e.split("-")[0])[0];
-        this.pointMarkers[m.id].filter((f) => {
-          var p;
-          return ((p = f._element) == null ? void 0 : p.id) === e;
-        })[0].setLngLat([(o = (i = a.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (s = (n = a.target) == null ? void 0 : n._lngLat) == null ? void 0 : s.lat]);
-        const g = m.features.filter((f) => f.geometry.type === "Point" && f.properties.id == e.split("-")[1])[0];
-        g.geometry.coordinates = [(h = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, (d = (y = a.target) == null ? void 0 : y._lngLat) == null ? void 0 : d.lat], m.features = m.features.filter((f) => f.geometry.type === "Point"), this.handlePointUpdate(m);
+        const y = this.geojson.filter((f) => f.id === e.split("-")[0])[0];
+        this.pointMarkers[y.id].filter((f) => {
+          var m;
+          return ((m = f._element) == null ? void 0 : m.id) === e;
+        })[0].setLngLat([(o = (i = t.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (s = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : s.lat]);
+        const g = y.features.filter((f) => f.geometry.type === "Point" && f.properties.id == e.split("-")[1])[0];
+        g.geometry.coordinates = [(h = (c = t.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, (d = (p = t.target) == null ? void 0 : p._lngLat) == null ? void 0 : d.lat], y.features = y.features.filter((f) => f.geometry.type === "Point"), this.handlePointUpdate(y);
       }
     },
-    handleContextmenu(a) {
-      var t, r, i, o;
-      a.preventDefault(), (t = this.contextmenu) == null || t.remove();
-      const e = (o = (i = (r = a.originalEvent) == null ? void 0 : r.target) == null ? void 0 : i.parentElement) == null ? void 0 : o.id;
+    handleContextmenu(t) {
+      var a, r, i, o;
+      t.preventDefault(), (a = this.contextmenu) == null || a.remove();
+      const e = (o = (i = (r = t.originalEvent) == null ? void 0 : r.target) == null ? void 0 : i.parentElement) == null ? void 0 : o.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const s = this.geojson.filter((c) => c.id === e.split("-")[0])[0].features.filter((c) => c.geometry.type === "Point");
         if (s.length > 2 && s.filter((h) => h.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
           const h = document.createElement("div");
-          h.className = "point-contextmenu-marker", h.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new ie.Marker(h).setOffset([24, 0]).setLngLat([a.lngLat.lng, a.lngLat.lat]).addTo(this.map);
+          h.className = "point-contextmenu-marker", h.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new ie.Marker(h).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
         }
       }
     },
-    handleClick(a) {
-      var t, r, i, o, n;
-      (t = this.contextmenu) == null || t.remove();
-      const e = a.originalEvent.target.className;
+    handleClick(t) {
+      var a, r, i, o, n;
+      (a = this.contextmenu) == null || a.remove();
+      const e = t.originalEvent.target.className;
       if (e === "marker-close") {
-        const s = (i = (r = a.originalEvent) == null ? void 0 : r.srcElement) == null ? void 0 : i.id, c = this.geojson.filter((h) => h.id === s)[0];
+        const s = (i = (r = t.originalEvent) == null ? void 0 : r.srcElement) == null ? void 0 : i.id, c = this.geojson.filter((h) => h.id === s)[0];
         c && this.handleClear(c, !0), this.geojson = this.geojson.filter((h) => h.id !== s);
       } else if (e === "del-point") {
-        const s = (n = (o = a.originalEvent.target.id) == null ? void 0 : o.replace("del-", "")) == null ? void 0 : n.split("-"), c = this.geojson.filter((h) => h.id === s[0])[0];
+        const s = (n = (o = t.originalEvent.target.id) == null ? void 0 : o.replace("del-", "")) == null ? void 0 : n.split("-"), c = this.geojson.filter((h) => h.id === s[0])[0];
         c.features = c.features.filter((h) => h.geometry.type === "Point" && h.properties.id !== s[1]), this.handlePointUpdate(c);
       } else if (e !== "marker-label") {
         let s = this.geojson.at(-1);
@@ -6228,7 +6237,7 @@ const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-51cc4052
         const c = C.feature(
           {
             type: "Point",
-            coordinates: [a.lngLat.lng, a.lngLat.lat]
+            coordinates: [t.lngLat.lng, t.lngLat.lat]
           },
           {
             id: (/* @__PURE__ */ new Date()).getTime().toString(),
@@ -6238,41 +6247,41 @@ const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-51cc4052
         s.features.push(c), this.handlePointUpdate(s);
       }
     },
-    handlePointUpdate(a) {
-      const e = a.features;
+    handlePointUpdate(t) {
+      const e = t.features;
       if (e.length > 1) {
-        let t = 0;
+        let a = 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);
-          t = K.roundPrecision(t + y, 2);
-          let m;
-          s.mode === "RL" ? m = pe([c, h]) : m = pe(je(c, h, 200));
-          const u = C.lineString(m.map((g) => [g.lng, g.lat]));
-          u.properties.dist = y, u.properties.bearing = d, u.properties.total = t, r.push(u);
+          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] }, p = Oe(c, h, s.mode === "RL", 2), d = We(c, h, s.mode === "RL", 2);
+          a = K.roundPrecision(a + p, 2);
+          let y;
+          s.mode === "RL" ? y = pe([c, h]) : y = pe(je(c, h, 200));
+          const u = C.lineString(y.map((g) => [g.lng, g.lat]));
+          u.properties.dist = p, u.properties.bearing = d, u.properties.total = a, r.push(u);
         }
-        e.push(...r), a.total = t;
+        e.push(...r), t.total = a;
       }
-      return this.handleRender(a), a;
+      return this.handleRender(t), t;
     },
-    handleTmpPointUpdate(a, e, t, r) {
+    handleTmpPointUpdate(t, e, a, r) {
       const i = C.featureCollection([]);
       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);
+        const c = e.properties, h = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, p = { lng: a.lng, lat: a.lat };
+        o = Oe(h, p, c.mode === "RL", 2), n = We(h, p, 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]));
-        m.properties.dist = o, m.properties.bearing = n, i.features.push(m);
+        c.mode === "RL" ? d = pe([h, p]) : d = pe(je(h, p, 200));
+        const y = C.lineString(d.map((u) => [u.lng, u.lat]));
+        y.properties.dist = o, y.properties.bearing = n, i.features.push(y);
       }
       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);
+        const c = a.properties, h = a, p = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
+        o = Oe(h, p, c.mode === "RL", 2), n = We(h, p, 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]));
-        m.properties.dist = o, m.properties.bearing = n, i.features.push(m);
+        c.mode === "RL" ? d = pe([h, p]) : d = pe(je(h, p, 200));
+        const y = C.lineString(d.map((u) => [u.lng, u.lat]));
+        y.properties.dist = o, y.properties.bearing = n, i.features.push(y);
       }
       this.map.getSource(this.tmpSource) ? this.map.getSource(this.tmpSource).setData(i) : this.map.addSource(this.tmpSource, {
         type: "geojson",
@@ -6312,36 +6321,36 @@ const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-51cc4052
         }
       });
       let s;
-      if (r ? s = '<div class="marker-label">Drag and drop</div>' : s = `<div class="marker-label">Tol distance: <b>${K.roundPrecision((a.total ?? 0) + o, 2)}</b>nm, bearing: <b>${n}</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 = s, this.tipMarker.setLngLat([t.lng, t.lat]);
+      if (r ? s = '<div class="marker-label">Drag and drop</div>' : s = `<div class="marker-label">Tol distance: <b>${K.roundPrecision((t.total ?? 0) + o, 2)}</b>nm, bearing: <b>${n}</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 = s, this.tipMarker.setLngLat([a.lng, a.lat]);
       else {
         const c = document.createElement("div");
-        c.className = "tip-marker", c.innerHTML = s, this.tipMarker = new ie.Marker(c).setOffset([140, 0]).setLngLat([t.lng, t.lat]).addTo(this.map);
+        c.className = "tip-marker", c.innerHTML = s, this.tipMarker = new ie.Marker(c).setOffset([140, 0]).setLngLat([a.lng, a.lat]).addTo(this.map);
       }
     },
-    handleMove(a) {
+    handleMove(t) {
       this.map.getCanvas().style.cursor = "crosshair";
       let e = this.geojson.at(-1);
       e || (e = C.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e));
-      const t = e.features.filter((r) => r.geometry.type === "Point");
-      t != null && t.length && this.handleTmpPointUpdate(e, t.at(-1), { lng: a.lngLat.lng, lat: a.lngLat.lat });
+      const a = e.features.filter((r) => r.geometry.type === "Point");
+      a != null && a.length && this.handleTmpPointUpdate(e, a.at(-1), { lng: t.lngLat.lng, lat: t.lngLat.lat });
     },
-    handleDblClick(a) {
-      a.preventDefault();
+    handleDblClick(t) {
+      t.preventDefault();
       let e = this.geojson.at(-1);
       e.closed = !0, this.handleRender(e), e = C.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e);
     },
-    handleRender(a) {
+    handleRender(t) {
       var e;
-      if ((e = a == null ? void 0 : a.features) != null && e.length) {
-        const t = `${a.id}-${this.source}`, r = `${a.id}-${this.layer}`, i = `${a.id}-${this.labelLayer}`;
-        this.map.getSource(t) ? this.map.getSource(t).setData(a) : this.map.addSource(t, {
+      if ((e = t == null ? void 0 : t.features) != null && e.length) {
+        const a = `${t.id}-${this.source}`, r = `${t.id}-${this.layer}`, i = `${t.id}-${this.labelLayer}`;
+        this.map.getSource(a) ? this.map.getSource(a).setData(t) : this.map.addSource(a, {
           type: "geojson",
-          data: a
-        }), this.handleClear(a, !1), this.map.addLayer({
+          data: t
+        }), this.handleClear(t, !1), this.map.addLayer({
           id: r,
           type: "line",
-          source: t,
+          source: a,
           filter: ["==", "$type", "LineString"],
           layout: {
             "line-cap": "round",
@@ -6354,7 +6363,7 @@ const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-51cc4052
         }), this.map.addLayer({
           id: i,
           type: "symbol",
-          source: t,
+          source: a,
           filter: ["==", "$type", "LineString"],
           layout: {
             "symbol-placement": "line-center",
@@ -6370,32 +6379,32 @@ const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-51cc4052
             "text-halo-blur": 0
           }
         });
-        const o = a.features.filter((n) => n.geometry.type === "Point");
+        const o = t.features.filter((n) => n.geometry.type === "Point");
         for (const n of o) {
           const s = document.createElement("div");
-          s.id = `${a.id}-${n.properties.id}`, s.className = `${a.closed ? "point-marker closed" : "point-marker"}`, s.innerHTML = '<div class="marker-circle"></div>';
+          s.id = `${t.id}-${n.properties.id}`, s.className = `${t.closed ? "point-marker closed" : "point-marker"}`, s.innerHTML = '<div class="marker-circle"></div>';
           const c = new ie.Marker({ element: s, draggable: !0, contextmenu: !0 }).setLngLat(n.geometry.coordinates).addTo(this.map);
-          c.on("drag", this.handleDrag), c.on("dragend", this.handleDragEnd), this.pointMarkers[a.id] ? this.pointMarkers[a.id].push(c) : this.pointMarkers[a.id] = [c];
+          c.on("drag", this.handleDrag), c.on("dragend", this.handleDragEnd), this.pointMarkers[t.id] ? this.pointMarkers[t.id].push(c) : this.pointMarkers[t.id] = [c];
         }
-        if (a.closed) {
-          const n = o.at(-1), c = a.features.filter((y) => y.geometry.type === "LineString").at(-1), h = document.createElement("div");
-          h.className = "point-summary-marker", h.innerHTML = `<div id="${a.id}" class="marker-close">×</div><div class="marker-label">Tol: ${c.properties.total}nm</div>`, this.closeMarkers[a.id] = new ie.Marker(h).setOffset([60, 0]).setLngLat(n.geometry.coordinates).addTo(this.map);
+        if (t.closed) {
+          const n = o.at(-1), c = t.features.filter((p) => p.geometry.type === "LineString").at(-1), h = document.createElement("div");
+          h.className = "point-summary-marker", h.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">Tol: ${c.properties.total}nm</div>`, this.closeMarkers[t.id] = new ie.Marker(h).setOffset([60, 0]).setLngLat(n.geometry.coordinates).addTo(this.map);
         }
       }
     },
-    handleClear(a, e = !0) {
-      var o, n, s, c, h, y, d, m, u;
-      const t = `${a.id}-${this.source}`, r = `${a.id}-${this.layer}`, i = `${a.id}-${this.labelLayer}`;
-      (o = this.map) != null && o.getLayer(r) && this.map.removeLayer(r), (n = this.map) != null && n.getLayer(i) && this.map.removeLayer(i), (s = this.map) != null && s.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (c = this.map) != null && c.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (h = this.closeMarkers[a.id]) == null || h.remove(), this.closeMarkers[a.id] = void 0, (y = this.pointMarkers[a.id]) == null || y.forEach((g) => {
+    handleClear(t, e = !0) {
+      var o, n, s, c, h, p, d, y, u;
+      const a = `${t.id}-${this.source}`, r = `${t.id}-${this.layer}`, i = `${t.id}-${this.labelLayer}`;
+      (o = this.map) != null && o.getLayer(r) && this.map.removeLayer(r), (n = this.map) != null && n.getLayer(i) && this.map.removeLayer(i), (s = this.map) != null && s.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (c = this.map) != null && c.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (h = this.closeMarkers[t.id]) == null || h.remove(), this.closeMarkers[t.id] = void 0, (p = this.pointMarkers[t.id]) == null || p.forEach((g) => {
         g == null || g.remove();
-      }), this.pointMarkers[a.id] = [], (d = this.tipMarker) == null || d.remove(), this.tipMarker = void 0, e && ((m = this.map) != null && m.getSource(t)) && this.map.removeSource(t), e && ((u = this.map) != null && u.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
+      }), this.pointMarkers[t.id] = [], (d = this.tipMarker) == null || d.remove(), this.tipMarker = void 0, e && ((y = this.map) != null && y.getSource(a)) && this.map.removeSource(a), e && ((u = this.map) != null && u.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
 };
-function Oo(a, e, t, r, i, o) {
+function Wo(t, e, a, 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: {
@@ -6441,23 +6450,23 @@ const Fo = {
     },
     toggleVersion: {
       handler() {
-        var a, e;
-        this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+        var t, e;
+        this.right = (((t = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : t.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
   },
   methods: {}
-}, 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 = [
+}, it = (t) => (U("data-v-ab627b83"), t = t(), G(), t), 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
 ];
-function Jo(a, e, t, r, i, o) {
-  return t.enabled && t.permission & i.helper.LEVEL.Supper ? (L(), x("div", Vo, [
+function Jo(t, e, a, r, i, o) {
+  return a.enabled && a.permission & i.helper.LEVEL.Supper ? (L(), x("div", Vo, [
     l("div", {
       class: "menu-bar-box",
-      style: j({ position: "absolute", right: i.right + "px", bottom: t.bottom })
+      style: j({ position: "absolute", right: i.right + "px", bottom: a.bottom })
     }, [
       l("div", Uo, [
         l("div", {
@@ -6483,7 +6492,7 @@ const Yo = {
     IdmCurrentParticle: Ea,
     IdmSigWave: Da,
     IdmSwell: Ba,
-    IdmPrmsl: Oa,
+    IdmPrmsl: Wa,
     // IdmIceEdge,
     IdmIceberg: Va,
     IdmTropicals: tt,
@@ -6552,8 +6561,8 @@ const Yo = {
   },
   watch: {
     ts: {
-      handler(a, e) {
-        a && e && Q(a).utc().format("yyyy-MM-DD HH") !== Q(e).utc().format("yyyy-MM-DD HH") && this.$nextTick(() => {
+      handler(t, e) {
+        t && e && Q(t).utc().format("yyyy-MM-DD HH") !== Q(e).utc().format("yyyy-MM-DD HH") && this.$nextTick(() => {
           this.handleDateChange({ tropicals: !1 });
         });
       },
@@ -6561,31 +6570,25 @@ const Yo = {
     },
     map: {
       handler() {
-        var a, e, t, r, i, o, n, s, c, h, y, d, m, u, g, 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((b) => ["wind", "current"].includes(b.key)) && ((a = this.particleFactor) != null && a.particle) || this.activeWeatherLayers.some((b) => ["temp", "water-temp"].includes(b.key)) ? ((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))) : ((f = (g = this.map) == null ? void 0 : g.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")));
+        var t, e, a, r, i, o, n, s, c, h, p, d, y, u, g;
+        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.length > 0 ? ((e = (t = this.map) == null ? void 0 : t.getLayer(this.enc)) == null || e.setLayoutProperty("visibility", "none"), (r = (a = this.map) == null ? void 0 : a.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || r.setLayoutProperty("visibility", "visible"), (i = this.map) != null && i.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id) && ((n = this.map) == null || n.moveLayer((o = this.viewport) == null ? void 0 : o.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (c = this.map) != null && c.getLayer((s = this.viewport) == null ? void 0 : s.particleLayer) && ((p = this.map) == null || p.moveLayer((h = this.viewport) == null ? void 0 : h.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : ((y = (d = this.map) == null ? void 0 : d.getLayer(this.enc)) == null || y.setLayoutProperty("visibility", "visible"), (g = (u = this.map) == null ? void 0 : u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || g.setLayoutProperty("visibility", "none")));
       },
       immediate: !0
     },
     enc: {
-      handler(a, e) {
-        var t, r, i, o, n, s, c, h;
-        a ? ((r = (t = this.map) == null ? void 0 : t.getLayer(a)) == null || r.setLayoutProperty("visibility", "visible"), (o = (i = this.map) == null ? void 0 : i.getLayer(e)) == null || o.setLayoutProperty("visibility", "none")) : ((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"));
+      handler(t, e) {
+        var a, r, i, o, n, s, c, h;
+        t ? ((r = (a = this.map) == null ? void 0 : a.getLayer(t)) == null || r.setLayoutProperty("visibility", "visible"), (o = (i = this.map) == null ? void 0 : i.getLayer(e)) == null || o.setLayoutProperty("visibility", "none")) : ((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: {
       handler() {
-        var a, e, t, r, i, o, n, s, c, h, y, d, m, u, g, f;
+        var t, e, a, r, i, o, n, s, c, h, p, d, y, u, g;
         if (!this.map)
           return !1;
-        this.activeWeatherLayers.some((p) => ["wind", "current"].includes(p.key)) && ((a = this.particleFactor) != null && a.particle) || this.activeWeatherLayers.some((p) => ["temp", "water-temp"].includes(p.key)) ? ((t = (e = this.map) == null ? void 0 : e.getLayer(this.enc)) == null || t.setLayoutProperty("visibility", "none"), (i = (r = this.map) == null ? void 0 : r.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || i.setLayoutProperty("visibility", "visible"), (o = this.map) != null && o.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id) && ((s = this.map) == null || s.moveLayer((n = this.viewport) == null ? void 0 : n.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (h = this.map) != null && h.getLayer((c = this.viewport) == null ? void 0 : c.particleLayer) && ((d = this.map) == null || d.moveLayer((y = this.viewport) == null ? void 0 : y.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : ((u = (m = this.map) == null ? void 0 : m.getLayer(this.enc)) == null || u.setLayoutProperty("visibility", "visible"), (f = (g = this.map) == null ? void 0 : g.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || f.setLayoutProperty("visibility", "none"));
+        this.activeWeatherLayers.length > 0 ? ((e = (t = this.map) == null ? void 0 : t.getLayer(this.enc)) == null || e.setLayoutProperty("visibility", "none"), (r = (a = this.map) == null ? void 0 : a.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || r.setLayoutProperty("visibility", "visible"), (i = this.map) != null && i.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id) && ((n = this.map) == null || n.moveLayer((o = this.viewport) == null ? void 0 : o.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (c = this.map) != null && c.getLayer((s = this.viewport) == null ? void 0 : s.particleLayer) && ((p = this.map) == null || p.moveLayer((h = this.viewport) == null ? void 0 : h.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : ((y = (d = this.map) == null ? void 0 : d.getLayer(this.enc)) == null || y.setLayoutProperty("visibility", "visible"), (g = (u = this.map) == null ? void 0 : u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || g.setLayoutProperty("visibility", "none"));
       },
       immediate: !0
-    },
-    "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**/
     // activeWeatherLayers: {
@@ -6629,28 +6632,28 @@ const Yo = {
     // },
   },
   methods: {
-    async fetchWeatherLayers(a = { tropicals: !1 }) {
-      var i, o, n, s, c, h, y, d;
+    async fetchWeatherLayers(t = { tropicals: !1 }) {
+      var i, o, n, s, c, h, p, d;
       const e = (/* @__PURE__ */ new Date()).valueOf();
-      let t = 0, r = 0;
+      let a = 0, r = 0;
       if (this.map) {
-        const m = ((i = this.map) == null ? void 0 : i.getZoom()) + 1, u = (o = this.map) == null ? void 0 : o.getBounds(), g = `${u._sw.lng},${u._sw.lat},${u._ne.lng},${u._ne.lat}`;
+        const y = ((i = this.map) == null ? void 0 : i.getZoom()) + 1, u = (o = this.map) == null ? void 0 : o.getBounds(), g = `${u._sw.lng},${u._sw.lat},${u._ne.lng},${u._ne.lat}`;
         if (this.handleRampColorState(), this.particleFactor) {
-          const f = Fe.WEATHER_LAYERS.find((p) => {
+          const f = Fe.WEATHER_LAYERS.find((m) => {
             var v;
-            return ((v = p.peer) == null ? void 0 : v.weight) === this.particleFactor.weight;
+            return ((v = m.peer) == null ? void 0 : v.weight) === this.particleFactor.weight;
           });
           this.particleFactor.particle ? this.weatherWeight = this.weatherWeight & f.weight ? this.weatherWeight : this.weatherWeight + f.weight : this.weatherWeight = this.weatherWeight & f.weight ? this.weatherWeight - f.weight : this.weatherWeight;
         }
         if (this.weatherWeight > 0) {
-          let f = this.weatherWeight, p;
-          if (a.tropicals || this.weatherWeight & 256 && (p = this.weatherLayers.tropicals, p && (f -= 256, p.version = Math.random() + 1)), f > 0) {
-            const v = await ae.get(`${this.gateway}/api/arc/weather/layers/links?l=${f}&v=${this.source}&z=${m}&bbox=${g}&t=${this.ts}`, {
+          let f = this.weatherWeight, m;
+          if (t.tropicals || this.weatherWeight & 256 && (m = this.weatherLayers.tropicals, m && (f -= 256, m.version = Math.random() + 1)), f > 0) {
+            const v = await ae.get(`${this.gateway}/api/arc/weather/layers/links?l=${f}&v=${this.source}&z=${y}&bbox=${g}&t=${this.ts}`, {
               headers: {
                 Authorization: this.token || this.defaultMeteoToken
               }
             });
-            if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + t), console.log("weather links elapsed: ", r, ", total: ", t += r), ((n = v == null ? void 0 : v.data) == null ? void 0 : n.code) === 0) {
+            if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + a), console.log("weather links elapsed: ", r, ", total: ", a += r), ((n = v == null ? void 0 : v.data) == null ? void 0 : n.code) === 0) {
               const b = (s = v == null ? void 0 : v.data) == null ? void 0 : s.data, w = [];
               for (const _ in b)
                 _ === "ice-edge" && (b[_] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), _ !== "tropicals" && w.push(
@@ -6660,16 +6663,16 @@ const Yo = {
                       key: _
                     },
                     responseType: /\.(jpg|png)$/.test(b[_]) ? "blob" : "json"
-                  }).catch((E) => {
-                    console.log(`[${_}] fetch layer error: ${E}`);
+                  }).catch((A) => {
+                    console.log(`[${_}] fetch layer error: ${A}`);
                   })
                 );
               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;
-                D && E && (this.weatherLayers[D] = {
-                  raw: E,
+                var $, O, W, H;
+                const A = (($ = _ == 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 && A && (this.weatherLayers[D] = {
+                  raw: A,
                   type: ((H = _ == null ? void 0 : _.config) == null ? void 0 : H.responseType) === "blob" ? "image" : "json",
                   etime: this.ts
                 });
@@ -6679,10 +6682,10 @@ 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 A = 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,
+                  data: A,
                   active: !0,
                   cached: !1,
                   type: "json",
@@ -6691,7 +6694,7 @@ const Yo = {
                 };
               });
             }
-            if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + t), console.log("weather layers elapsed: ", r, ", total: ", t += r), this.weatherLayers["swell-direction"] || this.weatherLayers["swell-height"]) {
+            if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + a), console.log("weather layers elapsed: ", r, ", total: ", a += r), this.weatherLayers["swell-direction"] || this.weatherLayers["swell-height"]) {
               const b = (c = this.weatherLayers["swell-direction"]) == null ? void 0 : c.raw, w = (h = this.weatherLayers["swell-height"]) == null ? void 0 : h.raw;
               delete this.weatherLayers["swell-direction"], delete this.weatherLayers["swell-height"], this.weatherLayers.swell = {
                 type: "json",
@@ -6701,7 +6704,7 @@ const Yo = {
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
-              const b = (y = this.weatherLayers["current-direction"]) == null ? void 0 : y.raw, w = (d = this.weatherLayers["current-speed"]) == null ? void 0 : d.raw;
+              const b = (p = this.weatherLayers["current-direction"]) == null ? void 0 : p.raw, w = (d = this.weatherLayers["current-speed"]) == null ? void 0 : d.raw;
               delete this.weatherLayers["current-direction"], delete this.weatherLayers["current-speed"], this.weatherLayers.current = {
                 type: "json",
                 direction: b,
@@ -6710,27 +6713,27 @@ const Yo = {
               };
             }
           }
-          p && (p.etime = this.ts, p.cached = !0, this.weatherLayers.tropicals = p);
+          m && (m.etime = this.ts, m.cached = !0, this.weatherLayers.tropicals = m);
         }
         this.handleWeatherLayerToggle(), this.handleDragEndWithZoom4Json();
       }
       this.toggleVersion = Math.random();
     },
-    async fetchOtherLayers(a = { all: !1, dayNight: !1, enc: !1 }) {
-      var e, t, r, i;
+    async fetchOtherLayers(t = { all: !1, dayNight: !1, enc: !1 }) {
+      var e, a, r, i;
       if (this.map) {
         let o = this.otherWeight;
         if (o) {
           let n = !1;
           if (this.otherWeight & 2048 && (o = this.otherWeight - 2048, n = !0), o) {
-            if (a.all) {
+            if (t.all) {
               const s = await ae.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
               });
               if (((e = s == null ? void 0 : s.data) == null ? void 0 : e.code) === 0) {
-                const c = (t = s == null ? void 0 : s.data) == null ? void 0 : t.data, h = [];
+                const c = (a = s == null ? void 0 : s.data) == null ? void 0 : a.data, h = [];
                 for (const d in c)
                   h.push(
                     ae.get(c[d], {
@@ -6740,14 +6743,14 @@ const Yo = {
                       }
                     })
                   );
-                const y = await Promise.all(h);
-                this.otherLayers = { enc: n }, y.map((d) => {
-                  var g, f, p;
-                  const m = ((g = d == null ? void 0 : d.data) == null ? void 0 : g.data) || (d == null ? void 0 : d.data), u = (p = (f = d == null ? void 0 : d.config) == null ? void 0 : f.headers) == null ? void 0 : p.key;
-                  this.otherLayers[u] = m;
+                const p = await Promise.all(h);
+                this.otherLayers = { enc: n }, p.map((d) => {
+                  var g, f, m;
+                  const y = ((g = d == null ? void 0 : d.data) == null ? void 0 : g.data) || (d == null ? void 0 : d.data), u = (m = (f = d == null ? void 0 : d.config) == null ? void 0 : f.headers) == null ? void 0 : m.key;
+                  this.otherLayers[u] = y;
                 });
               }
-            } else if (a.dayNight && o & 1024) {
+            } else if (t.dayNight && o & 1024) {
               const s = await ae.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
@@ -6765,9 +6768,9 @@ const Yo = {
                     })
                   );
                 (await Promise.all(h)).map((d) => {
-                  var g, f, p;
-                  const m = ((g = d == null ? void 0 : d.data) == null ? void 0 : g.data) || (d == null ? void 0 : d.data), u = (p = (f = d == null ? void 0 : d.config) == null ? void 0 : f.headers) == null ? void 0 : p.key;
-                  this.otherLayers[u] = m;
+                  var g, f, m;
+                  const y = ((g = d == null ? void 0 : d.data) == null ? void 0 : g.data) || (d == null ? void 0 : d.data), u = (m = (f = d == null ? void 0 : d.config) == null ? void 0 : f.headers) == null ? void 0 : m.key;
+                  this.otherLayers[u] = y;
                 });
               }
             }
@@ -6779,8 +6782,8 @@ const Yo = {
       }
     },
     handleRampColorState() {
-      var a;
-      if (this.showRampColor = !1, this.showWindParticle = !1, this.showCurrentParticle = !1, (a = this.particleFactor) != null && a.particle)
+      var t;
+      if (this.showRampColor = !1, this.showWindParticle = !1, this.showCurrentParticle = !1, (t = this.particleFactor) != null && t.particle)
         this.showRampColor = !0, this.showWindParticle = this.particleFactor.key === "wind", this.showCurrentParticle = this.particleFactor.key === "current", this.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.type === "json");
       else
         for (const e of this.activeWeatherLayers)
@@ -6788,10 +6791,10 @@ const Yo = {
       this.activeWindLayer = !!this.activeWeatherLayers.find((e) => e.key === "wind"), this.$refs.layer && (this.$refs.layer.activeWeatherLayers = this.activeWeatherLayers);
     },
     handleRampColorInitial() {
-      var a, e, t, r, i, o, n, s, c, h, y, d;
-      this.viewport.map.getSource((a = this.viewport) == null ? void 0 : a.rampColorSource) || this.viewport.map.addSource((e = this.viewport) == null ? void 0 : e.rampColorSource, {
+      var t, e, a, r, i, o, n, s, c, h, p, d;
+      this.viewport.map.getSource((t = this.viewport) == null ? void 0 : t.rampColorSource) || this.viewport.map.addSource((e = this.viewport) == null ? void 0 : e.rampColorSource, {
         type: "canvas",
-        canvas: (t = this.viewport) == null ? void 0 : t.rampColorCanvas,
+        canvas: (a = this.viewport) == null ? void 0 : a.rampColorCanvas,
         animate: !0,
         coordinates: this.viewport.getBoundLngLat()
       }), this.viewport.map.getLayer((r = this.viewport) == null ? void 0 : r.rampColorLayer) || this.viewport.map.addLayer(
@@ -6812,7 +6815,7 @@ const Yo = {
       }), this.viewport.map.getLayer((h = this.viewport) == null ? void 0 : h.particleLayer) || this.viewport.map.addLayer(
         {
           type: "raster",
-          id: (y = this.viewport) == null ? void 0 : y.particleLayer,
+          id: (p = this.viewport) == null ? void 0 : p.particleLayer,
           source: (d = this.viewport) == null ? void 0 : d.particleSource,
           layout: {
             visibility: "none"
@@ -6822,69 +6825,69 @@ const Yo = {
       );
     },
     handleDragEndWithZoom4Json() {
-      var h, y, d, m;
-      const a = (/* @__PURE__ */ new Date()).valueOf();
-      let e = 0, t = 0;
+      var h, p, d, y;
+      const t = (/* @__PURE__ */ new Date()).valueOf();
+      let e = 0, a = 0;
       const r = (h = this.map) == null ? void 0 : h.getBounds(), i = this.map.getZoom(), o = Re(r._sw.lng), n = Re(r._ne.lng), s = Math.floor(r._sw.lat), c = Math.ceil(r._ne.lat);
       for (const u in this.weatherLayers)
         if (this.weatherLayers[u].active && this.weatherLayers[u].type === "json") {
           this.weatherLayers[u].active = !1, this.weatherLayers[u].version = Math.random() + 1;
           let g = [];
           if (["swell", "current"].includes(u)) {
-            const f = ((y = this.weatherLayers[u]) == null ? void 0 : y.direction) || {};
-            for (const p in f)
-              if (p > s && p < c && (!(i <= this.zoom) || p % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                const v = f[p].lng;
+            const f = ((p = this.weatherLayers[u]) == null ? void 0 : p.direction) || {};
+            for (const m in f)
+              if (m > s && m < c && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                const v = f[m].lng;
                 o > n ? v.forEach((b, w) => {
                   var k;
                   if ((b >= o && b <= 180 || b >= -180 && b <= n) && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const _ = C.point([b, p], {
-                      val: f[p].val[w],
-                      spd: (k = f[p].spd) == null ? void 0 : k[w]
+                    const _ = C.point([b, m], {
+                      val: f[m].val[w],
+                      spd: (k = f[m].spd) == null ? void 0 : k[w]
                     });
                     g.push(_);
                   }
                 }) : v.forEach((b, w) => {
                   var k;
                   if (b >= o && b <= n && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const _ = C.point([b, p], {
-                      val: f[p].val[w],
-                      spd: (k = f[p].spd) == null ? void 0 : k[w]
+                    const _ = C.point([b, m], {
+                      val: f[m].val[w],
+                      spd: (k = f[m].spd) == null ? void 0 : k[w]
                     });
                     g.push(_);
                   }
                 });
               }
-            if (t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("direction elapsed: ", t, ", total: ", e += t), u === "swell") {
-              const p = this.weatherLayers[u].height;
-              if (p) {
-                if (!p.data) {
+            if (a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("direction elapsed: ", a, ", total: ", e += a), u === "swell") {
+              const m = this.weatherLayers[u].height;
+              if (m) {
+                if (!m.data) {
                   const v = [];
-                  for (const b in (d = p.raw) == null ? void 0 : d.LineString) {
-                    const w = p.raw.LineString[b];
+                  for (const b in (d = m.raw) == null ? void 0 : d.LineString) {
+                    const w = m.raw.LineString[b];
                     for (const k of w)
                       v.push(
                         C.lineString(k, {
                           val: Number(b)
                         })
                       );
-                    p.data = C.featureCollection(v);
+                    m.data = C.featureCollection(v);
                   }
                 }
-                if (p.data) {
-                  const v = this.handleBboxClip(p.data, r);
+                if (m.data) {
+                  const v = this.handleBboxClip(m.data, r);
                   g = g.concat(v);
                 }
-                t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("height elapsed: ", t, ", total: ", e += t);
+                a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("height elapsed: ", a, ", total: ", e += a);
               }
             }
             if (u === "current") {
-              const p = this.weatherLayers[u].speed;
-              if (p) {
-                if (!p.data) {
+              const m = this.weatherLayers[u].speed;
+              if (m) {
+                if (!m.data) {
                   const b = [];
-                  for (const w in (m = p.raw) == null ? void 0 : m.Polygon) {
-                    const k = p.raw.Polygon[w];
+                  for (const w in (y = m.raw) == null ? void 0 : y.Polygon) {
+                    const k = m.raw.Polygon[w];
                     for (const _ of k)
                       b.push(
                         C.polygon(_, {
@@ -6892,67 +6895,67 @@ const Yo = {
                         })
                       );
                   }
-                  p.data = C.featureCollection(b);
+                  m.data = C.featureCollection(b);
                 }
-                const v = i < this.zoom ? p.data.features.filter((b) => b.properties.val > 0.5) : p.data.features;
-                g = g.concat(v), t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("speed elapsed: ", t, ", total: ", e += t);
+                const v = i < this.zoom ? m.data.features.filter((b) => b.properties.val > 0.5) : m.data.features;
+                g = g.concat(v), a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("speed elapsed: ", a, ", total: ", e += a);
               }
             }
           } else if (u === "wind") {
             const f = this.weatherLayers.wind.raw;
-            for (const p in f)
-              if (p > s && p < c && (!(i <= this.zoom) || p % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                const v = f[p].lng;
+            for (const m in f)
+              if (m > s && m < c && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                const v = f[m].lng;
                 o > n ? v.forEach((b, w) => {
                   if ((b >= o && b <= 180 || b >= -180 && b <= n) && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const k = C.point([b, p], {
-                      val: f[p].val[w],
-                      spd: f[p].spd[w]
+                    const k = C.point([b, m], {
+                      val: f[m].val[w],
+                      spd: f[m].spd[w]
                     });
                     g.push(k);
                   }
                 }) : v.forEach((b, w) => {
                   if (b >= o && b <= n && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const k = C.point([b, p], {
-                      val: f[p].val[w],
-                      spd: f[p].spd[w]
+                    const k = C.point([b, m], {
+                      val: f[m].val[w],
+                      spd: f[m].spd[w]
                     });
                     g.push(k);
                   }
                 });
               }
-            t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("wind barb elapsed: ", t, ", total: ", e += t);
+            a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("wind barb elapsed: ", a, ", total: ", e += a);
           } else if (u === "sig-wave-height") {
             if (this.weatherLayers[u].data)
               g = this.weatherLayers[u].data;
             else {
               const f = this.weatherLayers[u].raw;
               if (f) {
-                const p = [];
+                const m = [];
                 for (const v in f.Polygon) {
                   const b = f.Polygon[v];
                   for (const w of b)
-                    p.push(
+                    m.push(
                       C.polygon(w, {
                         val: Number(v)
                       })
                     );
                 }
-                g = g.concat(p);
+                g = g.concat(m);
               }
             }
-            t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("sigWave elapsed: ", t, ", total: ", e += t);
+            a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("sigWave elapsed: ", a, ", total: ", e += a);
           } else if (u === "prmsl") {
             if (this.weatherLayers[u].data)
               g = this.weatherLayers[u].data;
             else {
               const f = this.weatherLayers[u].raw;
               if (f) {
-                const p = [];
+                const m = [];
                 for (const v in f.LineString) {
                   const b = f.LineString[v];
                   for (const w of b)
-                    p.push(
+                    m.push(
                       C.lineString(w, {
                         val: Number(v)
                       })
@@ -6960,138 +6963,138 @@ const Yo = {
                 }
                 for (const v in f.Point)
                   f.Point[v].lng.forEach((b, w) => {
-                    b = Re(b), p.push(
+                    b = Re(b), m.push(
                       C.point([b, v], {
                         val: f.Point[v].val[w],
                         type: f.Point[v].type[w]
                       })
                     );
                   });
-                g = g.concat(p);
+                g = g.concat(m);
               }
             }
-            t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("prmsl elapsed: ", t, ", total: ", e += t);
+            a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("prmsl elapsed: ", a, ", total: ", e += a);
           } else if (u === "arctic" || u === "iceberg") {
             if (this.weatherLayers[u].data)
               g = this.weatherLayers[u].data;
             else {
               const f = this.weatherLayers[u].raw;
               if (f) {
-                const p = [];
+                const m = [];
                 for (const v in f.LineString) {
                   const b = f.LineString[v];
                   for (const w of b)
-                    p.push(
+                    m.push(
                       C.lineString(w, {
                         val: Number(v)
                       })
                     );
                 }
-                g = g.concat(p);
+                g = g.concat(m);
               }
             }
-            t = (/* @__PURE__ */ new Date()).valueOf() - (a + e);
+            a = (/* @__PURE__ */ new Date()).valueOf() - (t + e);
           }
-          console.log(u, " elapsed: ", t, ", total: ", e += t), g.length && (this.weatherLayers[u].data = C.featureCollection(g)), this.weatherLayers[u].active = !0, this.weatherLayers[u].version = Math.random() + 1;
+          console.log(u, " elapsed: ", a, ", total: ", e += a), g.length && (this.weatherLayers[u].data = C.featureCollection(g)), this.weatherLayers[u].active = !0, this.weatherLayers[u].version = Math.random() + 1;
         }
     },
     handleDragEndWithZoom4Image() {
-      for (const a in this.weatherLayers)
-        this.weatherLayers[a].active && this.weatherLayers[a].type === "image" && (this.weatherLayers[a].active = !0, this.weatherLayers[a].version = Math.random() + 1);
+      for (const t in this.weatherLayers)
+        this.weatherLayers[t].active && this.weatherLayers[t].type === "image" && (this.weatherLayers[t].active = !0, this.weatherLayers[t].version = Math.random() + 1);
     },
-    handleBboxClip(a, e) {
-      const t = [], r = Re(e._sw.lng), i = Re(e._ne.lng);
-      return a.features.forEach((o) => {
+    handleBboxClip(t, e) {
+      const a = [], r = Re(e._sw.lng), i = Re(e._ne.lng);
+      return t.features.forEach((o) => {
         if (o.geometry.type !== "Point")
           if (r > i) {
             let n = [r, e._sw.lat, 180, e._ne.lat], s = C.bboxClip(o, n);
-            s.geometry.coordinates.length && t.push(s), n = [-180, e._sw.lat, i, e._ne.lat], s = C.bboxClip(o, n), s.geometry.coordinates.length && t.push(s);
+            s.geometry.coordinates.length && a.push(s), n = [-180, e._sw.lat, i, e._ne.lat], s = C.bboxClip(o, n), s.geometry.coordinates.length && a.push(s);
           } else {
             const n = [r, e._sw.lat, i, e._ne.lat], s = C.bboxClip(o, n);
-            s.geometry.coordinates.length && t.push(s);
+            s.geometry.coordinates.length && a.push(s);
           }
         else
-          t.push(o);
-      }), t;
+          a.push(o);
+      }), a;
     },
     handleWeatherLayerToggle() {
-      var a;
+      var t;
       for (const e in this.weatherLayers)
         this.weatherLayers[e].active = !1, this.weatherLayers[e].version = Math.random() + 1;
       for (const e of this.activeWeatherLayers) {
-        let t = e.key;
-        t.indexOf("swell") > -1 ? t = "swell" : t.indexOf("current") > -1 && (t = "current"), this.weatherLayers[t] && (this.weatherLayers[t].active = !0, this.weatherLayers[t].version = Math.random() + 1, ((a = this.particleFactor) == null ? void 0 : a.key) === t && this.weatherLayers[`${t}-particle`] && (this.weatherLayers[`${t}-particle`].active = this.particleFactor.particle));
+        let a = e.key;
+        a.indexOf("swell") > -1 ? a = "swell" : a.indexOf("current") > -1 && (a = "current"), this.weatherLayers[a] && (this.weatherLayers[a].active = !0, this.weatherLayers[a].version = Math.random() + 1, ((t = this.particleFactor) == null ? void 0 : t.key) === a && this.weatherLayers[`${a}-particle`] && (this.weatherLayers[`${a}-particle`].active = this.particleFactor.particle));
       }
       this.handleBeforeLayerToggle();
     },
     handleBeforeLayerToggle() {
-      var a, e, t, r, i, o, n, s, c, h, y, d, m;
-      (a = this.map) != null && a.getLayer(this.beforeLayer) && ((e = this.activeWeatherLayers) != null && e.length || (t = this.otherLayers) != null && t["war-zones"] || (r = this.otherLayers) != null && r["gmdss-areas"] || (i = this.otherLayers) != null && i["load-lines"] || (o = this.otherLayers) != null && o["high-risk-area"] || (n = this.otherLayers) != null && n["time-zones"] || (s = this.otherLayers) != null && s.pirates || (c = this.otherLayers) != null && c.ports || (h = this.otherLayers) != null && h.enc || (y = this.otherLayers) != null && y["voluntary-reporting-area"] || (d = this.otherLayers) != null && d["eca-zones"] || (m = this.otherLayers) != null && m["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
+      var t, e, a, r, i, o, n, s, c, h, p, d, y;
+      (t = this.map) != null && t.getLayer(this.beforeLayer) && ((e = this.activeWeatherLayers) != null && e.length || (a = this.otherLayers) != null && a["war-zones"] || (r = this.otherLayers) != null && r["gmdss-areas"] || (i = this.otherLayers) != null && i["load-lines"] || (o = this.otherLayers) != null && o["high-risk-area"] || (n = this.otherLayers) != null && n["time-zones"] || (s = this.otherLayers) != null && s.pirates || (c = this.otherLayers) != null && c.ports || (h = this.otherLayers) != null && h.enc || (p = this.otherLayers) != null && p["voluntary-reporting-area"] || (d = this.otherLayers) != null && d["eca-zones"] || (y = this.otherLayers) != null && y["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
     },
-    handleDateChange(a = { tropicals: !1 }) {
-      this.fetchWeatherLayers(a), this.fetchOtherLayers({ dayNight: !0 });
+    handleDateChange(t = { tropicals: !1 }) {
+      this.fetchWeatherLayers(t), this.fetchOtherLayers({ dayNight: !0 });
     },
-    handleWeatherLayerChange(a, e, t) {
+    handleWeatherLayerChange(t, e, a) {
       if (!this.map)
         setTimeout(() => {
-          this.handleWeatherLayerChange(a, e, t);
+          this.handleWeatherLayerChange(t, e, a);
         }, 500);
       else {
         this.activeWeatherLayers = e;
         const r = this.activeWeatherLayers.some((n) => ["wind", "current"].includes(n.key)), i = this.activeWeatherLayers.some((n) => ["png", "jpg"].includes(n.type));
         r && !i ? (this.particleFactor = this.activeWeatherLayers.find((n) => ["wind", "current"].includes(n.key)), this.particleFactor.particle = !0) : i && this.particleFactor && (this.particleFactor.particle = !1);
         const o = e == null ? void 0 : e.reduce((n, s) => n + (n & (s == null ? void 0 : s.weight) ? 0 : s == null ? void 0 : s.weight), 0);
-        this.weatherWeight !== o || this.source !== t ? (this.source = t, this.weatherWeight = o, this.fetchWeatherLayers({ tropicals: !1 })) : this.handleWeatherLayerToggle();
+        this.weatherWeight !== o || this.source !== a ? (this.source = a, this.weatherWeight = o, this.fetchWeatherLayers({ tropicals: !1 })) : this.handleWeatherLayerToggle();
       }
     },
-    handleOtherLayerChange(a) {
+    handleOtherLayerChange(t) {
       if (!this.map)
         setTimeout(() => {
-          this.handleOtherLayerChange(a);
+          this.handleOtherLayerChange(t);
         }, 500);
       else {
-        const e = a == null ? void 0 : a.reduce((t, r) => t + (r == null ? void 0 : r.weight), 0);
-        a.find((t) => t.key === "enc") ? this.enc = "i4" : this.enc = "", this.otherWeight != e && (this.otherWeight = e, this.fetchOtherLayers({ all: !0 }));
+        const e = t == null ? void 0 : t.reduce((a, r) => a + (r == null ? void 0 : r.weight), 0);
+        t.find((a) => a.key === "enc") ? this.enc = "i4" : this.enc = "", this.otherWeight != e && (this.otherWeight = e, this.fetchOtherLayers({ all: !0 }));
       }
     },
-    async handlePointChange(a) {
-      const e = this.ts ? Q(this.ts) : Q(), t = {
-        lat: a.lat,
-        lng: a.lng,
+    async handlePointChange(t) {
+      const e = this.ts ? Q(this.ts) : Q(), a = {
+        lat: t.lat,
+        lng: t.lng,
         ts: e.utc().format(),
         wt: !0,
         src: this.source
       }, r = await ae.get(`${this.gateway}/api/arc/meteo/query`, {
-        params: t,
+        params: a,
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
       });
       (r == null ? void 0 : r.status) === 200 && (this.meteo = {
         ...r == null ? void 0 : r.data,
-        ...a
+        ...t
       });
     },
-    handle3dToggle(a) {
-      a ? this.map.setProjection("globe") : this.map.setProjection("mercator");
+    handle3dToggle(t) {
+      t ? this.map.setProjection("globe") : this.map.setProjection("mercator");
     },
-    handleParticle(a) {
-      this.particleFactor = a, this.fetchWeatherLayers({ tropicals: !1 });
+    handleParticle(t) {
+      this.particleFactor = t, this.fetchWeatherLayers({ tropicals: !1 });
     }
   }
 }, Qo = {
   key: 0,
   className: "map-gl-home"
 };
-function Ko(a, e, t, r, i, o) {
+function Ko(t, e, a, 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"), g = z("IdmCurrentParticle"), f = z("IdmWindBarb"), p = z("IdmWindParticle"), v = z("IdmPrecip3h"), b = 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");
-  return t.map ? (L(), x("div", Qo, [
+  const n = z("IdmGlLayer"), s = z("IdmENC"), c = z("IdmSigWave"), h = z("IdmSwell"), p = z("IdmPrmsl"), d = z("IdmIceberg"), y = z("IdmTropicals"), u = z("IdmCurrents"), g = z("IdmCurrentParticle"), f = z("IdmWindBarb"), m = z("IdmWindParticle"), v = z("IdmPrecip3h"), b = z("IdmVisibility"), w = z("IdmWaterTemp"), k = z("IdmTemp"), _ = z("IdmArctic"), A = 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"), R = z("IdmLatLng"), V = z("IdmMeasure"), de = z("IdmPoint");
+  return a.map ? (L(), x("div", Qo, [
     P(n, I({
       ref: "layer",
-      map: t.map,
+      map: a.map,
       "toggle-version": i.toggleVersion
-    }, a.$attrs, {
+    }, t.$attrs, {
       onWeather: o.handleWeatherLayerChange,
       onOther: o.handleOtherLayerChange,
       onCoordinate: e[0] || (e[0] = (Y) => i.showCoord = Y),
@@ -7101,171 +7104,171 @@ function Ko(a, e, t, r, i, o) {
       onToggleVersion: e[3] || (e[3] = (Y) => i.toggleVersion = Y)
     }), null, 16, ["map", "toggle-version", "onWeather", "onOther", "on3d"]),
     P(s, I({
-      map: t.map,
-      token: t.token,
+      map: a.map,
+      token: a.token,
       enabled: (q = i.otherLayers) == null ? void 0 : q.enc,
       "toggle-version": i.toggleVersion
-    }, a.$attrs, {
+    }, t.$attrs, {
       onEnc: e[4] || (e[4] = (Y) => i.enc = Y)
     }), null, 16, ["map", "token", "enabled", "toggle-version"]),
     P(c, I({
-      map: t.map,
+      map: a.map,
       "sig-wave": (ne = i.weatherLayers) == null ? void 0 : ne["sig-wave-height"],
-      "before-layer": t.beforeLayer
-    }, a.$attrs), null, 16, ["map", "sig-wave", "before-layer"]),
+      "before-layer": a.beforeLayer
+    }, t.$attrs), null, 16, ["map", "sig-wave", "before-layer"]),
     P(h, I({
-      map: t.map,
+      map: a.map,
       swell: (fe = i.weatherLayers) == null ? void 0 : fe.swell,
-      "before-layer": t.beforeLayer
-    }, a.$attrs), null, 16, ["map", "swell", "before-layer"]),
-    P(y, I({
-      map: t.map,
+      "before-layer": a.beforeLayer
+    }, t.$attrs), null, 16, ["map", "swell", "before-layer"]),
+    P(p, I({
+      map: a.map,
       prmsl: (ge = i.weatherLayers) == null ? void 0 : ge.prmsl,
-      "before-layer": t.beforeLayer
-    }, a.$attrs), null, 16, ["map", "prmsl", "before-layer"]),
+      "before-layer": a.beforeLayer
+    }, t.$attrs), null, 16, ["map", "prmsl", "before-layer"]),
     P(d, I({
-      map: t.map,
+      map: a.map,
       iceberg: (be = i.weatherLayers) == null ? void 0 : be.iceberg,
-      "before-layer": t.beforeLayer
-    }, a.$attrs), null, 16, ["map", "iceberg", "before-layer"]),
-    P(m, I({
-      map: t.map,
-      date: t.ts,
+      "before-layer": a.beforeLayer
+    }, t.$attrs), null, 16, ["map", "iceberg", "before-layer"]),
+    P(y, I({
+      map: a.map,
+      date: a.ts,
       tropicals: (ve = i.weatherLayers) == null ? void 0 : ve.tropicals,
-      "before-layer": t.beforeLayer
-    }, a.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
+      "before-layer": a.beforeLayer
+    }, t.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
     P(u, I({
-      map: t.map,
+      map: a.map,
       current: (_e = i.weatherLayers) == null ? void 0 : _e.current,
-      "before-layer": t.beforeLayer,
+      "before-layer": a.beforeLayer,
       "show-particle": i.showCurrentParticle,
       "margin-bottom": i.activeWindLayer ? i.showRampColor ? "84px" : "56px" : i.showRampColor ? "56px" : "30px",
       "toggle-version": i.toggleVersion,
       "weather-layers": i.weatherLayers
-    }, a.$attrs, { onParticle: o.handleParticle }), null, 16, ["map", "current", "before-layer", "show-particle", "margin-bottom", "toggle-version", "weather-layers", "onParticle"]),
+    }, t.$attrs, { onParticle: o.handleParticle }), null, 16, ["map", "current", "before-layer", "show-particle", "margin-bottom", "toggle-version", "weather-layers", "onParticle"]),
     P(g, I({
       viewport: i.viewport,
       factor: (we = i.weatherLayers) == null ? void 0 : we["current-particle"],
-      "before-layer": t.beforeLayer,
+      "before-layer": a.beforeLayer,
       "toggle-version": i.toggleVersion
-    }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
+    }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     P(f, I({
       ref: "windBarb",
-      map: t.map,
+      map: a.map,
       wind: (Le = i.weatherLayers) == null ? void 0 : Le.wind,
       current: (xe = i.weatherLayers) == null ? void 0 : xe.current,
-      "before-layer": t.beforeLayer,
+      "before-layer": a.beforeLayer,
       "margin-bottom": i.showRampColor ? "56px" : "30px",
       "show-particle": i.showWindParticle
-    }, a.$attrs, {
+    }, t.$attrs, {
       "toggle-version": i.toggleVersion,
       "weather-layers": i.weatherLayers,
       onParticle: o.handleParticle
     }), null, 16, ["map", "wind", "current", "before-layer", "margin-bottom", "show-particle", "toggle-version", "weather-layers", "onParticle"]),
-    P(p, I({
+    P(m, I({
       viewport: i.viewport,
       factor: (Ce = i.weatherLayers) == null ? void 0 : Ce["wind-particle"],
-      "before-layer": t.beforeLayer,
+      "before-layer": a.beforeLayer,
       "toggle-version": i.toggleVersion
-    }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
+    }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     P(v, I({
       viewport: i.viewport,
       factor: (Se = i.weatherLayers) == null ? void 0 : Se.precip3h,
-      "before-layer": t.beforeLayer,
+      "before-layer": a.beforeLayer,
       "toggle-version": i.toggleVersion
-    }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
+    }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     P(b, I({
       viewport: i.viewport,
       factor: (ke = i.weatherLayers) == null ? void 0 : ke.visibility,
-      "before-layer": t.beforeLayer,
+      "before-layer": a.beforeLayer,
       "toggle-version": i.toggleVersion
-    }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
+    }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     P(w, I({
       viewport: i.viewport,
       factor: (ze = i.weatherLayers) == null ? void 0 : ze["water-temp"],
-      "before-layer": t.beforeLayer,
+      "before-layer": a.beforeLayer,
       "toggle-version": i.toggleVersion
-    }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
+    }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     P(k, I({
       viewport: i.viewport,
       factor: (Pe = i.weatherLayers) == null ? void 0 : Pe.temp,
-      "before-layer": t.beforeLayer,
+      "before-layer": a.beforeLayer,
       "toggle-version": i.toggleVersion
-    }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
+    }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     P(_, I({
       viewport: i.viewport,
       factor: (Te = i.weatherLayers) == null ? void 0 : Te.arctic,
-      "before-layer": t.beforeLayer,
+      "before-layer": a.beforeLayer,
       "toggle-version": i.toggleVersion
-    }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(E, I({
-      map: t.map,
+    }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
+    P(A, I({
+      map: a.map,
       zone: (Ie = i.otherLayers) == null ? void 0 : Ie["war-zones"],
-      "before-layer": t.beforeLayer
-    }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
+      "before-layer": a.beforeLayer
+    }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
     P(D, I({
-      map: t.map,
+      map: a.map,
       area: (Ee = i.otherLayers) == null ? void 0 : Ee["gmdss-areas"],
-      "before-layer": t.beforeLayer
-    }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
+      "before-layer": a.beforeLayer
+    }, t.$attrs), null, 16, ["map", "area", "before-layer"]),
     P($, I({
-      map: t.map,
+      map: a.map,
       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({
-      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"]),
+      "before-layer": a.beforeLayer
+    }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
     P(O, I({
-      map: t.map,
+      map: a.map,
+      zone: (He = i.otherLayers) == null ? void 0 : He["alert-zones"],
+      "before-layer": a.beforeLayer
+    }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
+    P(W, I({
+      map: a.map,
       port: (Ze = i.otherLayers) == null ? void 0 : Ze.ports,
-      "before-layer": t.beforeLayer
-    }, a.$attrs), null, 16, ["map", "port", "before-layer"]),
+      "before-layer": a.beforeLayer
+    }, t.$attrs), null, 16, ["map", "port", "before-layer"]),
     P(H, I({
-      map: t.map,
+      map: a.map,
       line: (Xe = i.otherLayers) == null ? void 0 : Xe["load-lines"],
-      "before-layer": t.beforeLayer
-    }, a.$attrs), null, 16, ["map", "line", "before-layer"]),
+      "before-layer": a.beforeLayer
+    }, t.$attrs), null, 16, ["map", "line", "before-layer"]),
     P(X, I({
-      map: t.map,
+      map: a.map,
       zone: (Je = i.otherLayers) == null ? void 0 : Je["time-zones"],
-      "before-layer": t.beforeLayer
-    }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
+      "before-layer": a.beforeLayer
+    }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
     P(ee, I({
-      map: t.map,
+      map: a.map,
       area: (qe = i.otherLayers) == null ? void 0 : qe["voluntary-reporting-area"],
-      "before-layer": t.beforeLayer
-    }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
+      "before-layer": a.beforeLayer
+    }, t.$attrs), null, 16, ["map", "area", "before-layer"]),
     P(he, I({
-      map: t.map,
+      map: a.map,
       area: (Ye = i.otherLayers) == null ? void 0 : Ye["special-area"],
-      "before-layer": t.beforeLayer
-    }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
+      "before-layer": a.beforeLayer
+    }, t.$attrs), null, 16, ["map", "area", "before-layer"]),
     P(te, I({
-      map: t.map,
+      map: a.map,
       area: (Qe = i.otherLayers) == null ? void 0 : Qe["day-night"]
-    }, a.$attrs), null, 16, ["map", "area"]),
-    P(A, I({
-      map: t.map,
+    }, t.$attrs), null, 16, ["map", "area"]),
+    P(R, I({
+      map: a.map,
       show: i.showCoord,
       "toggle-version": i.toggleVersion
-    }, a.$attrs), null, 16, ["map", "show", "toggle-version"]),
+    }, t.$attrs), null, 16, ["map", "show", "toggle-version"]),
     P(V, I({
-      map: t.map,
+      map: a.map,
       show: i.showMeasure
-    }, a.$attrs), null, 16, ["map", "show"]),
+    }, t.$attrs), null, 16, ["map", "show"]),
     P(de, I({
-      map: t.map,
+      map: a.map,
       show: i.showPoint,
       meteo: i.meteo
-    }, a.$attrs, { onPoint: o.handlePointChange }), null, 16, ["map", "show", "meteo", "onPoint"])
+    }, t.$attrs, { onPoint: o.handlePointChange }), null, 16, ["map", "show", "meteo", "onPoint"])
   ])) : N("", !0);
 }
 const es = /* @__PURE__ */ T(Yo, [["render", Ko]]), cs = {
-  install(a) {
-    a.component("MapboxGL", es), a.component("TropicalGL", tt), a.component("LatLngGL", at);
+  install(t) {
+    t.component("MapboxGL", es), t.component("TropicalGL", tt), t.component("LatLngGL", at);
   }
 };
 export {