@idmwx/idmui-gl3 4.0.5 → 4.0.7

package/dist/index.js

@@ -1,19 +1,19 @@
 var et = Object.defineProperty;
-var tt = (t, e, a) => e in t ? et(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
-var R = (t, e, a) => (tt(t, typeof e != "symbol" ? e + "" : e, a), a);
+var tt = (a, e, t) => e in a ? et(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var R = (a, e, t) => (tt(a, typeof e != "symbol" ? e + "" : e, t), t);
 import { LayerHelper as We, CompanyHelper as Ae, convertToStandardLng as Ie } from "@idmwx/idmwx-base";
-import { resolveComponent as z, openBlock as L, createElementBlock as x, createElementVNode as l, normalizeStyle as F, normalizeClass as M, Fragment as Re, renderList as De, toDisplayString as S, createVNode as P, withCtx as at, createTextVNode as Xe, createCommentVNode as $, pushScopeId as G, popScopeId as H, withDirectives as Me, vShow as $e, createStaticVNode as it, mergeProps as I } from "vue";
+import { resolveComponent as z, openBlock as L, createElementBlock as x, createElementVNode as l, normalizeStyle as F, normalizeClass as M, Fragment as Re, renderList as De, toDisplayString as S, createVNode as P, withCtx as at, createTextVNode as Xe, createCommentVNode as $, pushScopeId as H, popScopeId as G, withDirectives as Me, vShow as $e, createStaticVNode as it, mergeProps as I } from "vue";
 import * as C from "@turf/turf";
 import rt from "@mapbox/sphericalmercator";
-import te from "moment";
+import Z from "moment";
 import ne from "mapbox-gl";
-import { TropicalHelper as qe, LngLatHelper as j, LaneHelper as ee } from "@idm-plugin/geo";
+import { TropicalHelper as qe, LngLatHelper as j, LaneHelper as te } from "@idm-plugin/geo";
 import se from "axios";
-const T = (t, e) => {
-  const a = t.__vccOpts || t;
+const T = (a, e) => {
+  const t = a.__vccOpts || a;
   for (const [r, i] of e)
-    a[r] = i;
-  return a;
+    t[r] = i;
+  return t;
 }, ot = {
   name: "IdmGlLayer",
   props: {
@@ -70,9 +70,9 @@ const T = (t, e) => {
   },
   computed: {
     computeLayerClass() {
-      return function(t, e) {
-        let a = "layer";
-        return e.some((r) => r.key === t.key) && (a = "layer active"), (!t.enabled || this.rampColorLayers.includes(t.key) && this.mapProjection === "globe") && (a = "layer disabled"), a;
+      return function(a, e) {
+        let t = "layer";
+        return e.some((r) => r.key === a.key) && (t = "layer active"), (!a.enabled || this.rampColorLayers.includes(a.key) && this.mapProjection === "globe") && (t = "layer disabled"), t;
       };
     }
   },
@@ -80,56 +80,56 @@ const T = (t, e) => {
     showLayers: {
       handler() {
         this.$nextTick(() => {
-          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;
+          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;
         });
       }
     },
     toggleMenu: {
       handler() {
         this.$nextTick(() => {
-          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;
+          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;
         });
       }
     }
   },
   mounted() {
-    const t = localStorage.getItem(this.version.k);
-    this.version.v !== t && (localStorage.removeItem(this.weatherLayersCache), localStorage.setItem(this.version.k, this.version.v));
+    const a = localStorage.getItem(this.version.k);
+    this.version.v !== a && (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 a = JSON.parse(
+    let t = JSON.parse(
       e || '[{"weight":1,"name":"Wind","key":"wind","enabled":true,"type":"json","particle":true},{"weight":4096,"name":"Pressure","key":"prmsl","enabled":true,"type":"json"},{"weight":256,"name":"Tropicals","key":"tropicals","enabled":true,"type":"json"}]'
     );
-    this.weatherLayers = a, this.autoActive && (this.activeWeatherLayers = [...a]), e = localStorage.getItem(this.otherLayersCache), a = JSON.parse(
+    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"}]',
       '[{"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();
+    ), this.otherLayers = t, 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(t) {
-      if (this.rampColorLayers.includes(t.key) && this.mapProjection === "globe")
+    handleWeatherLayerPick(a) {
+      if (this.rampColorLayers.includes(a.key) && this.mapProjection === "globe")
         return !1;
-      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);
+      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);
     },
-    handleActiveWeatherLayerPick(t) {
-      if (this.rampColorLayers.includes(t.key) && this.mapProjection === "globe")
+    handleActiveWeatherLayerPick(a) {
+      if (this.rampColorLayers.includes(a.key) && this.mapProjection === "globe")
         return !1;
-      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);
+      if (this.activeWeatherLayers.some((e) => e.key === a.key))
+        this.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.key !== a.key);
+      else if (a.enabled) {
+        this.activeWeatherLayers.push(a);
         for (const e of this.weatherLayers)
-          t.weight > e.weight && t.weight & e.weight && this.activeWeatherLayers.push(e);
+          a.weight > e.weight && a.weight & e.weight && this.activeWeatherLayers.push(e);
       }
       this.$emit("weather", this.weatherLayers, this.activeWeatherLayers, this.source);
     },
-    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);
+    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);
     },
     handleMenuToggle() {
       this.showLayers = !this.showLayers;
@@ -146,8 +146,8 @@ const T = (t, e) => {
     handle3DToggle() {
       this.show3d = !this.show3d, this.$emit("3d", this.show3d);
     },
-    handleSourceToggle(t) {
-      this.source = t, this.handleConfirm();
+    handleSourceToggle(a) {
+      this.source = a, this.handleConfirm();
     }
   }
 }, st = { class: "idm-gl3-layer" }, nt = { class: "bar-item layer-bars" }, lt = /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1), ct = [
@@ -166,12 +166,12 @@ const T = (t, e) => {
   class: "layers-title",
   style: { display: "flex", "align-items": "center", "justify-content": "space-between" }
 }, St = { style: { "font-size": "12px" } }, kt = { class: "layers-body" }, zt = ["onClick"], Pt = /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1), Tt = { class: "other-layers" }, Et = /* @__PURE__ */ l("div", { class: "layers-title" }, "Other Layers", -1), It = { class: "layers-body" }, Rt = ["onClick"], Dt = /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1), At = { class: "source-layers" }, Mt = /* @__PURE__ */ l("span", { class: "layers-title" }, "Forecast Model", -1), $t = { class: "layers-body model-box" };
-function Bt(t, e, a, r, i, o) {
+function Bt(a, e, t, r, i, o) {
   const n = z("ElScrollbar");
   return L(), x("div", st, [
     l("div", {
       class: "menu-bar-box",
-      style: F({ top: a.top + 10 + "px", right: i.right + "px" })
+      style: F({ top: t.top + 10 + "px", right: i.right + "px" })
     }, [
       l("div", nt, [
         l("div", {
@@ -182,7 +182,7 @@ function Bt(t, e, a, r, i, o) {
     ], 4),
     l("div", {
       class: "menu-bar-box",
-      style: F({ top: a.top + 160 + "px", right: i.right + "px" })
+      style: F({ top: t.top + 160 + "px", right: i.right + "px" })
     }, [
       l("div", ht, [
         l("div", {
@@ -218,7 +218,7 @@ function Bt(t, e, a, r, i, o) {
     ], 4),
     l("div", {
       class: "available-layers flex-center",
-      style: F({ top: a.top + "px", right: i.showLayers ? "0px" : "-240px" })
+      style: F({ top: t.top + "px", right: i.showLayers ? "0px" : "-240px" })
     }, [
       l("div", {
         class: "side-bar",
@@ -330,8 +330,8 @@ const Wt = {
   watch: {
     "wind.version": {
       handler() {
-        var t;
-        (t = this.wind) != null && t.active && this.showFeather ? this.handleRender() : this.handleClear();
+        var a;
+        (a = this.wind) != null && a.active && this.showFeather ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
@@ -349,22 +349,22 @@ const Wt = {
     },
     toggleVersion: {
       handler() {
-        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;
+        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;
       },
       immediate: !0
     },
     "current.version": {
       handler() {
-        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;
+        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;
       },
       immediate: !0
     },
     weatherLayers: {
       handler() {
-        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;
+        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;
       },
       immediate: !0
     }
@@ -374,7 +374,7 @@ const Wt = {
       this.$emit("particle", { particle: !this.showParticle, key: "wind", weight: 1 });
     },
     handleRender() {
-      var t, e, a, r;
+      var a, e, t, r;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
@@ -382,7 +382,7 @@ const Wt = {
       else if (this.wind) {
         const i = (/* @__PURE__ */ new Date()).valueOf();
         let o = 0, n = 0, s = this.empty;
-        if ((t = this.wind) != null && t.active && (s = (e = this.wind) == null ? void 0 : e.data), (a = this.map) != null && a.getSource(this.source))
+        if ((a = this.wind) != null && a.active && (s = (e = this.wind) == null ? void 0 : e.data), (t = this.map) != null && t.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 });
@@ -432,14 +432,14 @@ const Wt = {
       if (!this.windBarbLoaded)
         this.handleRender();
       else
-        for (const t of this.barbs ?? []) {
-          const e = t < 10 ? `00${t}kts` : t < 100 ? `0${t}kts` : `${t}kts`;
+        for (const a of this.barbs ?? []) {
+          const e = a < 10 ? `00${a}kts` : a < 100 ? `0${a}kts` : `${a}kts`;
           this.map.getLayer(e) && this.map.setLayoutProperty(e, "visibility", this.showFeather ? "visible" : "none");
         }
     },
     handleClear() {
-      for (const t of this.barbs ?? []) {
-        const e = t < 10 ? `00${t}kts` : t < 100 ? `0${t}kts` : `${t}kts`;
+      for (const a of this.barbs ?? []) {
+        const e = a < 10 ? `00${a}kts` : a < 100 ? `0${a}kts` : `${a}kts`;
         this.map.getLayer(e) && this.map.removeLayer(e);
       }
       this.map.getSource(this.source) && this.map.removeSource(this.source), this.windBarbLoaded = !1;
@@ -451,37 +451,37 @@ const Wt = {
 }, Ft = {
   key: 1,
   class: "iconfont"
-}, Vt = {
+}, Ut = {
   key: 0,
   class: "iconfont active"
-}, Ut = {
+}, Vt = {
   key: 1,
   class: "iconfont"
 };
-function Gt(t, e, a, r, i, o) {
+function Zt(a, e, t, r, i, o) {
   var n;
-  return (n = a.wind) != null && n.active ? (L(), x("div", Ot, [
+  return (n = t.wind) != null && n.active ? (L(), x("div", Ot, [
     l("div", {
       class: "flex-center tool-bars",
       style: F([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
     }, [
-      a.mapProjection === "mercator" ? (L(), x("div", {
+      t.mapProjection === "mercator" ? (L(), x("div", {
         key: 0,
         class: "flex-start",
         onClick: e[0] || (e[0] = (...s) => o.handleParticle && o.handleParticle(...s))
       }, [
-        a.showParticle ? (L(), x("i", jt, "")) : (L(), x("i", Ft, "")),
+        t.showParticle ? (L(), x("i", jt, "")) : (L(), x("i", Ft, "")),
         l("span", {
-          class: M(a.showParticle ? "active" : "")
+          class: M(t.showParticle ? "active" : "")
         }, "Wind Particles", 2)
       ])) : $("", !0),
-      a.showParticle ? (L(), x("div", {
+      t.showParticle ? (L(), x("div", {
         key: 1,
         class: "flex-start",
         style: { "margin-left": "16px" },
         onClick: e[1] || (e[1] = (s) => i.showFeather = !i.showFeather)
       }, [
-        i.showFeather ? (L(), x("i", Vt, "")) : (L(), x("i", Ut, "")),
+        i.showFeather ? (L(), x("i", Ut, "")) : (L(), x("i", Vt, "")),
         l("span", {
           class: M(i.showFeather ? "active" : "")
         }, "Wind Feather", 2)
@@ -489,7 +489,7 @@ function Gt(t, e, a, r, i, o) {
     ], 4)
   ])) : $("", !0);
 }
-const Ht = /* @__PURE__ */ T(Wt, [["render", Gt], ["__scopeId", "data-v-b6fb74d9"]]);
+const Ht = /* @__PURE__ */ T(Wt, [["render", Zt], ["__scopeId", "data-v-b6fb74d9"]]);
 class Oe {
   constructor(e) {
     R(this, "map");
@@ -508,8 +508,8 @@ class Oe {
    * @param lng
    * @param n
    */
-  convertNLng(e, a = 0) {
-    return e > 180 ? this.convertNLng(e - 360, a + 1) : e < -180 ? this.convertNLng(e + 360, a + 1) : [e, a];
+  convertNLng(e, t = 0) {
+    return e > 180 ? this.convertNLng(e - 360, t + 1) : e < -180 ? this.convertNLng(e + 360, t + 1) : [e, t];
   }
   /**
    * [4326坐标]
@@ -535,28 +535,28 @@ class Oe {
    * @param [lb.x, lb.y, rt.x, rt.y]
    */
   getBoundPixel() {
-    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, d] = this.mercator.px([o, r[1]], a), [p, f] = this.mercator.px([s, i[1]], a), m = Math.round(this.mercator.size * Math.pow(2, a) * (n + c));
+    const e = this.map.getBounds(), t = this.map.getZoom() + 1, r = [e._ne.lng, e._ne.lat], i = [e._sw.lng, e._sw.lat], [o, n] = this.convertNLng(r[0]), [s, c] = this.convertNLng(i[0]), [h, d] = this.mercator.px([o, r[1]], t), [p, f] = this.mercator.px([s, i[1]], t), m = Math.round(this.mercator.size * Math.pow(2, t) * (n + c));
     return [p, f, h + m, d];
   }
   /**
    * [视窗边界像素宽度]
    */
   getBoundRange() {
-    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];
+    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];
   }
   /**
    * 获取视窗世界（多世界复本）
    * @param pixels
    * @param zoom
    */
-  getWorldCopy(e, a) {
-    const r = 2 ** a, [i, o, n, s] = e.map((d) => ~~(d / (r * 256))), c = [];
+  getWorldCopy(e, t) {
+    const r = 2 ** t, [i, o, n, s] = e.map((d) => ~~(d / (r * 256))), c = [];
     for (let d = s; d <= o; d++)
       for (let p = i; p <= n; p++)
         c.push([p, d]);
     return c.map((d) => {
-      const p = 2 ** a * 256;
+      const p = 2 ** t * 256;
       return [d[0] * p, d[1] * p, p];
     });
   }
@@ -565,12 +565,12 @@ class Oe {
     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 a = this.map.getLayoutProperty(this.rampColorLayer, "visibility"), r = e ? "visible" : "none";
-    a !== r && this.map.setLayoutProperty(this.rampColorLayer, "visibility", r);
+    const t = this.map.getLayoutProperty(this.rampColorLayer, "visibility"), r = e ? "visible" : "none";
+    t !== r && this.map.setLayoutProperty(this.rampColorLayer, "visibility", r);
   }
   toggleParticle(e) {
-    const a = this.map.getLayoutProperty(this.particleLayer, "visibility"), r = e ? "visible" : "none";
-    a !== r && this.map.setLayoutProperty(this.particleLayer, "visibility", r);
+    const t = this.map.getLayoutProperty(this.particleLayer, "visibility"), r = e ? "visible" : "none";
+    t !== r && this.map.setLayoutProperty(this.particleLayer, "visibility", r);
   }
 }
 class we {
@@ -581,8 +581,8 @@ class we {
    * @param type [VERTEX_SHADER, FRAGMENT_SHADER]
    * @param schema 着色器渲染代码[GLSL]
    */
-  createShader(e, a, r) {
-    const i = e.createShader(a);
+  createShader(e, t, r) {
+    const i = e.createShader(t);
     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;
@@ -598,9 +598,9 @@ class we {
    * @param width??
    * @param height??
    */
-  createTexture(e, a, r, i, o, n, s) {
+  createTexture(e, t, 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, 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;
+    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;
   }
   /**
    * 创建数据资源
@@ -609,10 +609,10 @@ class we {
    * element: ELEMENT_ARRAY_BUFFER
    * @param resource 顶点数据
    */
-  createDataBuffer(e, a, r) {
+  createDataBuffer(e, t, r) {
     if (e) {
       const i = e.createBuffer();
-      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 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 null;
   }
@@ -622,8 +622,8 @@ class we {
    * @param vertexSchema
    * @param fragmentSchema
    */
-  createProgram(e, a, r) {
-    const i = e.createProgram(), o = this.createShader(e, e.VERTEX_SHADER, a), n = this.createShader(e, e.FRAGMENT_SHADER, r);
+  createProgram(e, t, r) {
+    const i = e.createProgram(), o = this.createShader(e, e.VERTEX_SHADER, t), 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;
@@ -634,8 +634,8 @@ class we {
    * @param vertexSchema
    * @param fragmentSchema
    */
-  createProgramWrapper(e, a, r) {
-    const i = this.createProgram(e, a, r);
+  createProgramWrapper(e, t, r) {
+    const i = this.createProgram(e, t, r);
     if (i) {
       const o = { program: i }, n = e.getProgramParameter(i, e.ACTIVE_ATTRIBUTES);
       for (let c = 0; c < n; c++) {
@@ -654,13 +654,13 @@ class we {
    * 初始化渐变色纹理
    * @param colors
    */
-  setup(e, a, r = !1, i, o) {
+  setup(e, t, 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 a.forEach(([h, d]) => {
+      return t.forEach(([h, d]) => {
         c.addColorStop(h, d);
       }), s.fillStyle = c, s.fillRect(0, 0, 256, 1), {
         canvas: n,
@@ -676,8 +676,8 @@ class we {
       };
     }
   }
-  setupParticle(e, a = 1e3) {
-    const r = Math.ceil(Math.sqrt(a)), i = r * r, o = new Uint8Array(i * 4);
+  setupParticle(e, t = 1e3) {
+    const r = Math.ceil(Math.sqrt(t)), i = r * r, o = new Uint8Array(i * 4);
     for (let d = 0; d < o.length; d++)
       o[d] = 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);
@@ -686,8 +686,8 @@ class we {
     const h = this.createDataBuffer(e, "array", c);
     return { resolution: r, total: i, texture0: n, texture1: s, indexBuffer: h };
   }
-  bind(e, a, r) {
-    const i = this.createProgram(e, a, r);
+  bind(e, t, r) {
+    const i = this.createProgram(e, t, 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);
@@ -698,68 +698,68 @@ class we {
     }
     return {};
   }
-  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), d = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), p = e.createFramebuffer();
+  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), d = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), p = e.createFramebuffer();
     return { particle: s, screen: c, update: h, quadBuffer: d, frameBuffer: p };
   }
-  draw(e, a, r, i, o, n, s) {
+  draw(e, t, r, i, o, n, s) {
     var c, h;
-    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);
+    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);
       try {
-        const d = a.getUniformLocation(r, "u_resolution"), p = a.getUniformLocation(r, "u_image"), f = a.getUniformLocation(r, "u_color");
-        if (a.useProgram(r), a.uniform2f(d, a.canvas.width * e.ratio, a.canvas.height * e.ratio), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, i), a.uniform1i(p, 0), a.activeTexture(a.TEXTURE1), a.bindTexture(a.TEXTURE_2D, o), a.uniform1i(f, 1), s != null && s.uvRange && (s != null && s.sRange)) {
-          const u = a.getUniformLocation(r, "u_range_u_v"), v = a.getUniformLocation(r, "u_range_s");
-          a.uniform2f(u, s.uvRange[0], s.uvRange[1]), a.uniform2f(v, s.sRange[0], s.sRange[1]);
+        const d = t.getUniformLocation(r, "u_resolution"), p = t.getUniformLocation(r, "u_image"), f = t.getUniformLocation(r, "u_color");
+        if (t.useProgram(r), t.uniform2f(d, t.canvas.width * e.ratio, t.canvas.height * e.ratio), t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, i), t.uniform1i(p, 0), t.activeTexture(t.TEXTURE1), t.bindTexture(t.TEXTURE_2D, o), t.uniform1i(f, 1), s != null && s.uvRange && (s != null && s.sRange)) {
+          const u = t.getUniformLocation(r, "u_range_u_v"), v = t.getUniformLocation(r, "u_range_s");
+          t.uniform2f(u, s.uvRange[0], s.uvRange[1]), t.uniform2f(v, s.sRange[0], s.sRange[1]);
         }
         const m = e.getBoundPixel(), b = e.map.getZoom() + 1, y = e.getWorldCopy(m, b);
         for (const u of y) {
           const v = (u[0] - m[0]) * e.ratio, g = (u[1] - m[3]) * e.ratio, w = u[2] * e.ratio, [k, _, D, A] = [v, w + v, g, w + g], B = new Float32Array([k, D, _, D, k, A, k, A, _, D, _, A]);
-          a.bindBuffer(a.ARRAY_BUFFER, n), a.bufferData(a.ARRAY_BUFFER, B, a.STATIC_DRAW), a.drawArrays(a.TRIANGLES, 0, 6);
+          t.bindBuffer(t.ARRAY_BUFFER, n), t.bufferData(t.ARRAY_BUFFER, B, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
         }
       } catch (d) {
         console.log(`render failed...${d}`);
       }
     }
   }
-  drawParticle(e, a, r, i, o) {
+  drawParticle(e, t, r, i, o) {
     var n, s;
-    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));
+    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));
   }
-  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);
+  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);
     const o = r.backgroundTexture;
     r.backgroundTexture = r.screenTexture, r.screenTexture = o;
   }
-  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));
+  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));
   }
-  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);
+  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);
       const o = e.getBoundRange();
-      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);
+      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);
     }
   }
-  updateParticles(e, a, r, i) {
+  updateParticles(e, t, r, i) {
     var n, s;
-    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);
+    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);
       const c = e.getBoundRange();
-      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);
+      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);
     }
     const o = r.texture0;
     r.texture0 = r.texture1, r.texture1 = o;
   }
-  resize(e, a) {
+  resize(e, t) {
     e.resize();
-    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);
+    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);
     return { screenTexture: i, backgroundTexture: o };
   }
   async loadImg(e) {
-    return new Promise((a) => {
+    return new Promise((t) => {
       const r = new Blob([e], { type: e.type }), i = URL.createObjectURL(r), o = new Image();
-      o.crossOrigin = "anonymous", o.src = i, o.onload = () => a(o);
+      o.crossOrigin = "anonymous", o.src = i, o.onload = () => t(o);
     });
   }
 }
@@ -811,9 +811,9 @@ R(N, "fragmentSchema", `
       vec4 color = texture2D(u_color, vec2(rgba.r, 0));
       gl_FragColor = color;
     }`);
-class U {
+class V {
 }
-R(U, "vertexSchema", `
+R(V, "vertexSchema", `
     precision mediump float;
 
     attribute float a_index; // 索引
@@ -837,7 +837,7 @@ R(U, "vertexSchema", `
       gl_PointSize = 1.0;
       // gl_PointSize = u_point;
       gl_Position = vec4(2.0 * v_particle_pos.x - 1.0, 1.0 - 2.0 * v_particle_pos.y, 0, 1);
-    }`), R(U, "fragmentSchema", `
+    }`), R(V, "fragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_factor;
@@ -859,7 +859,7 @@ R(U, "vertexSchema", `
 
       float f = 1.0 - uv.b;
       gl_FragColor = texture2D(u_color_ramp, ramp_pos) * f;
-    }`), R(U, "quadVertSchema", `
+    }`), R(V, "quadVertSchema", `
     precision mediump float;
 
     attribute vec2 a_pos;
@@ -869,7 +869,7 @@ R(U, "vertexSchema", `
     void main() {
       v_tex_pos = a_pos;
       gl_Position = vec4(1.0 - 2.0 * a_pos, 0, 1);
-    }`), R(U, "screenFragmentSchema", `
+    }`), R(V, "screenFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_screen;
@@ -881,7 +881,7 @@ R(U, "vertexSchema", `
       vec4 color = texture2D(u_screen, 1.0 - v_tex_pos);
       // a hack to guarantee opacity fade out even with a value close to 1.0
       gl_FragColor = vec4(floor(255.0 * color * u_opacity) / 255.0);
-    }`), R(U, "updateFragmentSchema", `
+    }`), R(V, "updateFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_particles;
@@ -960,7 +960,7 @@ R(U, "vertexSchema", `
         fract(pos * 255.0),
         floor(pos * 255.0) / 255.0);
     }`);
-class Zt {
+class Gt {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
     R(this, "token");
     R(this, "mapboxCustomer");
@@ -2616,15 +2616,15 @@ const Jt = {
   watch: {
     "factor.version": {
       handler() {
-        var t;
-        (t = this.factor) != null && t.active ? this.handleRender() : this.handleClear();
+        var a;
+        (a = this.factor) != null && a.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
     toggleVersion: {
       handler() {
-        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;
+        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;
       },
       immediate: !0
     }
@@ -2636,19 +2636,19 @@ const Jt = {
           this.handleRender();
         }, 500);
       else if (this.factor) {
-        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);
+        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);
       }
     },
     handleClear() {
-      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();
+      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();
     },
     handleSetup() {
       if (!this.context) {
         this.context = this.viewport.rampColorCanvas.getContext("webgl");
-        const t = [
+        const a = [
           [0, "rgb(98, 113, 184, 0.8)"],
           // 0
           [12 / 255, "rgb(98, 113, 184)"],
@@ -2677,40 +2677,40 @@ const Jt = {
           // 30m/s
           [1, "rgb(91, 136, 161)"]
         ];
-        this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, N.vertexSchema, N.uvFragmentSchema);
-        this.program = e, this.aPositionBuffer = a;
+        this.rampColor = this.webgl.setup(this.context, a);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.uvFragmentSchema);
+        this.program = e, this.aPositionBuffer = t;
       }
       this.handleParticleSetup();
     },
     handleParticleSetup() {
       if (!this.particleContext) {
         this.particleContext = this.viewport.particleCanvas.getContext("webgl");
-        const t = [
+        const a = [
           [0, "rgb(183,224,224)"],
           [1, "rgb(217,220,220)"]
         ];
         this.wrapper = this.webgl.bindParticle(
           this.particleContext,
-          U.vertexSchema,
-          U.fragmentSchema,
-          U.quadVertSchema,
-          U.screenFragmentSchema,
-          U.updateFragmentSchema
-        ), 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);
+          V.vertexSchema,
+          V.fragmentSchema,
+          V.quadVertSchema,
+          V.screenFragmentSchema,
+          V.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);
       }
     },
     async handleDraw() {
       if (this.handleSetup(), this.etime !== this.factor.etime) {
         this.etime = this.factor.etime;
-        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(
+        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(
           this.particleContext,
           this.particleContext.NEAREST,
           this.particleContext.LINEAR,
           this.particleContext.CLAMP_TO_EDGE,
-          t
-        ), this.wrapper.image = t;
+          a
+        ), this.wrapper.image = a;
       }
       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);
     },
@@ -2726,7 +2726,7 @@ const Jt = {
       });
     }
   }
-}, le = (t) => (G("data-v-41a686d0"), t = t(), H(), t), Xt = { key: 0 }, qt = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "kts", -1)), Yt = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "0", -1)), Qt = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "5", -1)), Kt = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "10", -1)), ea = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "20", -1)), ta = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "30", -1)), aa = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "40", -1)), ia = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "60", -1)), ra = [
+}, le = (a) => (H("data-v-41a686d0"), a = a(), G(), a), Xt = { key: 0 }, qt = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "kts", -1)), Yt = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "0", -1)), Qt = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "5", -1)), Kt = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "10", -1)), ea = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "20", -1)), ta = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "30", -1)), aa = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "40", -1)), ia = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "60", -1)), ra = [
   qt,
   Yt,
   Qt,
@@ -2736,12 +2736,12 @@ const Jt = {
   aa,
   ia
 ];
-function oa(t, e, a, r, i, o) {
+function oa(a, e, t, r, i, o) {
   var n;
-  return (n = a.factor) != null && n.active ? (L(), x("div", Xt, [
+  return (n = t.factor) != null && n.active ? (L(), x("div", Xt, [
     l("div", {
       class: "legend-bars flex-center",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
+      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, ra, 4)
   ])) : $("", !0);
 }
@@ -2792,8 +2792,8 @@ const na = {
   watch: {
     "current.version": {
       handler() {
-        var t;
-        (t = this.current) != null && t.active ? this.handleRender() : this.handleClear();
+        var a;
+        (a = this.current) != null && a.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
@@ -2811,15 +2811,15 @@ const na = {
     },
     toggleVersion: {
       handler() {
-        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;
+        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;
       },
       immediate: !0
     },
     weatherLayers: {
       handler() {
-        var t;
-        this.bottom = (((t = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : t.clientHeight) || 0) + 105;
+        var a;
+        this.bottom = (((a = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : a.clientHeight) || 0) + 105;
       },
       immediate: !0
     }
@@ -2829,15 +2829,15 @@ const na = {
       this.$emit("particle", { particle: !this.showParticle, key: "current", weight: 96 });
     },
     handleRender() {
-      var t, e;
+      var a, e;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
         }, 500);
       else if (this.current) {
-        const a = (/* @__PURE__ */ new Date()).valueOf();
+        const t = (/* @__PURE__ */ new Date()).valueOf();
         let r = 0, i = 0, o = this.empty;
-        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(
+        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(
           {
             id: this.speedLayer,
             type: "fill",
@@ -2896,7 +2896,7 @@ const na = {
             }
           },
           this.beforeLayer
-        ), i = (/* @__PURE__ */ new Date()).valueOf() - (a + r), console.log("[current] add elapsed: ", i, ", total: ", r += i)), this.handleToggle();
+        ), i = (/* @__PURE__ */ new Date()).valueOf() - (t + r), console.log("[current] add elapsed: ", i, ", total: ", r += i)), this.handleToggle();
       }
     },
     handleToggle() {
@@ -2919,24 +2919,24 @@ const na = {
   key: 1,
   class: "iconfont"
 };
-function ma(t, e, a, r, i, o) {
+function ma(a, e, t, r, i, o) {
   var n;
-  return (n = a.current) != null && n.active ? (L(), x("div", la, [
+  return (n = t.current) != null && n.active ? (L(), x("div", la, [
     l("div", {
       class: "flex-center tool-bars",
       style: F([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
     }, [
-      a.mapProjection === "mercator" ? (L(), x("div", {
+      t.mapProjection === "mercator" ? (L(), x("div", {
         key: 0,
         class: "flex-start",
         onClick: e[0] || (e[0] = (...s) => o.handleParticle && o.handleParticle(...s))
       }, [
-        a.showParticle ? (L(), x("i", ca, "")) : (L(), x("i", ha, "")),
+        t.showParticle ? (L(), x("i", ca, "")) : (L(), x("i", ha, "")),
         l("span", {
-          class: M(a.showParticle ? "active" : "")
+          class: M(t.showParticle ? "active" : "")
         }, "Current Particles", 2)
       ])) : $("", !0),
-      a.showParticle ? (L(), x("div", {
+      t.showParticle ? (L(), x("div", {
         key: 1,
         class: "flex-start",
         style: { "margin-left": "16px" },
@@ -3003,15 +3003,15 @@ const ya = {
   watch: {
     "factor.version": {
       handler() {
-        var t;
-        (t = this.factor) != null && t.active ? this.handleRender() : this.handleClear();
+        var a;
+        (a = this.factor) != null && a.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
     toggleVersion: {
       handler() {
-        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;
+        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;
       },
       immediate: !0
     }
@@ -3023,19 +3023,19 @@ const ya = {
           this.handleRender();
         }, 500);
       else if (this.factor) {
-        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);
+        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);
       }
     },
     handleClear() {
-      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();
+      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();
     },
     handleSetup() {
       if (!this.context) {
         this.context = this.viewport.rampColorCanvas.getContext("webgl");
-        const t = [
+        const a = [
           [0 / 255, "rgba(95, 143, 197,1)"],
           [5 / 255, "rgba(64,127,115,1)"],
           [10 / 255, "rgb(58,164,58)"],
@@ -3055,27 +3055,27 @@ const ya = {
           // 2.54
           [1, "rgb(195,194,194)"]
         ];
-        this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, N.vertexSchema, N.uvFragmentSchema);
-        this.program = e, this.aPositionBuffer = a;
+        this.rampColor = this.webgl.setup(this.context, a);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.uvFragmentSchema);
+        this.program = e, this.aPositionBuffer = t;
       }
       this.handleParticleSetup();
     },
     handleParticleSetup() {
       if (!this.particleContext) {
         this.particleContext = this.viewport.particleCanvas.getContext("webgl");
-        const t = [
+        const a = [
           [0, "rgb(183,224,224)"],
           [1, "rgb(199,202,202)"]
         ];
         this.wrapper = this.webgl.bindParticle(
           this.particleContext,
-          U.vertexSchema,
-          U.fragmentSchema,
-          U.quadVertSchema,
-          U.screenFragmentSchema,
-          U.updateFragmentSchema
-        ), this.wrapper.color = this.webgl.setup(this.particleContext, t, !0, 16, 16), this.wrapper = {
+          V.vertexSchema,
+          V.fragmentSchema,
+          V.quadVertSchema,
+          V.screenFragmentSchema,
+          V.updateFragmentSchema
+        ), this.wrapper.color = this.webgl.setup(this.particleContext, a, !0, 16, 16), this.wrapper = {
           ...this.wrapper,
           ...this.webgl.setupParticle(this.particleContext, 12e3),
           ...this.webgl.resize(this.viewport, this.particleContext)
@@ -3085,14 +3085,14 @@ const ya = {
     async handleDraw() {
       if (this.handleSetup(), this.etime !== this.factor.etime) {
         this.etime = this.factor.etime;
-        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(
+        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(
           this.particleContext,
           this.particleContext.NEAREST,
           this.particleContext.LINEAR,
           this.particleContext.CLAMP_TO_EDGE,
-          t
-        ), this.wrapper.image = t;
+          a
+        ), this.wrapper.image = a;
       }
       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);
     },
@@ -3108,7 +3108,7 @@ const ya = {
       });
     }
   }
-}, Le = (t) => (G("data-v-9115889b"), t = t(), H(), t), fa = { key: 0 }, ga = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "kts", -1)), ba = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "0", -1)), va = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "0.4", -1)), _a = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "0.8", -1)), wa = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "1.6", -1)), La = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "2", -1)), xa = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "3.2", -1)), Ca = [
+}, Le = (a) => (H("data-v-9115889b"), a = a(), G(), a), fa = { key: 0 }, ga = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "kts", -1)), ba = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "0", -1)), va = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "0.4", -1)), _a = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "0.8", -1)), wa = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "1.6", -1)), La = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "2", -1)), xa = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "3.2", -1)), Ca = [
   ga,
   ba,
   va,
@@ -3117,12 +3117,12 @@ const ya = {
   La,
   xa
 ];
-function Sa(t, e, a, r, i, o) {
+function Sa(a, e, t, r, i, o) {
   var n;
-  return (n = a.factor) != null && n.active ? (L(), x("div", fa, [
+  return (n = t.factor) != null && n.active ? (L(), x("div", fa, [
     l("div", {
       class: "legend-bars flex-center",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
+      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, Ca, 4)
   ])) : $("", !0);
 }
@@ -3150,23 +3150,23 @@ const ka = /* @__PURE__ */ T(ya, [["render", Sa], ["__scopeId", "data-v-9115889b
   watch: {
     "sigWave.version": {
       handler() {
-        var t;
-        (t = this.sigWave) != null && t.active ? this.handleRender() : this.handleClear();
+        var a;
+        (a = this.sigWave) != null && a.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     }
   },
   methods: {
     handleRender() {
-      var t, e;
+      var a, e;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
         }, 500);
       else if (this.sigWave) {
-        const a = (/* @__PURE__ */ new Date()).valueOf();
+        const t = (/* @__PURE__ */ new Date()).valueOf();
         let r = 0, i = 0, o = this.empty;
-        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(
+        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(
           {
             id: this.heightLayer,
             type: "fill",
@@ -3229,7 +3229,7 @@ const ka = /* @__PURE__ */ T(ya, [["render", Sa], ["__scopeId", "data-v-9115889b
             }
           },
           this.beforeLayer
-        ), i = (/* @__PURE__ */ new Date()).valueOf() - (a + r), console.log("[sig.wave] add elapsed: ", i, ", total: ", r += i));
+        ), i = (/* @__PURE__ */ new Date()).valueOf() - (t + r), console.log("[sig.wave] add elapsed: ", i, ", total: ", r += i));
       }
     },
     handleClear() {
@@ -3237,7 +3237,7 @@ const ka = /* @__PURE__ */ T(ya, [["render", Sa], ["__scopeId", "data-v-9115889b
     }
   }
 };
-function Pa(t, e, a, r, i, o) {
+function Pa(a, e, t, r, i, o) {
   return L(), x("div");
 }
 const Ta = /* @__PURE__ */ T(za, [["render", Pa]]), Ea = {
@@ -3265,23 +3265,23 @@ const Ta = /* @__PURE__ */ T(za, [["render", Pa]]), Ea = {
   watch: {
     "swell.version": {
       handler() {
-        var t;
-        (t = this.swell) != null && t.active ? this.handleRender() : this.handleClear();
+        var a;
+        (a = this.swell) != null && a.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     }
   },
   methods: {
     handleRender() {
-      var t, e;
+      var a, e;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
         }, 500);
       else if (this.swell) {
-        const a = (/* @__PURE__ */ new Date()).valueOf();
+        const t = (/* @__PURE__ */ new Date()).valueOf();
         let r = 0, i = 0, o = this.empty;
-        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(
+        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(
           {
             id: this.heightLayer,
             type: "line",
@@ -3370,7 +3370,7 @@ const Ta = /* @__PURE__ */ T(za, [["render", Pa]]), Ea = {
             }
           },
           this.beforeLayer
-        ), i = (/* @__PURE__ */ new Date()).valueOf() - (a + r), console.log("[swell] add elapsed: ", i, ", total: ", r += i));
+        ), i = (/* @__PURE__ */ new Date()).valueOf() - (t + r), console.log("[swell] add elapsed: ", i, ", total: ", r += i));
       }
     },
     handleClear() {
@@ -3378,7 +3378,7 @@ const Ta = /* @__PURE__ */ T(za, [["render", Pa]]), Ea = {
     }
   }
 };
-function Ia(t, e, a, r, i, o) {
+function Ia(a, e, t, r, i, o) {
   return L(), x("div");
 }
 const Ra = /* @__PURE__ */ T(Ea, [["render", Ia]]), Da = {
@@ -3409,15 +3409,15 @@ const Ra = /* @__PURE__ */ T(Ea, [["render", Ia]]), Da = {
   watch: {
     "prmsl.version": {
       handler() {
-        var t;
-        (t = this.prmsl) != null && t.active ? this.handleRender() : this.handleClear();
+        var a;
+        (a = this.prmsl) != null && a.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     }
   },
   methods: {
     handleRender() {
-      var t, e, a;
+      var a, e, t;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
@@ -3425,7 +3425,7 @@ const Ra = /* @__PURE__ */ T(Ea, [["render", Ia]]), Da = {
       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(
+        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",
@@ -3438,7 +3438,7 @@ const Ra = /* @__PURE__ */ T(Ea, [["render", Ia]]), Da = {
             }
           },
           this.beforeLayer
-        ), (a = this.map) == null || a.addLayer(
+        ), (t = this.map) == null || t.addLayer(
           {
             id: this.labelLayer,
             type: "symbol",
@@ -3497,16 +3497,16 @@ const Ra = /* @__PURE__ */ T(Ea, [["render", Ia]]), Da = {
       }
     },
     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");
+      var a, e;
+      (e = (a = this.map) == null ? void 0 : a.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() {
-      var t, e;
-      this.activeWeatherLayers.length === 0 && ((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);
+      var a, e;
+      this.activeWeatherLayers.length === 0 && ((e = (a = this.map) == null ? void 0 : a.getLayer("country-boundaries")) == null || e.setLayoutProperty("visibility", "none")), this.map.getLayer(this.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 Aa(t, e, a, r, i, o) {
+function Aa(a, e, t, r, i, o) {
   return L(), x("div");
 }
 const Ma = /* @__PURE__ */ T(Da, [["render", Aa]]), $a = {
@@ -3532,23 +3532,23 @@ const Ma = /* @__PURE__ */ T(Da, [["render", Aa]]), $a = {
   watch: {
     "iceberg.version": {
       handler() {
-        var t;
-        (t = this.iceberg) != null && t.active ? this.handleRender() : this.handleClear();
+        var a;
+        (a = this.iceberg) != null && a.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     }
   },
   methods: {
     handleRender() {
-      var t, e;
+      var a, e;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
         }, 500);
       else if (this.iceberg) {
-        const a = (/* @__PURE__ */ new Date()).valueOf();
+        const t = (/* @__PURE__ */ new Date()).valueOf();
         let r = 0, i = 0, o = this.empty;
-        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({
+        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({
           id: this.layer,
           type: "line",
           source: this.source,
@@ -3558,7 +3558,7 @@ const Ma = /* @__PURE__ */ T(Da, [["render", Aa]]), $a = {
             "line-width": 2,
             "line-opacity": 1
           }
-        }), i = (/* @__PURE__ */ new Date()).valueOf() - (a + r), console.log("[iceberg] add elapsed: ", i, ", total: ", r += i));
+        }), i = (/* @__PURE__ */ new Date()).valueOf() - (t + r), console.log("[iceberg] add elapsed: ", i, ", total: ", r += i));
       }
     },
     handleClear() {
@@ -3566,7 +3566,7 @@ const Ma = /* @__PURE__ */ T(Da, [["render", Aa]]), $a = {
     }
   }
 };
-function Ba(t, e, a, r, i, o) {
+function Ba(a, e, t, r, i, o) {
   return L(), x("div");
 }
 const Na = /* @__PURE__ */ T($a, [["render", Ba]]);
@@ -3581,6 +3581,10 @@ const Wa = {
     },
     date: {
       type: String
+    },
+    timeZone: {
+      type: Number,
+      default: 0
     }
   },
   emits: ["tropical", "tropicalProbability"],
@@ -3612,13 +3616,16 @@ const Wa = {
   },
   computed: {
     computeTime() {
-      return function(t) {
-        if (t) {
-          const e = te(t).utc();
-          return `${e.format("MMM-DD,HHmm[Z]")} (${e == null ? void 0 : e.fromNow()})`;
+      return function(a) {
+        if (a) {
+          const e = Z(a).utc().utcOffset(this.timeZone), t = this.timeZone < 0 ? this.timeZone : "+" + this.timeZone;
+          return `${e.format("MMM-DD,HHmm")}[ UTC ${t} ]  ( ${e == null ? void 0 : e.fromNow()} )`;
         }
         return "-";
       };
+    },
+    computeTimezone() {
+      return this.timeZone < 0 ? this.timeZone : "+" + this.timeZone;
     }
   },
   watch: {
@@ -3636,40 +3643,49 @@ const Wa = {
     },
     "tropicals.version": {
       handler() {
-        var r, i;
-        const t = ((i = (r = this.tropicals) == null ? void 0 : r.data) == null ? void 0 : i.features) || [], e = te().utc().hour(), a = [];
-        t.forEach((o) => {
-          var n, s, c;
-          (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((d) => {
-            var p, f;
-            return ((f = (p = d.properties) == null ? void 0 : p.category) == null ? void 0 : f.split("-")[0]) === o;
-          });
-          (h = c.filter((d) => {
-            var p, f;
-            return ((p = d.geometry) == null ? void 0 : p.type) === "LineString" && ((f = d.properties) == null ? void 0 : f.type) === "forecast";
-          })[0]) == null || h.properties.model, c.forEach((d, p) => {
-            var f, m, b, y, u, v;
-            ((f = d.geometry) == null ? void 0 : f.type) === "Point" && ((m = d.properties) == null ? void 0 : m.type) === "history" && (n = p, s = s === void 0 ? p : s), ((b = d.geometry) == null ? void 0 : b.type) === "Point" && ((y = d.properties) == null ? void 0 : y.type) === "forecast" && s === void 0 && (s = p), ((u = d.geometry) == null ? void 0 : u.type) === "LineString" && ((v = d.properties) == null || v.type);
-          }), c.map((d, p) => {
-            var f, m, b, y, u, v, g, w;
-            if (((f = d.geometry) == null ? void 0 : f.type) === "LineString" && ((m = d.properties) == null || m.type), ((b = d.geometry) == null ? void 0 : b.type) === "Point" && ((y = d.properties) == null ? void 0 : y.type) === "forecast" && (d.properties.name = o), ((u = d.geometry) == null ? void 0 : u.type) === "Point" && ((v = d.properties) == null ? void 0 : v.type) === "history") {
-              const k = ((w = (g = d.properties) == null ? void 0 : g.format) == null ? void 0 : w.slice(7, 12)) === te().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm") + "Z";
-              d.properties.showHistoryLabel = k || p === n, d.properties.showNameLabel = p === n, d.properties.name = o;
-            }
-            return d;
-          });
-        }), this.handleInit();
+        this.handleRefresh();
+      }
+    },
+    timeZone: {
+      handler() {
+        this.handleRefresh();
       }
     }
   },
   methods: {
+    handleRefresh() {
+      var r, i;
+      const a = ((i = (r = this.tropicals) == null ? void 0 : r.data) == null ? void 0 : i.features) || [], e = Z().utc().hour(), t = [];
+      a.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 h;
+        let n = 0, s;
+        const c = a.filter((d) => {
+          var p, f;
+          return ((f = (p = d.properties) == null ? void 0 : p.category) == null ? void 0 : f.split("-")[0]) === o;
+        });
+        (h = c.filter((d) => {
+          var p, f;
+          return ((p = d.geometry) == null ? void 0 : p.type) === "LineString" && ((f = d.properties) == null ? void 0 : f.type) === "forecast";
+        })[0]) == null || h.properties.model, c.forEach((d, p) => {
+          var f, m, b, y, u, v;
+          ((f = d.geometry) == null ? void 0 : f.type) === "Point" && ((m = d.properties) == null ? void 0 : m.type) === "history" && (n = p, s = s === void 0 ? p : s), ((b = d.geometry) == null ? void 0 : b.type) === "Point" && ((y = d.properties) == null ? void 0 : y.type) === "forecast" && s === void 0 && (s = p), ((u = d.geometry) == null ? void 0 : u.type) === "LineString" && ((v = d.properties) == null || v.type);
+        }), c.map((d, p) => {
+          var f, m, b, y, u, v, g;
+          if (((f = d.geometry) == null ? void 0 : f.type) === "LineString" && ((m = d.properties) == null || m.type), ((b = d.geometry) == null ? void 0 : b.type) === "Point" && ((y = d.properties) == null ? void 0 : y.type) === "forecast" && (d.properties.name = o, d.properties.format = Z(d.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((u = d.geometry) == null ? void 0 : u.type) === "Point" && ((v = d.properties) == null ? void 0 : v.type) === "history") {
+            d.properties.format = Z(d.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
+            const w = Z((g = d.properties) == null ? void 0 : g.date).utc().format("HHmm") === Z().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm");
+            d.properties.showHistoryLabel = w || p === n, d.properties.showNameLabel = p === n, d.properties.name = o;
+          }
+          return d;
+        });
+      }), this.handleInit();
+    },
     handleInit() {
-      var t, e;
-      this.tropicals && this.tropicals.active ? (this.handleRender(), (t = this.map) == null || t.on(
+      var a, e;
+      this.tropicals && this.tropicals.active ? (this.handleRender(), (a = this.map) == null || a.on(
         "click",
         [
           this.forecastNameLayer,
@@ -3698,7 +3714,7 @@ const Wa = {
       ));
     },
     handleRender() {
-      var t, e, a, r, i, o, n, s, c, h;
+      var a, e, t, r, i, o, n, s, c, h;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
@@ -3707,7 +3723,7 @@ const Wa = {
         if (this.tropicals) {
           const p = (/* @__PURE__ */ new Date()).valueOf();
           let f = 0, m = 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), m = (/* @__PURE__ */ new Date()).valueOf() - (p + f), console.log("[tropicals] update elapsed: ", m, ", total: ", f += m)) : (this.map.addSource(this.source, {
+          (a = this.map) != null && a.getSource(this.source) ? ((t = this.map) == null || t.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), m = (/* @__PURE__ */ new Date()).valueOf() - (p + f), console.log("[tropicals] update elapsed: ", m, ", total: ", f += m)) : (this.map.addSource(this.source, {
             type: "geojson",
             data: (r = this.tropicals) != null && r.active ? (i = this.tropicals) == null ? void 0 : i.data : this.empty
           }), this.map.addLayer({
@@ -3929,18 +3945,18 @@ const Wa = {
       }
     },
     handleClear() {
-      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), this.map.getLayer(this.circleLayer) && this.map.removeLayer(this.circleLayer), this.map.getSource(this.circleSource) && this.map.removeSource(this.circleSource));
+      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), this.map.getLayer(this.circleLayer) && this.map.removeLayer(this.circleLayer), this.map.getSource(this.circleSource) && this.map.removeSource(this.circleSource));
     },
     handleDateChange() {
-      var t, e, a, r, i, o, n, s, c, h, d, p, f, m, b, y, u, v, g, w, k, _, D, A, B, W, O, Z, de, pe, me, ue, ye, fe, ge, ae;
-      if ((t = this.interpolateMarkers) == null || t.forEach((J) => J == null ? void 0 : J.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
-        const J = te(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), q = this.interpolateData.filter((E) => E.properties.date === J.format() && !E.properties.disabled), be = this.handleComputePolygons(q), Y = C.featureCollection([...q]);
+      var a, e, t, r, i, o, n, s, c, h, d, p, f, m, b, y, u, v, g, w, k, _, D, A, B, W, O, J, de, pe, me, ue, ye, fe, ge, ae;
+      if ((a = this.interpolateMarkers) == null || a.forEach((X) => X == null ? void 0 : X.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
+        const X = Z(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), Y = this.interpolateData.filter((E) => E.properties.date === X.format() && !E.properties.disabled), be = this.handleComputePolygons(Y), Q = C.featureCollection([...Y]);
         be.forEach((E) => {
-          Y.features.push(E);
-        }), (a = this.map) != null && a.getSource(this.interpolateSource) ? (r = this.map) == null || r.getSource(this.interpolateSource).setData(Y) : ((i = this.map) == null || i.addSource(this.interpolateSource, {
+          Q.features.push(E);
+        }), (t = this.map) != null && t.getSource(this.interpolateSource) ? (r = this.map) == null || r.getSource(this.interpolateSource).setData(Q) : ((i = this.map) == null || i.addSource(this.interpolateSource, {
           type: "geojson",
-          data: Y
+          data: Q
         }), (o = this.map) == null || o.addLayer({
           id: this.interpolateLineLayer,
           type: "line",
@@ -3952,17 +3968,17 @@ const Wa = {
             "line-width": 1
           }
         })), this.interpolateMarkers = [];
-        for (const E of q)
+        for (const E of Y)
           if (!E.properties.disabled) {
-            let V = "#f44336";
-            ((s = (n = E.properties) == null ? void 0 : n.wind) == null ? void 0 : s.spd) < 17.2 || !((h = (c = E.properties) == null ? void 0 : c.wind) != null && h.spd) ? V = "#03f869" : ((p = (d = E.properties) == null ? void 0 : d.wind) == null ? void 0 : p.spd) >= 17.2 && ((m = (f = E.properties) == null ? void 0 : f.wind) == null ? void 0 : m.spd) < 24.5 ? V = "#f2f202" : ((y = (b = E.properties) == null ? void 0 : b.wind) == null ? void 0 : y.spd) >= 24.5 && ((v = (u = E.properties) == null ? void 0 : u.wind) == null ? void 0 : v.spd) < 32.7 ? V = "#ff9100" : ((w = (g = E.properties) == null ? void 0 : g.wind) == null ? void 0 : w.spd) >= 32.7 && ((_ = (k = E.properties) == null ? void 0 : k.wind) == null ? void 0 : _.spd) < 41.5 ? V = "#f44336" : ((A = (D = E.properties) == null ? void 0 : D.wind) == null ? void 0 : A.spd) >= 41.5 && ((W = (B = E.properties) == null ? void 0 : B.wind) == null ? void 0 : W.spd) < 51 ? V = "#f903d0" : ((Z = (O = E.properties) == null ? void 0 : O.wind) == null ? void 0 : Z.spd) >= 51 ? V = "#8702f9" : V = "#f44336";
+            let U = "#f44336";
+            ((s = (n = E.properties) == null ? void 0 : n.wind) == null ? void 0 : s.spd) < 17.2 || !((h = (c = E.properties) == null ? void 0 : c.wind) != null && h.spd) ? U = "#03f869" : ((p = (d = E.properties) == null ? void 0 : d.wind) == null ? void 0 : p.spd) >= 17.2 && ((m = (f = E.properties) == null ? void 0 : f.wind) == null ? void 0 : m.spd) < 24.5 ? U = "#f2f202" : ((y = (b = E.properties) == null ? void 0 : b.wind) == null ? void 0 : y.spd) >= 24.5 && ((v = (u = E.properties) == null ? void 0 : u.wind) == null ? void 0 : v.spd) < 32.7 ? U = "#ff9100" : ((w = (g = E.properties) == null ? void 0 : g.wind) == null ? void 0 : w.spd) >= 32.7 && ((_ = (k = E.properties) == null ? void 0 : k.wind) == null ? void 0 : _.spd) < 41.5 ? U = "#f44336" : ((A = (D = E.properties) == null ? void 0 : D.wind) == null ? void 0 : A.spd) >= 41.5 && ((W = (B = E.properties) == null ? void 0 : B.wind) == null ? void 0 : W.spd) < 51 ? U = "#f903d0" : ((J = (O = E.properties) == null ? void 0 : O.wind) == null ? void 0 : J.spd) >= 51 ? U = "#8702f9" : U = "#f44336";
             const ve = `<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">
                           	<path
                           		d="M515.17000001 169.34666667c41-77.73 95.33-96 95.33-96-240 0-434.5 194.53-434.5 434.5 0 186.47 150.78 337.7 337.06 338.48C472.11000001 923.66666667 418.00000001 941.83666667 418.00000001 941.83666667c240 0 434.5-194.54 434.5-434.5l0.5 0.5C853.00000001 321.10666667 701.81000001 169.66666667 515.17000001 169.34666667z m-0.67 468A129.5 129.5 0 1 1 644.00000001 507.83666667a129.5 129.5 0 0 1-129.5 129.5z"
-                          		fill="${V}" p-id="18383"></path>
-                          	<path d="M514.50000001 507.83666667m-129.5 0a129.5 129.5 0 1 0 259 0 129.5 129.5 0 1 0-259 0Z" fill="${V}"
+                          		fill="${U}" p-id="18383"></path>
+                          	<path d="M514.50000001 507.83666667m-129.5 0a129.5 129.5 0 1 0 259 0 129.5 129.5 0 1 0-259 0Z" fill="${U}"
                           		p-id="18384"></path>
                           	<path
                           		d="M517.16666667 654.67c-80.23 0-145.5-65.27-145.5-145.5s65.27-145.5 145.5-145.5S662.66666667 428.94 662.66666667 509.17s-65.27 145.5-145.5 145.5z m0-259A113.5 113.5 0 1 0 630.66666667 509.17a113.63 113.63 0 0 0-113.5-113.5z"
@@ -3970,9 +3986,9 @@ const Wa = {
                           	<path
                           		d="M420.66666667 959.17a16.08 16.08 0 0 1-15.91-13.49A15.89 15.89 0 0 1 415.50666667 928c1.49-0.55 38.88-14.76 72.79-65.52A354.55 354.55 0 0 1 162.66666667 509.17a450.14 450.14 0 0 1 450.5-450.5 16.07 16.07 0 0 1 15.91 13.48 15.88 15.88 0 0 1-10.75 17.66c-1.58 0.58-39.13 14.9-73.07 65.95A354.22 354.22 0 0 1 871.66666667 509.17a16 16 0 0 1-0.52 4.05A450.14 450.14 0 0 1 420.66666667 959.17zM554.80666667 94.72C351.57666667 123.2 194.66666667 298.21 194.66666667 509.17c0 177.08 144.06 321.74 321.13 322.48a16 16 0 0 1 14.07 23.49c-16.11 30.42-34.27 52.37-50.85 68C682.25666667 894.63 839.16666667 719.63 839.16666667 508.67a15.94 15.94 0 0 1 0.47-3.86C837.30666667 329.33 693.82666667 187 517.80666667 186.67A16 16 0 0 1 503.66666667 163.21c16.21-30.69 34.47-52.79 51.14-68.49z"
                           		fill="#ffffff" p-id="18386"></path>
-                          </svg>`, Q = document.createElement("div");
-            Q.className = "hurricane-hourly-marker", Q.innerHTML = `<div class="${E.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${ve}</div>`;
-            const _e = new ne.Marker(Q).setLngLat(E.geometry.coordinates).addTo(this.map);
+                          </svg>`, K = document.createElement("div");
+            K.className = "hurricane-hourly-marker", K.innerHTML = `<div class="${E.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${ve}</div>`;
+            const _e = new ne.Marker(K).setLngLat(E.geometry.coordinates).addTo(this.map);
             if (this.interpolateMarkers.push(_e), (de = E.properties) != null && de.showCircle) {
               const ie = { radius: 100, coordinates: E.geometry.coordinates }, re = { radius: 200, coordinates: E.geometry.coordinates }, oe = { radius: 500, coordinates: E.geometry.coordinates };
               (pe = this.circleSourceData) == null || pe.features.push(
@@ -3988,15 +4004,15 @@ const Wa = {
       } else
         (ge = this.map) != null && ge.getSource(this.interpolateSource) && ((ae = this.map) == null || ae.getSource(this.interpolateSource).setData(this.empty));
     },
-    handleClick(t) {
+    handleClick(a) {
       var o, n, s, c, h, d, p, f;
-      const e = t.features[0], a = (n = (o = this.tropicals) == null ? void 0 : o.data) == null ? void 0 : n.features.filter(
+      const e = a.features[0], t = (n = (o = this.tropicals) == null ? void 0 : o.data) == null ? void 0 : n.features.filter(
         (m) => {
           var b;
           return m.geometry.type === "LineString" && m.properties.type === "forecast" && m.properties.name === ((b = e == null ? void 0 : e.properties) == null ? void 0 : b.name);
         }
       );
-      a.sort((m, b) => {
+      t.sort((m, b) => {
         var y, u, v, g;
         return ((y = m.properties) == null ? void 0 : y.model) === "cma" ? -1 : ((u = m.properties) == null ? void 0 : u.model) === "jma" ? ((v = b.properties) == null ? void 0 : v.model) === "cma" ? 1 : -1 : m.properties.model === "ecmwf" ? ["jma", "cma"].includes((g = b.properties) == null ? void 0 : g.model) ? 1 : -1 : 0;
       });
@@ -4008,35 +4024,35 @@ const Wa = {
       );
       this.activeTropicals = {
         name: (h = e == null ? void 0 : e.properties) == null ? void 0 : h.name,
-        forecasts: a.map((m) => m.properties),
+        forecasts: t.map((m) => m.properties),
         history: (d = r[0]) == null ? void 0 : d.properties,
-        showCircle: (f = (p = a[0]) == null ? void 0 : p.properties) == null ? void 0 : f.showCircle
+        showCircle: (f = (p = t[0]) == null ? void 0 : p.properties) == null ? void 0 : f.showCircle
       }, this.showTropicals = !0;
       const i = document.getElementById("active-tropical");
-      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([t.lngLat.lng, t.lngLat.lat]) : this.activeTropicalsMarker = new ne.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
+      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.activeTropicalsMarker = new ne.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
     },
-    handleForecastToggle(t) {
+    handleForecastToggle(a) {
       var r, i, o, n, s, c;
-      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);
+      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);
       }), this.interpolateData.forEach((h) => {
-        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();
+        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();
     },
-    handleStrikeProbability(t) {
-      this.$emit("tropicalProbability", t);
+    handleStrikeProbability(a) {
+      this.$emit("tropicalProbability", a);
     },
-    handleToggleCircles(t) {
-      var e, a;
-      t.showCircle = !t.showCircle, (a = (e = this.tropicals.data) == null ? void 0 : e.features) == null || a.forEach((r) => {
-        r.properties.name === t.name && (r.properties.showCircle = t.showCircle);
+    handleToggleCircles(a) {
+      var e, t;
+      a.showCircle = !a.showCircle, (t = (e = this.tropicals.data) == null ? void 0 : e.features) == null || t.forEach((r) => {
+        r.properties.name === a.name && (r.properties.showCircle = a.showCircle);
       }), this.handleRender();
     },
     handleDrawCircle() {
-      var t, e;
-      (t = this.map) != null && t.getSource(this.circleSource) ? (e = this.map) == null || e.getSource(this.circleSource).setData(this.circleSourceData) : (this.map.addSource(this.circleSource, {
+      var a, e;
+      (a = this.map) != null && a.getSource(this.circleSource) ? (e = this.map) == null || e.getSource(this.circleSource).setData(this.circleSourceData) : (this.map.addSource(this.circleSource, {
         type: "geojson",
         data: this.circleSourceData
       }), this.map.addLayer({
@@ -4052,27 +4068,27 @@ const Wa = {
         }
       }));
     },
-    handleComputePolygons(t) {
+    handleComputePolygons(a) {
       const e = [];
-      for (const a of t) {
-        const r = a.properties.wind, i = {
+      for (const t of a) {
+        const r = t.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(a.geometry.coordinates, i, { ...a.properties, level: 7 });
+        }, o = this.handleComputeArc(t.geometry.coordinates, i, { ...t.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(a.geometry.coordinates, n, { ...a.properties, level: 10 });
+        }, s = this.handleComputeArc(t.geometry.coordinates, n, { ...t.properties, level: 10 });
         e.push(s);
       }
       return e;
     },
-    handleComputeArc(t, e, a) {
+    handleComputeArc(a, e, t) {
       var o;
       const r = [];
       for (const n in e) {
@@ -4080,31 +4096,31 @@ const Wa = {
         let c;
         switch (n) {
           case "ne":
-            c = C.lineArc(t, s * 1.852, 0, 90, { steps: s > 0 ? 64 : 1 });
+            c = C.lineArc(a, s * 1.852, 0, 90, { steps: s > 0 ? 64 : 1 });
             break;
           case "se":
-            c = C.lineArc(t, s * 1.852, 90, 180, { steps: s > 0 ? 64 : 1 });
+            c = C.lineArc(a, s * 1.852, 90, 180, { steps: s > 0 ? 64 : 1 });
             break;
           case "sw":
-            c = C.lineArc(t, s * 1.852, 180, 270, { steps: s > 0 ? 64 : 1 });
+            c = C.lineArc(a, s * 1.852, 180, 270, { steps: s > 0 ? 64 : 1 });
             break;
           case "nw":
-            c = C.lineArc(t, s * 1.852, 270, 360, { steps: s > 0 ? 64 : 1 });
+            c = C.lineArc(a, 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: a });
+      return C.lineToPolygon(i, { properties: t });
     }
   }
-}, je = (t) => (G("data-v-b5b42393"), t = t(), H(), t), Oa = {
+}, je = (a) => (H("data-v-08ecb5a5"), a = a(), G(), a), Oa = {
   id: "active-tropical",
   class: "active-tropical"
-}, ja = { class: "header-box" }, Fa = { class: "main" }, Va = { key: 0 }, Ua = { class: "sub" }, Ga = {
+}, ja = { class: "header-box" }, Fa = { class: "main" }, Ua = { key: 0 }, Va = { class: "sub" }, Za = {
   id: "meteoBox",
   class: "main-box"
-}, Ha = { class: "content" }, Za = { class: "row" }, Ja = {
+}, Ha = { class: "content" }, Ga = { class: "row" }, Ja = {
   class: "col col-left",
   style: { "justify-content": "flex-start" }
 }, Xa = /* @__PURE__ */ je(() => /* @__PURE__ */ l("label", null, "Wind speed : ", -1)), qa = {
@@ -4113,8 +4129,8 @@ const Wa = {
 }, Ya = /* @__PURE__ */ je(() => /* @__PURE__ */ l("label", null, "Pressure : ", -1)), Qa = { class: "row" }, Ka = {
   class: "col col-24",
   style: { "justify-content": "flex-start" }
-}, ei = /* @__PURE__ */ je(() => /* @__PURE__ */ l("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)), ti = { class: "forecast-models" }, ai = ["onClick"], ii = /* @__PURE__ */ it('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-b5b42393></div><div class="row" style="padding:2px 10px;" data-v-b5b42393><div class="legend" data-v-b5b42393><div class="icon td" data-v-b5b42393></div><div class="label" data-v-b5b42393>TD</div></div><div class="legend" data-v-b5b42393><div class="icon ts" data-v-b5b42393></div><div class="label" data-v-b5b42393>TS</div></div><div class="legend" data-v-b5b42393><div class="icon sts" data-v-b5b42393></div><div class="label" data-v-b5b42393>STS</div></div><div class="legend" data-v-b5b42393><div class="icon ty" data-v-b5b42393></div><div class="label" data-v-b5b42393>TY</div></div><div class="legend" data-v-b5b42393><div class="icon sty" data-v-b5b42393></div><div class="label" data-v-b5b42393>STY</div></div><div class="legend" data-v-b5b42393><div class="icon supper-ty" data-v-b5b42393></div><div class="label" data-v-b5b42393>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-b5b42393><div class="legend" data-v-b5b42393><div class="icon history" data-v-b5b42393></div><div class="label" data-v-b5b42393>History</div></div><div class="legend" data-v-b5b42393><div class="icon r7" data-v-b5b42393></div><div class="label" data-v-b5b42393>35kts Radii</div></div><div class="legend" data-v-b5b42393><div class="icon r10" data-v-b5b42393></div><div class="label" data-v-b5b42393>50kts Radii</div></div></div>', 3), ri = { class: "more" };
-function oi(t, e, a, r, i, o) {
+}, ei = /* @__PURE__ */ je(() => /* @__PURE__ */ l("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)), ti = { class: "forecast-models" }, ai = ["onClick"], ii = /* @__PURE__ */ it('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-08ecb5a5></div><div class="row" style="padding:2px 10px;" data-v-08ecb5a5><div class="legend" data-v-08ecb5a5><div class="icon td" data-v-08ecb5a5></div><div class="label" data-v-08ecb5a5>TD</div></div><div class="legend" data-v-08ecb5a5><div class="icon ts" data-v-08ecb5a5></div><div class="label" data-v-08ecb5a5>TS</div></div><div class="legend" data-v-08ecb5a5><div class="icon sts" data-v-08ecb5a5></div><div class="label" data-v-08ecb5a5>STS</div></div><div class="legend" data-v-08ecb5a5><div class="icon ty" data-v-08ecb5a5></div><div class="label" data-v-08ecb5a5>TY</div></div><div class="legend" data-v-08ecb5a5><div class="icon sty" data-v-08ecb5a5></div><div class="label" data-v-08ecb5a5>STY</div></div><div class="legend" data-v-08ecb5a5><div class="icon supper-ty" data-v-08ecb5a5></div><div class="label" data-v-08ecb5a5>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-08ecb5a5><div class="legend" data-v-08ecb5a5><div class="icon history" data-v-08ecb5a5></div><div class="label" data-v-08ecb5a5>History</div></div><div class="legend" data-v-08ecb5a5><div class="icon r7" data-v-08ecb5a5></div><div class="label" data-v-08ecb5a5>35kts Radii</div></div><div class="legend" data-v-08ecb5a5><div class="icon r10" data-v-08ecb5a5></div><div class="label" data-v-08ecb5a5>50kts Radii</div></div></div>', 3), ri = { class: "more" };
+function oi(a, e, t, r, i, o) {
   var n, s, c, h, d, p, f, m, b, y, u, v, g, w, k;
   return Me((L(), x("div", Oa, [
     l("div", ja, [
@@ -4123,14 +4139,14 @@ function oi(t, e, a, r, i, o) {
         onClick: e[0] || (e[0] = (_) => i.showTropicals = !1)
       }, ""),
       l("div", Fa, [
-        (s = (n = i.activeTropicals) == null ? void 0 : n.history) != null && s.level ? (L(), x("span", Va, S((h = (c = i.activeTropicals) == null ? void 0 : c.history) == null ? void 0 : h.level) + " , ", 1)) : $("", !0),
+        (s = (n = i.activeTropicals) == null ? void 0 : n.history) != null && s.level ? (L(), x("span", Ua, S((h = (c = i.activeTropicals) == null ? void 0 : c.history) == null ? void 0 : h.level) + " , ", 1)) : $("", !0),
         Xe(S((d = i.activeTropicals) == null ? void 0 : d.name), 1)
       ]),
-      l("div", Ua, " Last update: " + S(o.computeTime(((f = (p = i.activeTropicals) == null ? void 0 : p.history) == null ? void 0 : f.updated) || ((y = (b = (m = i.activeTropicals) == null ? void 0 : m.forecasts) == null ? void 0 : b.filter((_) => !_.disabled)[0]) == null ? void 0 : y.date))), 1)
+      l("div", Va, " Last update: " + S(o.computeTime(((f = (p = i.activeTropicals) == null ? void 0 : p.history) == null ? void 0 : f.updated) || ((y = (b = (m = i.activeTropicals) == null ? void 0 : m.forecasts) == null ? void 0 : b.filter((_) => !_.disabled)[0]) == null ? void 0 : y.date))), 1)
     ]),
-    l("div", Ga, [
+    l("div", Za, [
       l("div", Ha, [
-        l("div", Za, [
+        l("div", Ga, [
           l("div", Ja, [
             Xa,
             l("span", null, S(((v = (u = i.activeTropicals) == null ? void 0 : u.history) == null ? void 0 : v.kts) || "-") + "[kts]", 1)
@@ -4153,7 +4169,7 @@ function oi(t, e, a, r, i, o) {
                     _.disabled ? "" : "active",
                     D > 0 && D < ((B = (A = i.activeTropicals) == null ? void 0 : A.forecasts) == null ? void 0 : B.length) - 1 && ((O = (W = i.activeTropicals) == null ? void 0 : W.forecasts) == null ? void 0 : O.length) > 2 ? "center-child" : ""
                   ]),
-                  onClick: (Z) => o.handleForecastToggle(_)
+                  onClick: (J) => o.handleForecastToggle(_)
                 }, [
                   l("span", {
                     class: M(_.model)
@@ -4173,10 +4189,10 @@ function oi(t, e, a, r, i, o) {
       ])
     ])
   ], 512)), [
-    [$e, i.showTropicals && !t.$attrs.hideTropicalsLegend]
+    [$e, i.showTropicals && !a.$attrs.hideTropicalsLegend]
   ]);
 }
-const Ye = /* @__PURE__ */ T(Wa, [["render", oi], ["__scopeId", "data-v-b5b42393"]]);
+const Ye = /* @__PURE__ */ T(Wa, [["render", oi], ["__scopeId", "data-v-08ecb5a5"]]);
 const si = {
   name: "IdmPrecip3h",
   props: {
@@ -4213,15 +4229,15 @@ const si = {
   watch: {
     "factor.version": {
       handler() {
-        var t;
-        (t = this.factor) != null && t.active ? this.handleRender() : this.handleClear();
+        var a;
+        (a = this.factor) != null && a.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
     toggleVersion: {
       handler() {
-        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;
+        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;
       },
       immediate: !0
     }
@@ -4233,9 +4249,9 @@ const si = {
           this.handleRender();
         }, 500);
       else if (this.factor) {
-        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);
+        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);
       }
     },
     handleClear() {
@@ -4244,7 +4260,7 @@ const si = {
     handleSetup() {
       if (!this.context) {
         this.context = this.viewport.rampColorCanvas.getContext("webgl");
-        const t = [
+        const a = [
           [0, "rgba(59, 126, 162, 0)"],
           [14 / 255, "rgba(84,170,230, 0)"],
           //1.4mm
@@ -4264,21 +4280,21 @@ const si = {
           //30mm
           [1, "rgba(197,5,58,0.8)"]
         ];
-        this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
-        this.program = e, this.aPositionBuffer = a;
+        this.rampColor = this.webgl.setup(this.context, a);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
+        this.program = e, this.aPositionBuffer = t;
       }
     },
     async handleDraw() {
       if (this.handleSetup(), this.etime !== this.factor.etime) {
         this.etime = this.factor.etime;
-        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);
+        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.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ce = (t) => (G("data-v-dec867b8"), t = t(), H(), t), ni = { key: 0 }, li = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "mm", -1)), ci = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "1.5", -1)), hi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "2", -1)), di = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "3", -1)), pi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "7", -1)), mi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "10", -1)), ui = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "20", -1)), yi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "30", -1)), fi = [
+}, ce = (a) => (H("data-v-dec867b8"), a = a(), G(), a), ni = { key: 0 }, li = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "mm", -1)), ci = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "1.5", -1)), hi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "2", -1)), di = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "3", -1)), pi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "7", -1)), mi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "10", -1)), ui = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "20", -1)), yi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "30", -1)), fi = [
   li,
   ci,
   hi,
@@ -4288,12 +4304,12 @@ const si = {
   ui,
   yi
 ];
-function gi(t, e, a, r, i, o) {
+function gi(a, e, t, r, i, o) {
   var n;
-  return (n = a.factor) != null && n.active ? (L(), x("div", ni, [
+  return (n = t.factor) != null && n.active ? (L(), x("div", ni, [
     l("div", {
       class: "legend-bars flex-center",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
+      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, fi, 4)
   ])) : $("", !0);
 }
@@ -4333,15 +4349,15 @@ const vi = {
   watch: {
     "factor.version": {
       handler() {
-        var t;
-        (t = this.factor) != null && t.active ? this.handleRender() : this.handleClear();
+        var a;
+        (a = this.factor) != null && a.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
     toggleVersion: {
       handler() {
-        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;
+        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;
       },
       immediate: !0
     }
@@ -4353,9 +4369,9 @@ const vi = {
           this.handleRender();
         }, 500);
       else if (this.factor) {
-        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);
+        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);
       }
     },
     handleClear() {
@@ -4364,7 +4380,7 @@ const vi = {
     handleSetup() {
       if (!this.context) {
         this.context = this.viewport.rampColorCanvas.getContext("webgl");
-        const t = [
+        const a = [
           [0, "rgba(189,50,160,0.8)"],
           [8 / 255, "rgba(208,56,56,0.8)"],
           //0.8km
@@ -4378,21 +4394,21 @@ const vi = {
           //16km
           [1, "rgba(144,144,144,0)"]
         ];
-        this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
-        this.program = e, this.aPositionBuffer = a;
+        this.rampColor = this.webgl.setup(this.context, a);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
+        this.program = e, this.aPositionBuffer = t;
       }
     },
     async handleDraw() {
       if (this.handleSetup(), this.etime !== this.factor.etime) {
         this.etime = this.factor.etime;
-        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);
+        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.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, xe = (t) => (G("data-v-952dee5c"), t = t(), H(), t), _i = { key: 0 }, wi = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "nm", -1)), Li = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "0", -1)), xi = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "0.5", -1)), Ci = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "1.5", -1)), Si = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "3", -1)), ki = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "9", -1)), zi = [
+}, xe = (a) => (H("data-v-952dee5c"), a = a(), G(), a), _i = { key: 0 }, wi = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "nm", -1)), Li = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "0", -1)), xi = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "0.5", -1)), Ci = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "1.5", -1)), Si = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "3", -1)), ki = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "9", -1)), zi = [
   wi,
   Li,
   xi,
@@ -4400,12 +4416,12 @@ const vi = {
   Si,
   ki
 ];
-function Pi(t, e, a, r, i, o) {
+function Pi(a, e, t, r, i, o) {
   var n;
-  return (n = a.factor) != null && n.active ? (L(), x("div", _i, [
+  return (n = t.factor) != null && n.active ? (L(), x("div", _i, [
     l("div", {
       class: "legend-bars flex-center",
-      style: F([{ position: "absolute" }, { right: t.right + "px", bottom: a.bottom }])
+      style: F([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
     }, zi, 4)
   ])) : $("", !0);
 }
@@ -4446,15 +4462,15 @@ const Ei = {
   watch: {
     "factor.version": {
       handler() {
-        var t;
-        (t = this.factor) != null && t.active ? this.handleRender() : this.handleClear();
+        var a;
+        (a = this.factor) != null && a.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
     toggleVersion: {
       handler() {
-        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;
+        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;
       },
       immediate: !0
     }
@@ -4466,9 +4482,9 @@ const Ei = {
           this.handleRender();
         }, 500);
       else if (this.factor) {
-        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);
+        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);
       }
     },
     handleClear() {
@@ -4477,7 +4493,7 @@ const Ei = {
     handleSetup() {
       if (!this.context) {
         this.context = this.viewport.rampColorCanvas.getContext("webgl");
-        const t = [
+        const a = [
           [0, "rgba(95, 143, 197)"],
           // -10°C
           [46 / 255, "rgba(95, 143, 197)"],
@@ -4498,21 +4514,21 @@ const Ei = {
           [1, "rgb(138, 43, 10)"]
           //
         ];
-        this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
-        this.program = e, this.aPositionBuffer = a;
+        this.rampColor = this.webgl.setup(this.context, a);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
+        this.program = e, this.aPositionBuffer = t;
       }
     },
     async handleDraw() {
       if (this.handleSetup(), this.etime !== this.factor.etime) {
         this.etime = this.factor.etime;
-        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);
+        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.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, Ce = (t) => (G("data-v-67e5094b"), t = t(), H(), t), Ii = { key: 0 }, Ri = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "°C", -1)), Di = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "0", -1)), Ai = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "10", -1)), Mi = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "20", -1)), $i = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "30", -1)), Bi = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "40", -1)), Ni = [
+}, Ce = (a) => (H("data-v-67e5094b"), a = a(), G(), a), Ii = { key: 0 }, Ri = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "°C", -1)), Di = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "0", -1)), Ai = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "10", -1)), Mi = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "20", -1)), $i = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "30", -1)), Bi = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "40", -1)), Ni = [
   Ri,
   Di,
   Ai,
@@ -4520,12 +4536,12 @@ const Ei = {
   $i,
   Bi
 ];
-function Wi(t, e, a, r, i, o) {
+function Wi(a, e, t, r, i, o) {
   var n;
-  return (n = a.factor) != null && n.active ? (L(), x("div", Ii, [
+  return (n = t.factor) != null && n.active ? (L(), x("div", Ii, [
     l("div", {
       class: "legend-bars flex-center",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
+      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, Ni, 4)
   ])) : $("", !0);
 }
@@ -4566,15 +4582,15 @@ const ji = {
   watch: {
     "factor.version": {
       handler() {
-        var t;
-        (t = this.factor) != null && t.active ? this.handleRender() : this.handleClear();
+        var a;
+        (a = this.factor) != null && a.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
     toggleVersion: {
       handler() {
-        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;
+        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;
       },
       immediate: !0
     }
@@ -4586,9 +4602,9 @@ const ji = {
           this.handleRender();
         }, 500);
       else if (this.factor) {
-        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);
+        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);
       }
     },
     handleClear() {
@@ -4597,7 +4613,7 @@ const ji = {
     handleSetup() {
       if (!this.context) {
         this.context = this.viewport.rampColorCanvas.getContext("webgl");
-        const t = [
+        const a = [
           [0, "rgb(149, 137, 211)"],
           [100 / 255, "rgb(149, 137, 211)"],
           // -20°C
@@ -4621,36 +4637,36 @@ const ji = {
           // 40
           [1, "rgb(138, 43, 10)"]
         ];
-        this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
-        this.program = e, this.aPositionBuffer = a;
+        this.rampColor = this.webgl.setup(this.context, a);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
+        this.program = e, this.aPositionBuffer = t;
       }
     },
     async handleDraw() {
       if (this.handleSetup(), this.etime !== this.factor.etime) {
         this.etime = this.factor.etime;
-        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);
+        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.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, he = (t) => (G("data-v-389ea886"), t = t(), H(), t), Fi = { key: 0 }, Vi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "°C", -1)), Ui = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "-20", -1)), Gi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "-10", -1)), Hi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "0", -1)), Zi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "10", -1)), Ji = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "20", -1)), Xi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "30", -1)), qi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "40", -1)), Yi = [
-  Vi,
+}, he = (a) => (H("data-v-389ea886"), a = a(), G(), a), Fi = { key: 0 }, Ui = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "°C", -1)), Vi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "-20", -1)), Zi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "-10", -1)), Hi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "0", -1)), Gi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "10", -1)), Ji = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "20", -1)), Xi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "30", -1)), qi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "40", -1)), Yi = [
   Ui,
-  Gi,
-  Hi,
+  Vi,
   Zi,
+  Hi,
+  Gi,
   Ji,
   Xi,
   qi
 ];
-function Qi(t, e, a, r, i, o) {
+function Qi(a, e, t, r, i, o) {
   var n;
-  return (n = a.factor) != null && n.active ? (L(), x("div", Fi, [
+  return (n = t.factor) != null && n.active ? (L(), x("div", Fi, [
     l("div", {
       class: "legend-bars flex-center",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
+      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, Yi, 4)
   ])) : $("", !0);
 }
@@ -4691,15 +4707,15 @@ const er = {
   watch: {
     "factor.version": {
       handler() {
-        var t;
-        (t = this.factor) != null && t.active ? this.handleRender() : this.handleClear();
+        var a;
+        (a = this.factor) != null && a.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
     toggleVersion: {
       handler() {
-        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;
+        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;
       },
       immediate: !0
     }
@@ -4711,9 +4727,9 @@ const er = {
           this.handleRender();
         }, 500);
       else if (this.factor) {
-        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);
+        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);
       }
     },
     handleClear() {
@@ -4722,7 +4738,7 @@ const er = {
     handleSetup() {
       if (!this.context) {
         this.context = this.viewport.rampColorCanvas.getContext("webgl");
-        const t = [
+        const a = [
           [0, "rgba(76, 165, 228, 0)"],
           [50 / 255, "rgba(76, 165, 228, 0)"],
           // 0m
@@ -4737,21 +4753,21 @@ const er = {
           [1, "rgb(180, 209, 216)"]
           // 2m
         ];
-        this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
-        this.program = e, this.aPositionBuffer = a;
+        this.rampColor = this.webgl.setup(this.context, a);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
+        this.program = e, this.aPositionBuffer = t;
       }
     },
     async handleDraw() {
       if (this.handleSetup(), this.etime !== this.factor.etime) {
         this.etime = this.factor.etime;
-        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);
+        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.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, Se = (t) => (G("data-v-db805141"), t = t(), H(), t), tr = { key: 0 }, ar = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "m", -1)), ir = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "0", -1)), rr = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "0.5", -1)), or = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "1", -1)), sr = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "1.5", -1)), nr = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "2", -1)), lr = [
+}, Se = (a) => (H("data-v-db805141"), a = a(), G(), a), tr = { key: 0 }, ar = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "m", -1)), ir = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "0", -1)), rr = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "0.5", -1)), or = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "1", -1)), sr = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "1.5", -1)), nr = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "2", -1)), lr = [
   ar,
   ir,
   rr,
@@ -4759,12 +4775,12 @@ const er = {
   sr,
   nr
 ];
-function cr(t, e, a, r, i, o) {
+function cr(a, e, t, r, i, o) {
   var n;
-  return (n = a.factor) != null && n.active ? (L(), x("div", tr, [
+  return (n = t.factor) != null && n.active ? (L(), x("div", tr, [
     l("div", {
       class: "legend-bars flex-center",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
+      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, lr, 4)
   ])) : $("", !0);
 }
@@ -4779,6 +4795,10 @@ const dr = {
     show: {
       type: Boolean
     },
+    timeZone: {
+      type: Number,
+      default: 0
+    },
     meteo: {
       type: Object
     }
@@ -4810,56 +4830,60 @@ const dr = {
   },
   computed: {
     computeTime() {
-      return function(t) {
-        return t ? `${te(t).utc().format("MMM-DD,HHmm[Z]")}` : "-";
+      return function(a) {
+        if (a) {
+          const e = Z(a).utc().utcOffset(this.timeZone), t = this.timeZone < 0 ? this.timeZone : "+" + this.timeZone;
+          return `${e.format("MMM-DD,HHmm[Z]")} ( UTC ${t} )`;
+        }
+        return "-";
       };
     },
     computeLat() {
-      return function(t, e = 4) {
-        return j.lat2pretty(t, e).pretty;
+      return function(a, e = 4) {
+        return j.lat2pretty(a, e).pretty;
       };
     },
     computeLng() {
-      return function(t, e = 4) {
-        return j.lng2pretty(t, e).pretty;
+      return function(a, e = 4) {
+        return j.lng2pretty(a, e).pretty;
       };
     },
     roundPrecision() {
-      return function(t, e = 4) {
-        return isNaN(t) ? "-" : j.roundPrecision(t, e);
+      return function(a, e = 4) {
+        return isNaN(a) ? "-" : j.roundPrecision(a, e);
       };
     }
   },
   methods: {
     handleBind() {
-      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);
+      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);
     },
-    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);
+    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);
     },
     handleRender() {
-      var t;
+      var a;
       if (this.meteo) {
         const e = document.getElementById("point-meteo");
-        this.meteoMarker ? (t = this.meteoMarker) == null || t.setLngLat([this.meteo.lng, this.meteo.lat]) : this.meteoMarker = new ne.Marker(e).setLngLat([this.meteo.lng, this.meteo.lat]).addTo(this.map);
+        this.meteoMarker ? (a = this.meteoMarker) == null || a.setLngLat([this.meteo.lng, this.meteo.lat]) : this.meteoMarker = new ne.Marker(e).setLngLat([this.meteo.lng, this.meteo.lat]).addTo(this.map);
       }
     }
   }
-}, X = (t) => (G("data-v-ef7fa87d"), t = t(), H(), t), pr = {
+}, q = (a) => (H("data-v-de0e51d2"), a = a(), G(), a), pr = {
   id: "point-meteo",
   class: "point-meteo"
-}, mr = { class: "meteo-box" }, ur = { class: "header-box" }, yr = { class: "main" }, fr = { class: "sub" }, gr = { class: "main-box" }, br = { class: "flex-space" }, vr = /* @__PURE__ */ X(() => /* @__PURE__ */ l("label", null, "Wind", -1)), _r = { class: "flex-space" }, wr = /* @__PURE__ */ X(() => /* @__PURE__ */ l("label", null, "Wind.Wave", -1)), Lr = { class: "flex-space" }, xr = /* @__PURE__ */ X(() => /* @__PURE__ */ l("label", null, "Swell", -1)), Cr = { class: "flex-space" }, Sr = /* @__PURE__ */ X(() => /* @__PURE__ */ l("label", null, "Sig.Wave", -1)), kr = { class: "flex-space" }, zr = /* @__PURE__ */ X(() => /* @__PURE__ */ l("label", null, "Current", -1)), Pr = { class: "flex-space" }, Tr = /* @__PURE__ */ X(() => /* @__PURE__ */ l("label", null, "Precip", -1)), Er = { class: "flex-space" }, Ir = /* @__PURE__ */ X(() => /* @__PURE__ */ l("label", null, "Visibility", -1)), Rr = { class: "flex-space" }, Dr = /* @__PURE__ */ X(() => /* @__PURE__ */ l("label", null, "Temp", -1)), Ar = { class: "flex-space" }, Mr = /* @__PURE__ */ X(() => /* @__PURE__ */ l("label", null, "Water Temp", -1)), $r = {
+}, mr = { class: "meteo-box" }, ur = { class: "header-box" }, yr = { class: "main" }, fr = { class: "sub" }, gr = { class: "main-box" }, br = { class: "flex-space" }, vr = /* @__PURE__ */ q(() => /* @__PURE__ */ l("label", null, "Wind", -1)), _r = { class: "flex-space" }, wr = /* @__PURE__ */ q(() => /* @__PURE__ */ l("label", null, "Wind.Wave", -1)), Lr = { class: "flex-space" }, xr = /* @__PURE__ */ q(() => /* @__PURE__ */ l("label", null, "Swell", -1)), Cr = { class: "flex-space" }, Sr = /* @__PURE__ */ q(() => /* @__PURE__ */ l("label", null, "Sig.Wave", -1)), kr = { class: "flex-space" }, zr = /* @__PURE__ */ q(() => /* @__PURE__ */ l("label", null, "Current", -1)), Pr = { class: "flex-space" }, Tr = /* @__PURE__ */ q(() => /* @__PURE__ */ l("label", null, "Precip", -1)), Er = { class: "flex-space" }, Ir = /* @__PURE__ */ q(() => /* @__PURE__ */ l("label", null, "Visibility", -1)), Rr = { class: "flex-space" }, Dr = /* @__PURE__ */ q(() => /* @__PURE__ */ l("label", null, "Temp", -1)), Ar = { class: "flex-space" }, Mr = /* @__PURE__ */ q(() => /* @__PURE__ */ l("label", null, "Water Temp", -1)), $r = {
   key: 0,
   class: "flex-space",
   style: { "justify-content": "flex-end" }
-}, Br = /* @__PURE__ */ X(() => /* @__PURE__ */ l("span", { class: "more" }, "More >>", -1)), Nr = [
+}, Br = /* @__PURE__ */ q(() => /* @__PURE__ */ l("span", { class: "more" }, "More >>", -1)), Nr = [
   Br
 ];
-function Wr(t, e, a, r, i, o) {
-  var n, s, c, h, d, p, f, m, b, y, u, v, g, w, k, _, D, A, B, W, O, Z, de, pe, me, ue, ye, fe, ge, ae, J, q, be, Y, E, V, ve, Q, _e, ie, re, oe, ke, ze, Pe, Te, Ee;
+function Wr(a, e, t, r, i, o) {
+  var n, s, c, h, d, p, f, m, b, y, u, v, g, w, k, _, D, A, B, W, O, J, de, pe, me, ue, ye, fe, ge, ae, X, Y, be, Q, E, U, ve, K, _e, ie, re, oe, ke, ze, Pe, Te, Ee;
   return Me((L(), x("div", pr, [
     l("div", mr, [
       l("div", ur, [
@@ -4867,54 +4891,54 @@ function Wr(t, e, a, r, i, o) {
           class: "iconfont close",
           onClick: e[0] || (e[0] = (Ne) => i.showMeteo = !1)
         }, ""),
-        l("div", yr, 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", fr, S(o.computeTime((c = a.meteo) == null ? void 0 : c.utc)), 1)
+        l("div", yr, 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", fr, S(o.computeTime((c = t.meteo) == null ? void 0 : c.utc)), 1)
       ]),
       l("div", gr, [
         l("div", br, [
           vr,
-          l("span", null, S(((d = (h = a.meteo) == null ? void 0 : h.wind) == null ? void 0 : d.direction) || "-") + "/" + S(o.roundPrecision((f = (p = a.meteo) == null ? void 0 : p.wind) == null ? void 0 : f.kts, 1)) + "[kts]/" + S((b = (m = a.meteo) == null ? void 0 : m.wind) == null ? void 0 : b.scale) + "[BF]/" + S(o.roundPrecision((u = (y = a.meteo) == null ? void 0 : y.gusts) == null ? void 0 : u.kts, 1)) + "[kts]", 1)
+          l("span", null, S(((d = (h = t.meteo) == null ? void 0 : h.wind) == null ? void 0 : d.direction) || "-") + "/" + S(o.roundPrecision((f = (p = t.meteo) == null ? void 0 : p.wind) == null ? void 0 : f.kts, 1)) + "[kts]/" + S((b = (m = t.meteo) == null ? void 0 : m.wind) == null ? void 0 : b.scale) + "[BF]/" + S(o.roundPrecision((u = (y = t.meteo) == null ? void 0 : y.gusts) == null ? void 0 : u.kts, 1)) + "[kts]", 1)
         ]),
         l("div", _r, [
           wr,
-          l("span", null, S(((w = (g = (v = a.meteo) == null ? void 0 : v.wave) == null ? void 0 : g.wd) == null ? void 0 : w.direction) || "-") + "/" + S(o.roundPrecision((D = (_ = (k = a.meteo) == null ? void 0 : k.wave) == null ? void 0 : _.wd) == null ? void 0 : D.height, 1)) + "[m]/" + S(o.roundPrecision((W = (B = (A = a.meteo) == null ? void 0 : A.wave) == null ? void 0 : B.wd) == null ? void 0 : W.period, 1)) + "[s]", 1)
+          l("span", null, S(((w = (g = (v = t.meteo) == null ? void 0 : v.wave) == null ? void 0 : g.wd) == null ? void 0 : w.direction) || "-") + "/" + S(o.roundPrecision((D = (_ = (k = t.meteo) == null ? void 0 : k.wave) == null ? void 0 : _.wd) == null ? void 0 : D.height, 1)) + "[m]/" + S(o.roundPrecision((W = (B = (A = t.meteo) == null ? void 0 : A.wave) == null ? void 0 : B.wd) == null ? void 0 : W.period, 1)) + "[s]", 1)
         ]),
         l("div", Lr, [
           xr,
-          l("span", null, S(((de = (Z = (O = a.meteo) == null ? void 0 : O.wave) == null ? void 0 : Z.swell) == null ? void 0 : de.direction) || "-") + "/" + S(o.roundPrecision((ue = (me = (pe = a.meteo) == null ? void 0 : pe.wave) == null ? void 0 : me.swell) == null ? void 0 : ue.height, 1)) + "[m]/" + S(o.roundPrecision((ge = (fe = (ye = a.meteo) == null ? void 0 : ye.wave) == null ? void 0 : fe.swell) == null ? void 0 : ge.period, 1)) + "[s]", 1)
+          l("span", null, S(((de = (J = (O = t.meteo) == null ? void 0 : O.wave) == null ? void 0 : J.swell) == null ? void 0 : de.direction) || "-") + "/" + S(o.roundPrecision((ue = (me = (pe = t.meteo) == null ? void 0 : pe.wave) == null ? void 0 : me.swell) == null ? void 0 : ue.height, 1)) + "[m]/" + S(o.roundPrecision((ge = (fe = (ye = t.meteo) == null ? void 0 : ye.wave) == null ? void 0 : fe.swell) == null ? void 0 : ge.period, 1)) + "[s]", 1)
         ]),
         l("div", Cr, [
           Sr,
-          l("span", null, S(((q = (J = (ae = a.meteo) == null ? void 0 : ae.wave) == null ? void 0 : J.sig) == null ? void 0 : q.direction) || "-") + "/" + S(o.roundPrecision((E = (Y = (be = a.meteo) == null ? void 0 : be.wave) == null ? void 0 : Y.sig) == null ? void 0 : E.height, 1)) + "[m]/" + S(o.roundPrecision((Q = (ve = (V = a.meteo) == null ? void 0 : V.wave) == null ? void 0 : ve.sig) == null ? void 0 : Q.period, 1)) + "[s]", 1)
+          l("span", null, S(((Y = (X = (ae = t.meteo) == null ? void 0 : ae.wave) == null ? void 0 : X.sig) == null ? void 0 : Y.direction) || "-") + "/" + S(o.roundPrecision((E = (Q = (be = t.meteo) == null ? void 0 : be.wave) == null ? void 0 : Q.sig) == null ? void 0 : E.height, 1)) + "[m]/" + S(o.roundPrecision((K = (ve = (U = t.meteo) == null ? void 0 : U.wave) == null ? void 0 : ve.sig) == null ? void 0 : K.period, 1)) + "[s]", 1)
         ]),
         l("div", kr, [
           zr,
-          l("span", null, S(((ie = (_e = a.meteo) == null ? void 0 : _e.current) == null ? void 0 : ie.direction) || "-") + "/" + S(o.roundPrecision((oe = (re = a.meteo) == null ? void 0 : re.current) == null ? void 0 : oe.kts, 2)) + "[kts]", 1)
+          l("span", null, S(((ie = (_e = t.meteo) == null ? void 0 : _e.current) == null ? void 0 : ie.direction) || "-") + "/" + S(o.roundPrecision((oe = (re = t.meteo) == null ? void 0 : re.current) == null ? void 0 : oe.kts, 2)) + "[kts]", 1)
         ]),
         l("div", Pr, [
           Tr,
-          l("span", null, S(o.roundPrecision((ze = (ke = a.meteo) == null ? void 0 : ke.precip) == null ? void 0 : ze.inter6h, 2)) + "[mm]", 1)
+          l("span", null, S(o.roundPrecision((ze = (ke = t.meteo) == null ? void 0 : ke.precip) == null ? void 0 : ze.inter6h, 2)) + "[mm]", 1)
         ]),
         l("div", Er, [
           Ir,
-          l("span", null, S(o.roundPrecision(((Pe = a.meteo) == null ? void 0 : Pe.visibility) / 1852, 0)) + "[nm]", 1)
+          l("span", null, S(o.roundPrecision(((Pe = t.meteo) == null ? void 0 : Pe.visibility) / 1852, 0)) + "[nm]", 1)
         ]),
         l("div", Rr, [
           Dr,
-          l("span", null, S(o.roundPrecision((Te = a.meteo) == null ? void 0 : Te.temp, 0)) + "[°C]", 1)
+          l("span", null, S(o.roundPrecision((Te = t.meteo) == null ? void 0 : Te.temp, 0)) + "[°C]", 1)
         ]),
         l("div", Ar, [
           Mr,
-          l("span", null, S(o.roundPrecision((Ee = a.meteo) == null ? void 0 : Ee.waterTemp, 2)) + "[°C]", 1)
+          l("span", null, S(o.roundPrecision((Ee = t.meteo) == null ? void 0 : Ee.waterTemp, 2)) + "[°C]", 1)
         ])
       ]),
-      t.$attrs.permission & i.helper.LEVEL.Prime ? (L(), x("div", $r, Nr)) : $("", !0)
+      a.$attrs.permission & i.helper.LEVEL.Prime ? (L(), x("div", $r, Nr)) : $("", !0)
     ])
   ], 512)), [
     [$e, i.showMeteo]
   ]);
 }
-const Or = /* @__PURE__ */ T(dr, [["render", Wr], ["__scopeId", "data-v-ef7fa87d"]]), jr = {
+const Or = /* @__PURE__ */ T(dr, [["render", Wr], ["__scopeId", "data-v-de0e51d2"]]), jr = {
   name: "IdmWarZone",
   props: {
     map: {
@@ -5004,10 +5028,10 @@ const Or = /* @__PURE__ */ T(dr, [["render", Wr], ["__scopeId", "data-v-ef7fa87d
     }
   }
 };
-function Fr(t, e, a, r, i, o) {
+function Fr(a, e, t, r, i, o) {
   return L(), x("div");
 }
-const Vr = /* @__PURE__ */ T(jr, [["render", Fr]]), Ur = {
+const Ur = /* @__PURE__ */ T(jr, [["render", Fr]]), Vr = {
   name: "IdmGmdssArea",
   props: {
     map: {
@@ -5127,10 +5151,10 @@ const Vr = /* @__PURE__ */ T(jr, [["render", Fr]]), Ur = {
     }
   }
 };
-function Gr(t, e, a, r, i, o) {
+function Zr(a, e, t, r, i, o) {
   return L(), x("div");
 }
-const Hr = /* @__PURE__ */ T(Ur, [["render", Gr]]), Zr = {
+const Hr = /* @__PURE__ */ T(Vr, [["render", Zr]]), Gr = {
   name: "IdmEcaZone",
   props: {
     map: {
@@ -5159,8 +5183,8 @@ const Hr = /* @__PURE__ */ T(Ur, [["render", Gr]]), Zr = {
   },
   methods: {
     handleRender() {
-      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, {
+      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, {
         type: "geojson",
         data: this.zone
       }), this.map.addLayer({
@@ -5218,10 +5242,10 @@ const Hr = /* @__PURE__ */ T(Ur, [["render", Gr]]), Zr = {
     }
   }
 };
-function Jr(t, e, a, r, i, o) {
+function Jr(a, e, t, r, i, o) {
   return L(), x("div");
 }
-const Xr = /* @__PURE__ */ T(Zr, [["render", Jr]]);
+const Xr = /* @__PURE__ */ T(Gr, [["render", Jr]]);
 const qr = {
   name: "IdmAlertZone",
   props: {
@@ -5250,23 +5274,23 @@ const qr = {
   watch: {
     zone: {
       handler() {
-        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));
+        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));
       }
     }
   },
   methods: {
-    handleClick(t) {
+    handleClick(a) {
       var r;
-      const e = t.features[0], a = (r = this.zone) == null ? void 0 : r.features.filter((i) => {
+      const e = a.features[0], t = (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];
-      a && (this.showZone = !0, this.form = { ...a.properties });
+      t && (this.showZone = !0, this.form = { ...t.properties });
     },
     handleRender() {
-      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, {
+      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, {
         type: "geojson",
         data: this.zone
       }), this.map.addLayer({
@@ -5349,7 +5373,7 @@ const qr = {
     }
   }
 }, Yr = { id: "zone-info" }, Qr = ["innerHTML"];
-function Kr(t, e, a, r, i, o) {
+function Kr(a, e, t, r, i, o) {
   var n;
   return Me((L(), x("div", Yr, [
     l("div", {
@@ -5390,43 +5414,43 @@ const to = {
   },
   computed: {
     computeLat() {
-      return function(t) {
-        return j.lat2pretty(t, 4).pretty;
+      return function(a) {
+        return j.lat2pretty(a, 4).pretty;
       };
     },
     computeLng() {
-      return function(t) {
-        return j.lng2pretty(t, 4).pretty;
+      return function(a) {
+        return j.lng2pretty(a, 4).pretty;
       };
     }
   },
   watch: {
     port: {
       handler() {
-        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));
+        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));
       }
     }
   },
   methods: {
-    handleClick(t) {
+    handleClick(a) {
       var r;
-      const e = t.features[0], a = (r = this.port) == null ? void 0 : r.features.filter((i) => {
+      const e = a.features[0], t = (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 (a) {
-        this.showPort = !0, this.form = { ...a.properties }, this.form.lng = a.geometry.coordinates[0], this.form.lat = a.geometry.coordinates[1];
+      if (t) {
+        this.showPort = !0, this.form = { ...t.properties }, this.form.lng = t.geometry.coordinates[0], this.form.lat = t.geometry.coordinates[1];
         const i = document.getElementById("port-info");
-        this.marker ? this.marker.setLngLat([t.lngLat.lng, t.lngLat.lat]) : this.marker = new ne.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
+        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new ne.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
       }
     },
     handleEmit() {
       this.$emit("port", this.form);
     },
     handleRender() {
-      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, {
+      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, {
         type: "geojson",
         data: this.port
       }), this.map.addLayer({
@@ -5457,11 +5481,11 @@ const to = {
       this.showPort = !1, this.map.getLayer(this.layer) && this.map.removeLayer(this.layer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, Be = (t) => (G("data-v-4ab013cc"), t = t(), H(), t), ao = { id: "port-info" }, io = { class: "port-box" }, ro = { class: "flex-start" }, oo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Name : ", -1)), so = { class: "flex-start" }, no = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Position : ", -1)), lo = { class: "flex-start" }, co = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "LoCode : ", -1)), ho = {
+}, Be = (a) => (H("data-v-4ab013cc"), a = a(), G(), a), ao = { id: "port-info" }, io = { class: "port-box" }, ro = { class: "flex-start" }, oo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Name : ", -1)), so = { class: "flex-start" }, no = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Position : ", -1)), lo = { class: "flex-start" }, co = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "LoCode : ", -1)), ho = {
   class: "flex-start",
   style: { "align-items": "flex-start" }
 }, po = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Region : ", -1));
-function mo(t, e, a, r, i, o) {
+function mo(a, e, t, r, i, o) {
   return Me((L(), x("div", ao, [
     l("div", {
       class: "close iconfont",
@@ -5561,7 +5585,7 @@ const uo = /* @__PURE__ */ T(to, [["render", mo], ["__scopeId", "data-v-4ab013cc
     }
   }
 };
-function fo(t, e, a, r, i, o) {
+function fo(a, e, t, r, i, o) {
   return L(), x("div");
 }
 const go = /* @__PURE__ */ T(yo, [["render", fo]]), bo = {
@@ -5729,7 +5753,7 @@ const go = /* @__PURE__ */ T(yo, [["render", fo]]), bo = {
     }
   }
 };
-function vo(t, e, a, r, i, o) {
+function vo(a, e, t, r, i, o) {
   return L(), x("div");
 }
 const _o = /* @__PURE__ */ T(bo, [["render", vo]]), wo = {
@@ -5820,7 +5844,7 @@ const _o = /* @__PURE__ */ T(bo, [["render", vo]]), wo = {
     }
   }
 };
-function Lo(t, e, a, r, i, o) {
+function Lo(a, e, t, r, i, o) {
   return L(), x("div");
 }
 const xo = /* @__PURE__ */ T(wo, [["render", Lo]]), Co = {
@@ -5852,8 +5876,8 @@ const xo = /* @__PURE__ */ T(wo, [["render", Lo]]), Co = {
   },
   methods: {
     handleRender() {
-      this.map ? (this.handleClear(), this.area && (this.area.features.forEach((t) => {
-        t.geometry.type === "Polygon" && t.geometry.coordinates.forEach((e) => j.convertToMonotonicLng2(e));
+      this.map ? (this.handleClear(), this.area && (this.area.features.forEach((a) => {
+        a.geometry.type === "Polygon" && a.geometry.coordinates.forEach((e) => j.convertToMonotonicLng2(e));
       }), this.map.addSource(this.source, {
         type: "geojson",
         data: this.area
@@ -5913,7 +5937,7 @@ const xo = /* @__PURE__ */ T(wo, [["render", Lo]]), Co = {
     }
   }
 };
-function So(t, e, a, r, i, o) {
+function So(a, e, t, r, i, o) {
   return L(), x("div");
 }
 const ko = /* @__PURE__ */ T(Co, [["render", So]]), zo = {
@@ -5965,7 +5989,7 @@ const ko = /* @__PURE__ */ T(Co, [["render", So]]), zo = {
     }
   }
 };
-function Po(t, e, a, r, i, o) {
+function Po(a, e, t, r, i, o) {
   return L(), x("div");
 }
 const To = /* @__PURE__ */ T(zo, [["render", Po]]);
@@ -6008,37 +6032,37 @@ const Eo = {
     },
     map: {
       handler() {
-        var t;
-        this.map && ((t = this.map) == null || t.on("mousemove", this.handleMouseMove));
+        var a;
+        this.map && ((a = this.map) == null || a.on("mousemove", this.handleMouseMove));
       },
       immediate: !0
     },
     toggleVersion: {
       handler() {
-        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;
+        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;
       },
       immediate: !0
     }
   },
   methods: {
     handleBind() {
-      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));
+      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));
     },
-    handleMouseMove(t) {
-      const e = t.lngLat, a = j.lng2pretty(e.lng, 2), r = j.lat2pretty(e.lat, 2);
-      this.lngLat = { lng: a, lat: r };
+    handleMouseMove(a) {
+      const e = a.lngLat, t = j.lng2pretty(e.lng, 2), r = j.lat2pretty(e.lat, 2);
+      this.lngLat = { lng: t, lat: r };
     },
     handleComputeLatLngs() {
       var r;
-      const t = (r = this.map) == null ? void 0 : r.getZoom();
-      console.log(t);
+      const a = (r = this.map) == null ? void 0 : r.getZoom();
+      console.log(a);
       let e = 30;
-      t > 4 ? e = 10 : t > 3 && (e = 15);
-      const a = [];
+      a > 4 ? e = 10 : a > 3 && (e = 15);
+      const t = [];
       for (let i = -60; i < 90; i += e)
-        a.push({
+        t.push({
           type: "Feature",
           geometry: {
             type: "LineString",
@@ -6049,7 +6073,7 @@ const Eo = {
           }
         });
       for (let i = -180; i < 180; i += e)
-        a.push({
+        t.push({
           type: "Feature",
           geometry: {
             type: "LineString",
@@ -6061,7 +6085,7 @@ const Eo = {
         });
       for (let i = 180; i > -180; i -= e)
         for (let o = -60; o < 90; o += e)
-          a.push({
+          t.push({
             type: "Feature",
             geometry: {
               type: "Point",
@@ -6071,21 +6095,21 @@ const Eo = {
               val: `${o > 0 ? o + " N" : o === 0 ? o : o * -1 + " S"}, ${i > 0 ? i + " E" : i * -1 + " W"}`
             }
           });
-      return a;
+      return t;
     },
     handleZoomEnd() {
       var e;
-      const t = this.handleComputeLatLngs();
-      (e = this.map) == null || e.getSource(this.source).setData(C.featureCollection(t));
+      const a = this.handleComputeLatLngs();
+      (e = this.map) == null || e.getSource(this.source).setData(C.featureCollection(a));
     },
     handleRender() {
       if (this.map) {
-        const t = this.handleComputeLatLngs();
+        const a = this.handleComputeLatLngs();
         this.map.addSource(this.source, {
           type: "geojson",
           data: {
             type: "FeatureCollection",
-            features: t
+            features: a
           }
         }), this.map.addLayer({
           id: this.layer,
@@ -6120,16 +6144,16 @@ const Eo = {
       }
     },
     handleClear() {
-      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));
+      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));
     }
   }
-}, Io = (t) => (G("data-v-7367f59b"), t = t(), H(), t), Ro = /* @__PURE__ */ Io(() => /* @__PURE__ */ l("span", null, ", ", -1));
-function Do(t, e, a, r, i, o) {
+}, Io = (a) => (H("data-v-7367f59b"), a = a(), G(), a), Ro = /* @__PURE__ */ Io(() => /* @__PURE__ */ l("span", null, ", ", -1));
+function Do(a, e, t, r, i, o) {
   return i.lngLat ? (L(), x("div", {
     key: 0,
     class: "lat-lng-tip",
-    style: F({ right: i.right + "px", bottom: a.bottom })
+    style: F({ right: i.right + "px", bottom: t.bottom })
   }, [
     l("span", null, S(i.lngLat.lat.pretty), 1),
     Ro,
@@ -6177,9 +6201,9 @@ const Qe = /* @__PURE__ */ T(Eo, [["render", Do], ["__scopeId", "data-v-7367f59b
   },
   methods: {
     handleBind() {
-      var t, e, a, r, i, o, n, s, c, h;
+      var a, e, t, r, i, o, n, s, c, h;
       if (this.show)
-        (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");
+        (a = this.map) == null || a.getCanvas().addEventListener("keydown", this.handleKeydown), (e = this.map) == null || e.on("mousemove", this.handleMove), (t = this.map) == null || t.on("dblclick", this.handleDblClick), (r = this.map) == null || r.on("click", this.handleClick), (i = this.map) == null || i.on("contextmenu", this.handleContextmenu), this.map && (this.map.getCanvas().style.cursor = "crosshair");
       else {
         (o = this.map) == null || o.getCanvas().removeEventListener("keydown", this.handleKeydown), (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 d of this.geojson)
@@ -6187,22 +6211,22 @@ const Qe = /* @__PURE__ */ T(Eo, [["render", Do], ["__scopeId", "data-v-7367f59b
         this.geojson = [], this.map && (this.map.getCanvas().style.cursor = "grab");
       }
     },
-    handleKeydown(t) {
-      if (t.key === "Shift") {
+    handleKeydown(a) {
+      if (a.key === "Shift") {
         this.navigation = this.navigation === "RL" ? "GC" : "RL";
-        const a = this.geojson.at(-1).features.filter((r) => r.geometry.type === "Point");
-        a.length && (a.at(-1).properties.mode = this.navigation);
+        const t = this.geojson.at(-1).features.filter((r) => r.geometry.type === "Point");
+        t.length && (t.at(-1).properties.mode = this.navigation);
       }
     },
-    handleDrag(t) {
-      var a, r, i, o, n, s, c, h, d, p;
-      const e = (r = (a = t.target) == null ? void 0 : a._element) == null ? void 0 : r.id;
+    handleDrag(a) {
+      var t, r, i, o, n, s, c, h, d, p;
+      const e = (r = (t = a.target) == null ? void 0 : t._element) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const f = this.geojson.filter((u) => u.id === e.split("-")[0])[0];
         this.pointMarkers[f.id].filter((u) => {
           var v;
           return ((v = u._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]);
+        })[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]);
         let b;
         f.features.forEach((u, v) => {
           if (u.geometry.type === "Point" && u.properties.id == e.split("-")[1]) {
@@ -6214,45 +6238,45 @@ const Qe = /* @__PURE__ */ T(Eo, [["render", Do], ["__scopeId", "data-v-7367f59b
         this.handleTmpPointUpdate(
           f,
           y[b - 1],
-          { lng: (h = (c = t.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, lat: (p = (d = t.target) == null ? void 0 : d._lngLat) == null ? void 0 : p.lat, properties: y[b].properties },
+          { lng: (h = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, lat: (p = (d = a.target) == null ? void 0 : d._lngLat) == null ? void 0 : p.lat, properties: y[b].properties },
           b === y.length - 1 ? void 0 : y[b + 1]
         );
       }
     },
-    handleDragEnd(t) {
-      var a, r, i, o, n, s, c, h, d, p;
-      const e = (r = (a = t.target) == null ? void 0 : a._element) == null ? void 0 : r.id;
+    handleDragEnd(a) {
+      var t, r, i, o, n, s, c, h, d, p;
+      const e = (r = (t = a.target) == null ? void 0 : t._element) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const f = this.geojson.filter((y) => y.id === e.split("-")[0])[0];
         this.pointMarkers[f.id].filter((y) => {
           var u;
           return ((u = y._element) == null ? void 0 : u.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]);
+        })[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 b = f.features.filter((y) => y.geometry.type === "Point" && y.properties.id == e.split("-")[1])[0];
-        b.geometry.coordinates = [(h = (c = t.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, (p = (d = t.target) == null ? void 0 : d._lngLat) == null ? void 0 : p.lat], f.features = f.features.filter((y) => y.geometry.type === "Point"), this.handlePointUpdate(f);
+        b.geometry.coordinates = [(h = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, (p = (d = a.target) == null ? void 0 : d._lngLat) == null ? void 0 : p.lat], f.features = f.features.filter((y) => y.geometry.type === "Point"), this.handlePointUpdate(f);
       }
     },
-    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;
+    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;
       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 ne.Marker(h).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
+          h.className = "point-contextmenu-marker", h.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new ne.Marker(h).setOffset([24, 0]).setLngLat([a.lngLat.lng, a.lngLat.lat]).addTo(this.map);
         }
       }
     },
-    handleClick(t) {
-      var a, r, i, o, n;
-      (a = this.contextmenu) == null || a.remove();
-      const e = t.originalEvent.target.className;
+    handleClick(a) {
+      var t, r, i, o, n;
+      (t = this.contextmenu) == null || t.remove();
+      const e = a.originalEvent.target.className;
       if (e === "marker-close") {
-        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];
+        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];
         c && this.handleClear(c, !0), this.geojson = this.geojson.filter((h) => h.id !== s);
       } else if (e === "del-point") {
-        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];
+        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];
         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);
@@ -6260,7 +6284,7 @@ const Qe = /* @__PURE__ */ T(Eo, [["render", Do], ["__scopeId", "data-v-7367f59b
         const c = C.feature(
           {
             type: "Point",
-            coordinates: [t.lngLat.lng, t.lngLat.lat]
+            coordinates: [a.lngLat.lng, a.lngLat.lat]
           },
           {
             id: (/* @__PURE__ */ new Date()).getTime().toString(),
@@ -6270,39 +6294,39 @@ const Qe = /* @__PURE__ */ T(Eo, [["render", Do], ["__scopeId", "data-v-7367f59b
         s.features.push(c), this.handlePointUpdate(s);
       }
     },
-    handlePointUpdate(t) {
-      const e = t.features;
+    handlePointUpdate(a) {
+      const e = a.features;
       if (e.length > 1) {
-        let a = 0;
+        let t = 0;
         const r = [];
         for (let i = 1; i < e.length; i++) {
-          const o = e[i - 1], n = e[i], s = o.properties, c = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, h = { lng: n.geometry.coordinates[0], lat: n.geometry.coordinates[1] }, d = ee.calculateDistance(c, h, s.mode === "RL", 2), p = ee.calculateBearing(c, h, s.mode === "RL", 2);
-          a = j.roundPrecision(a + d, 2);
+          const o = e[i - 1], n = e[i], s = o.properties, c = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, h = { lng: n.geometry.coordinates[0], lat: n.geometry.coordinates[1] }, d = te.calculateDistance(c, h, s.mode === "RL", 2), p = te.calculateBearing(c, h, s.mode === "RL", 2);
+          t = j.roundPrecision(t + d, 2);
           let f;
-          s.mode === "RL" ? f = j.convertToMonotonicLng([c, h]) : f = j.convertToMonotonicLng(ee.interpolateCoordinates(c, h, 200));
+          s.mode === "RL" ? f = j.convertToMonotonicLng([c, h]) : f = j.convertToMonotonicLng(te.interpolateCoordinates(c, h, 200));
           const m = C.lineString(f.map((b) => [b.lng, b.lat]));
-          m.properties.dist = d, m.properties.bearing = p, m.properties.total = a, r.push(m);
+          m.properties.dist = d, m.properties.bearing = p, m.properties.total = t, r.push(m);
         }
-        e.push(...r), t.total = a;
+        e.push(...r), a.total = t;
       }
-      return this.handleRender(t), t;
+      return this.handleRender(a), a;
     },
-    handleTmpPointUpdate(t, e, a, r) {
+    handleTmpPointUpdate(a, e, t, 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] }, d = { lng: a.lng, lat: a.lat };
-        o = ee.calculateDistance(h, d, c.mode === "RL", 2), n = ee.calculateBearing(h, d, c.mode === "RL", 2);
+        const c = e.properties, h = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, d = { lng: t.lng, lat: t.lat };
+        o = te.calculateDistance(h, d, c.mode === "RL", 2), n = te.calculateBearing(h, d, c.mode === "RL", 2);
         let p;
-        c.mode === "RL" ? p = j.convertToMonotonicLng([h, d]) : p = j.convertToMonotonicLng(ee.interpolateCoordinates(h, d, 200));
+        c.mode === "RL" ? p = j.convertToMonotonicLng([h, d]) : p = j.convertToMonotonicLng(te.interpolateCoordinates(h, d, 200));
         const f = C.lineString(p.map((m) => [m.lng, m.lat]));
         f.properties.dist = o, f.properties.bearing = n, i.features.push(f);
       }
       if (r) {
-        const c = a.properties, h = a, d = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
-        o = ee.calculateDistance(h, d, c.mode === "RL", 2), n = ee.calculateBearing(h, d, c.mode === "RL", 2);
+        const c = t.properties, h = t, d = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
+        o = te.calculateDistance(h, d, c.mode === "RL", 2), n = te.calculateBearing(h, d, c.mode === "RL", 2);
         let p;
-        c.mode === "RL" ? p = j.convertToMonotonicLng([h, d]) : p = j.convertToMonotonicLng(ee.interpolateCoordinates(h, d, 200));
+        c.mode === "RL" ? p = j.convertToMonotonicLng([h, d]) : p = j.convertToMonotonicLng(te.interpolateCoordinates(h, d, 200));
         const f = C.lineString(p.map((m) => [m.lng, m.lat]));
         f.properties.dist = o, f.properties.bearing = n, i.features.push(f);
       }
@@ -6344,36 +6368,36 @@ const Qe = /* @__PURE__ */ T(Eo, [["render", Do], ["__scopeId", "data-v-7367f59b
         }
       });
       let s;
-      if (r ? s = '<div class="marker-label">Drag and drop</div>' : s = `<div class="marker-label">Tol distance: <b>${j.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]);
+      if (r ? s = '<div class="marker-label">Drag and drop</div>' : s = `<div class="marker-label">Tol distance: <b>${j.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]);
       else {
         const c = document.createElement("div");
-        c.className = "tip-marker", c.innerHTML = s, this.tipMarker = new ne.Marker(c).setOffset([140, 0]).setLngLat([a.lng, a.lat]).addTo(this.map);
+        c.className = "tip-marker", c.innerHTML = s, this.tipMarker = new ne.Marker(c).setOffset([140, 0]).setLngLat([t.lng, t.lat]).addTo(this.map);
       }
     },
-    handleMove(t) {
+    handleMove(a) {
       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 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 });
+      const t = e.features.filter((r) => r.geometry.type === "Point");
+      t != null && t.length && this.handleTmpPointUpdate(e, t.at(-1), { lng: a.lngLat.lng, lat: a.lngLat.lat });
     },
-    handleDblClick(t) {
-      t.preventDefault();
+    handleDblClick(a) {
+      a.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(t) {
+    handleRender(a) {
       var e;
-      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, {
+      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, {
           type: "geojson",
-          data: t
-        }), this.handleClear(t, !1), this.map.addLayer({
+          data: a
+        }), this.handleClear(a, !1), this.map.addLayer({
           id: r,
           type: "line",
-          source: a,
+          source: t,
           filter: ["==", "$type", "LineString"],
           layout: {
             "line-cap": "round",
@@ -6386,7 +6410,7 @@ const Qe = /* @__PURE__ */ T(Eo, [["render", Do], ["__scopeId", "data-v-7367f59b
         }), this.map.addLayer({
           id: i,
           type: "symbol",
-          source: a,
+          source: t,
           filter: ["==", "$type", "LineString"],
           layout: {
             "symbol-placement": "line-center",
@@ -6402,29 +6426,29 @@ const Qe = /* @__PURE__ */ T(Eo, [["render", Do], ["__scopeId", "data-v-7367f59b
             "text-halo-blur": 0
           }
         });
-        const o = t.features.filter((n) => n.geometry.type === "Point");
+        const o = a.features.filter((n) => n.geometry.type === "Point");
         for (const n of o) {
           const s = document.createElement("div");
-          s.id = `${t.id}-${n.properties.id}`, s.className = `${t.closed ? "point-marker closed" : "point-marker"}`, s.innerHTML = '<div class="marker-circle"></div>';
+          s.id = `${a.id}-${n.properties.id}`, s.className = `${a.closed ? "point-marker closed" : "point-marker"}`, s.innerHTML = '<div class="marker-circle"></div>';
           const c = new ne.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[t.id] ? this.pointMarkers[t.id].push(c) : this.pointMarkers[t.id] = [c];
+          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];
         }
-        if (t.closed) {
-          const n = o.at(-1), c = t.features.filter((d) => d.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 ne.Marker(h).setOffset([60, 0]).setLngLat(n.geometry.coordinates).addTo(this.map);
+        if (a.closed) {
+          const n = o.at(-1), c = a.features.filter((d) => d.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 ne.Marker(h).setOffset([60, 0]).setLngLat(n.geometry.coordinates).addTo(this.map);
         }
       }
     },
-    handleClear(t, e = !0) {
+    handleClear(a, e = !0) {
       var o, n, s, c, h, d, p, f, m;
-      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, (d = this.pointMarkers[t.id]) == null || d.forEach((b) => {
+      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, (d = this.pointMarkers[a.id]) == null || d.forEach((b) => {
         b == null || b.remove();
-      }), this.pointMarkers[t.id] = [], (p = this.tipMarker) == null || p.remove(), this.tipMarker = void 0, e && ((f = this.map) != null && f.getSource(a)) && this.map.removeSource(a), e && ((m = this.map) != null && m.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
+      }), this.pointMarkers[a.id] = [], (p = this.tipMarker) == null || p.remove(), this.tipMarker = void 0, e && ((f = this.map) != null && f.getSource(t)) && this.map.removeSource(t), e && ((m = this.map) != null && m.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
 };
-function Mo(t, e, a, r, i, o) {
+function Mo(a, e, t, r, i, o) {
   return L(), x("div");
 }
 const $o = /* @__PURE__ */ T(Ao, [["render", Mo]]);
@@ -6473,23 +6497,23 @@ const Bo = {
     },
     toggleVersion: {
       handler() {
-        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;
+        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;
       },
       immediate: !0
     }
   },
   methods: {}
-}, Ke = (t) => (G("data-v-ab627b83"), t = t(), H(), t), No = { key: 0 }, Wo = { class: "bar-item" }, Oo = /* @__PURE__ */ Ke(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "HI", -1)), jo = [
+}, Ke = (a) => (H("data-v-ab627b83"), a = a(), G(), a), No = { key: 0 }, Wo = { class: "bar-item" }, Oo = /* @__PURE__ */ Ke(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "HI", -1)), jo = [
   Oo
-], Fo = /* @__PURE__ */ Ke(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "I4", -1)), Vo = [
+], Fo = /* @__PURE__ */ Ke(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "I4", -1)), Uo = [
   Fo
 ];
-function Uo(t, e, a, r, i, o) {
-  return a.enabled && a.permission & i.helper.LEVEL.Supper ? (L(), x("div", No, [
+function Vo(a, e, t, r, i, o) {
+  return t.enabled && t.permission & i.helper.LEVEL.Supper ? (L(), x("div", No, [
     l("div", {
       class: "menu-bar-box",
-      style: F({ position: "absolute", right: i.right + "px", bottom: a.bottom })
+      style: F({ position: "absolute", right: i.right + "px", bottom: t.bottom })
     }, [
       l("div", Wo, [
         l("div", {
@@ -6499,12 +6523,12 @@ function Uo(t, e, a, r, i, o) {
         l("div", {
           class: M(i.vendor === "i4" ? "menu-icon active" : "menu-icon"),
           onClick: e[1] || (e[1] = (n) => i.vendor = "i4")
-        }, Vo, 2)
+        }, Uo, 2)
       ])
     ], 4)
   ])) : $("", !0);
 }
-const Go = /* @__PURE__ */ T(Bo, [["render", Uo], ["__scopeId", "data-v-ab627b83"]]);
+const Zo = /* @__PURE__ */ T(Bo, [["render", Vo], ["__scopeId", "data-v-ab627b83"]]);
 const Ho = {
   name: "IdmGLV2",
   components: {
@@ -6524,7 +6548,7 @@ const Ho = {
     IdmWaterTemp: Oi,
     IdmTemp: Ki,
     IdmArctic: hr,
-    IdmWarZone: Vr,
+    IdmWarZone: Ur,
     IdmGmdssArea: Hr,
     IdmEcaZone: Xr,
     IdmAlertZone: eo,
@@ -6537,7 +6561,7 @@ const Ho = {
     IdmLatLng: Qe,
     IdmMeasure: $o,
     IdmPoint: Or,
-    IdmENC: Go
+    IdmENC: Zo
   },
   props: {
     map: {
@@ -6581,13 +6605,13 @@ const Ho = {
       enc: "",
       // enc: 'i4',
       defaultMeteoToken: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg",
-      helper: new Zt()
+      helper: new Gt()
     };
   },
   watch: {
     ts: {
-      handler(t, e) {
-        t && e && te(t).utc().format("yyyy-MM-DD HH") !== te(e).utc().format("yyyy-MM-DD HH") && this.$nextTick(() => {
+      handler(a, e) {
+        a && e && Z(a).utc().format("yyyy-MM-DD HH") !== Z(e).utc().format("yyyy-MM-DD HH") && this.$nextTick(() => {
           this.handleDateChange({ tropicals: !1 });
         });
       },
@@ -6600,17 +6624,17 @@ const Ho = {
       immediate: !0
     },
     enc: {
-      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"));
+      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"));
       }
     },
     activeWeatherLayers: {
       handler() {
-        var t, e, a, r, i, o, n, s, c, h, d, p, f, m, b, y, u, v;
+        var a, e, t, r, i, o, n, s, c, h, d, p, f, m, b, y, u, v;
         if (!this.map)
           return !1;
-        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"), (o = this.map) != null && o.getLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer) && ((n = this.map) != null && n.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((c = this.map) == null || c.moveLayer((s = this.viewport) == null ? void 0 : s.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (d = this.map) != null && d.getLayer((h = this.viewport) == null ? void 0 : h.particleLayer) && ((p = this.map) != null && p.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((m = this.map) == null || m.moveLayer((f = this.viewport) == null ? void 0 : f.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : ((y = (b = this.map) == null ? void 0 : b.getLayer(this.enc)) == null || y.setLayoutProperty("visibility", "visible"), (v = (u = this.map) == null ? void 0 : u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || v.setLayoutProperty("visibility", "none"));
+        this.activeWeatherLayers.length > 0 ? ((e = (a = this.map) == null ? void 0 : a.getLayer(this.enc)) == null || e.setLayoutProperty("visibility", "none"), (r = (t = this.map) == null ? void 0 : t.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || r.setLayoutProperty("visibility", "visible"), (o = this.map) != null && o.getLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer) && ((n = this.map) != null && n.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((c = this.map) == null || c.moveLayer((s = this.viewport) == null ? void 0 : s.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (d = this.map) != null && d.getLayer((h = this.viewport) == null ? void 0 : h.particleLayer) && ((p = this.map) != null && p.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((m = this.map) == null || m.moveLayer((f = this.viewport) == null ? void 0 : f.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : ((y = (b = this.map) == null ? void 0 : b.getLayer(this.enc)) == null || y.setLayoutProperty("visibility", "visible"), (v = (u = this.map) == null ? void 0 : u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || v.setLayoutProperty("visibility", "none"));
       },
       immediate: !0
     }
@@ -6656,10 +6680,10 @@ const Ho = {
     // },
   },
   methods: {
-    async fetchWeatherLayers(t = { tropicals: !1 }) {
+    async fetchWeatherLayers(a = { tropicals: !1 }) {
       var i, o, n, s, c, h, d, p;
       const e = (/* @__PURE__ */ new Date()).valueOf();
-      let a = 0, r = 0;
+      let t = 0, r = 0;
       if (this.map) {
         const f = ((i = this.map) == null ? void 0 : i.getZoom()) + 1, m = (o = this.map) == null ? void 0 : o.getBounds(), b = `${m._sw.lng},${m._sw.lat},${m._ne.lng},${m._ne.lat}`;
         if (this.handleRampColorState(), this.particleFactor) {
@@ -6671,13 +6695,13 @@ const Ho = {
         }
         if (this.weatherWeight > 0) {
           let y = this.weatherWeight, u;
-          if (t.tropicals || this.weatherWeight & 256 && (u = this.weatherLayers.tropicals, u && (y -= 256, u.version = Math.random() + 1)), y > 0) {
+          if (a.tropicals || this.weatherWeight & 256 && (u = this.weatherLayers.tropicals, u && (y -= 256, u.version = Math.random() + 1)), y > 0) {
             const v = await se.get(`${this.gateway}/api/arc/weather/layers/links?l=${y}&v=${this.source}&z=${f}&bbox=${b}&t=${this.ts}`, {
               headers: {
                 Authorization: this.token || this.defaultMeteoToken
               }
             });
-            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) {
+            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) {
               const g = (s = v == null ? void 0 : v.data) == null ? void 0 : s.data, w = [];
               for (const _ in g)
                 _ === "ice-edge" && (g[_] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), _ !== "tropicals" && w.push(
@@ -6693,11 +6717,11 @@ const Ho = {
                 );
               const k = await Promise.all(w);
               this.weatherLayers = {}, k.map((_) => {
-                var B, W, O, Z;
+                var B, W, O, J;
                 const D = ((B = _ == null ? void 0 : _.data) == null ? void 0 : B.data) || (_ == null ? void 0 : _.data), A = (O = (W = _ == null ? void 0 : _.config) == null ? void 0 : W.headers) == null ? void 0 : O.key;
                 A && D && (this.weatherLayers[A] = {
                   raw: D,
-                  type: ((Z = _ == null ? void 0 : _.config) == null ? void 0 : Z.responseType) === "blob" ? "image" : "json",
+                  type: ((J = _ == null ? void 0 : _.config) == null ? void 0 : J.responseType) === "blob" ? "image" : "json",
                   etime: this.ts
                 });
               }), g.tropicals && se.get(g.tropicals, {
@@ -6718,7 +6742,7 @@ const Ho = {
                 };
               });
             }
-            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"]) {
+            if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + t), console.log("weather layers elapsed: ", r, ", total: ", t += r), this.weatherLayers["swell-direction"] || this.weatherLayers["swell-height"]) {
               const g = (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",
@@ -6743,21 +6767,21 @@ const Ho = {
       }
       this.toggleVersion = Math.random();
     },
-    async fetchOtherLayers(t = { all: !1, dayNight: !1, enc: !1 }) {
-      var e, a, r, i;
+    async fetchOtherLayers(a = { all: !1, dayNight: !1, enc: !1 }) {
+      var e, t, 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 (t.all) {
+            if (a.all) {
               const s = await se.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 = (a = s == null ? void 0 : s.data) == null ? void 0 : a.data, h = [];
+                const c = (t = s == null ? void 0 : s.data) == null ? void 0 : t.data, h = [];
                 for (const p in c)
                   h.push(
                     se.get(c[p], {
@@ -6774,7 +6798,7 @@ const Ho = {
                   this.otherLayers[m] = f;
                 });
               }
-            } else if (t.dayNight && o & 1024) {
+            } else if (a.dayNight && o & 1024) {
               const s = await se.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
@@ -6806,8 +6830,8 @@ const Ho = {
       }
     },
     handleRampColorState() {
-      var t;
-      if (this.showRampColor = !1, this.showWindParticle = !1, this.showCurrentParticle = !1, (t = this.particleFactor) != null && t.particle)
+      var a;
+      if (this.showRampColor = !1, this.showWindParticle = !1, this.showCurrentParticle = !1, (a = this.particleFactor) != null && a.particle)
         this.showRampColor = !0, this.showWindParticle = this.particleFactor.key === "wind", this.showCurrentParticle = this.particleFactor.key === "current", this.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.type === "json");
       else
         for (const e of this.activeWeatherLayers)
@@ -6815,10 +6839,10 @@ const Ho = {
       this.activeWindLayer = !!this.activeWeatherLayers.find((e) => e.key === "wind"), this.$refs.layer && (this.$refs.layer.activeWeatherLayers = this.activeWeatherLayers);
     },
     handleRampColorInitial() {
-      var t, e, a, r, i, o, n, s, c, h, d, p;
-      this.viewport.map.getSource((t = this.viewport) == null ? void 0 : t.rampColorSource) || this.viewport.map.addSource((e = this.viewport) == null ? void 0 : e.rampColorSource, {
+      var a, e, t, r, i, o, n, s, c, h, d, p;
+      this.viewport.map.getSource((a = this.viewport) == null ? void 0 : a.rampColorSource) || this.viewport.map.addSource((e = this.viewport) == null ? void 0 : e.rampColorSource, {
         type: "canvas",
-        canvas: (a = this.viewport) == null ? void 0 : a.rampColorCanvas,
+        canvas: (t = this.viewport) == null ? void 0 : t.rampColorCanvas,
         animate: !0,
         coordinates: this.viewport.getBoundLngLat()
       }), this.viewport.map.getLayer((r = this.viewport) == null ? void 0 : r.rampColorLayer) || this.viewport.map.addLayer(
@@ -6850,8 +6874,8 @@ const Ho = {
     },
     handleDragEndWithZoom4Json() {
       var h, d, p, f;
-      const t = (/* @__PURE__ */ new Date()).valueOf();
-      let e = 0, a = 0;
+      const a = (/* @__PURE__ */ new Date()).valueOf();
+      let e = 0, t = 0;
       const r = (h = this.map) == null ? void 0 : h.getBounds(), i = this.map.getZoom(), o = Ie(r._sw.lng), n = Ie(r._ne.lng), s = Math.floor(r._sw.lat), c = Math.ceil(r._ne.lat);
       for (const m in this.weatherLayers)
         if (this.weatherLayers[m].active && this.weatherLayers[m].type === "json") {
@@ -6882,7 +6906,7 @@ const Ho = {
                   }
                 });
               }
-            if (a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("direction elapsed: ", a, ", total: ", e += a), m === "swell") {
+            if (t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("direction elapsed: ", t, ", total: ", e += t), m === "swell") {
               const u = this.weatherLayers[m].height;
               if (u) {
                 if (!u.data) {
@@ -6902,7 +6926,7 @@ const Ho = {
                   const v = this.handleBboxClip(u.data, r);
                   b = b.concat(v);
                 }
-                a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("height elapsed: ", a, ", total: ", e += a);
+                t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("height elapsed: ", t, ", total: ", e += t);
               }
             }
             if (m === "current") {
@@ -6922,7 +6946,7 @@ const Ho = {
                   u.data = C.featureCollection(g);
                 }
                 const v = i < this.zoom ? u.data.features.filter((g) => g.properties.val > 0.5) : u.data.features;
-                b = b.concat(v), a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("speed elapsed: ", a, ", total: ", e += a);
+                b = b.concat(v), t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("speed elapsed: ", t, ", total: ", e += t);
               }
             }
           } else if (m === "wind") {
@@ -6948,7 +6972,7 @@ const Ho = {
                   }
                 });
               }
-            a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("wind barb elapsed: ", a, ", total: ", e += a);
+            t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("wind barb elapsed: ", t, ", total: ", e += t);
           } else if (m === "sig-wave-height") {
             if (this.weatherLayers[m].data)
               b = this.weatherLayers[m].data;
@@ -6977,7 +7001,7 @@ const Ho = {
                 b = b.concat(u);
               }
             }
-            a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("sigWave elapsed: ", a, ", total: ", e += a);
+            t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("sigWave elapsed: ", t, ", total: ", e += t);
           } else if (m === "prmsl") {
             if (this.weatherLayers[m].data)
               b = this.weatherLayers[m].data;
@@ -7006,7 +7030,7 @@ const Ho = {
                 b = b.concat(u);
               }
             }
-            a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("prmsl elapsed: ", a, ", total: ", e += a);
+            t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("prmsl elapsed: ", t, ", total: ", e += t);
           } else if (m === "arctic" || m === "iceberg") {
             if (this.weatherLayers[m].data)
               b = this.weatherLayers[m].data;
@@ -7026,179 +7050,179 @@ const Ho = {
                 b = b.concat(u);
               }
             }
-            a = (/* @__PURE__ */ new Date()).valueOf() - (t + e);
+            t = (/* @__PURE__ */ new Date()).valueOf() - (a + e);
           }
-          console.log(m, " elapsed: ", a, ", total: ", e += a), b.length && (this.weatherLayers[m].data = C.featureCollection(b)), this.weatherLayers[m].active = !0, this.weatherLayers[m].version = Math.random() + 1;
+          console.log(m, " elapsed: ", t, ", total: ", e += t), b.length && (this.weatherLayers[m].data = C.featureCollection(b)), this.weatherLayers[m].active = !0, this.weatherLayers[m].version = Math.random() + 1;
         }
     },
     handleDragEndWithZoom4Image() {
-      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);
+      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);
     },
-    handleBboxClip(t, e) {
-      const a = [], r = Ie(e._sw.lng), i = Ie(e._ne.lng);
-      return t.features.forEach((o) => {
+    handleBboxClip(a, e) {
+      const t = [], r = Ie(e._sw.lng), i = Ie(e._ne.lng);
+      return a.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 && a.push(s), n = [-180, e._sw.lat, i, e._ne.lat], s = C.bboxClip(o, n), s.geometry.coordinates.length && a.push(s);
+            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);
           } else {
             const n = [r, e._sw.lat, i, e._ne.lat], s = C.bboxClip(o, n);
-            s.geometry.coordinates.length && a.push(s);
+            s.geometry.coordinates.length && t.push(s);
           }
         else
-          a.push(o);
-      }), a;
+          t.push(o);
+      }), t;
     },
     handleWeatherLayerToggle() {
-      var t;
+      var a;
       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 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));
+        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));
       }
       this.handleBeforeLayerToggle();
     },
     handleBeforeLayerToggle() {
-      var t, e, a, r, i, o, n, s, c, h, d, p, f;
-      (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 || (d = this.otherLayers) != null && d["voluntary-reporting-area"] || (p = this.otherLayers) != null && p["eca-zones"] || (f = this.otherLayers) != null && f["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
+      var a, e, t, r, i, o, n, s, c, h, d, p, f;
+      (a = this.map) != null && a.getLayer(this.beforeLayer) && ((e = this.activeWeatherLayers) != null && e.length || (t = this.otherLayers) != null && t["war-zones"] || (r = this.otherLayers) != null && r["gmdss-areas"] || (i = this.otherLayers) != null && i["load-lines"] || (o = this.otherLayers) != null && o["high-risk-area"] || (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 || (d = this.otherLayers) != null && d["voluntary-reporting-area"] || (p = this.otherLayers) != null && p["eca-zones"] || (f = this.otherLayers) != null && f["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
     },
-    handleDateChange(t = { tropicals: !1 }) {
-      this.fetchWeatherLayers(t), this.fetchOtherLayers({ dayNight: !0 });
+    handleDateChange(a = { tropicals: !1 }) {
+      this.fetchWeatherLayers(a), this.fetchOtherLayers({ dayNight: !0 });
     },
-    handleWeatherLayerChange(t, e, a) {
+    handleWeatherLayerChange(a, e, t) {
       if (!this.map)
         setTimeout(() => {
-          this.handleWeatherLayerChange(t, e, a);
+          this.handleWeatherLayerChange(a, e, t);
         }, 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 !== a ? (this.source = a, this.weatherWeight = o, this.fetchWeatherLayers({ tropicals: !1 })) : this.handleWeatherLayerToggle();
+        this.weatherWeight !== o || this.source !== t ? (this.source = t, this.weatherWeight = o, this.fetchWeatherLayers({ tropicals: !1 })) : this.handleWeatherLayerToggle();
       }
     },
-    handleOtherLayerChange(t) {
+    handleOtherLayerChange(a) {
       if (!this.map)
         setTimeout(() => {
-          this.handleOtherLayerChange(t);
+          this.handleOtherLayerChange(a);
         }, 500);
       else {
-        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 }));
+        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 }));
       }
     },
-    async handlePointChange(t) {
-      const e = this.ts ? te(this.ts) : te(), a = {
-        lat: t.lat,
-        lng: t.lng,
+    async handlePointChange(a) {
+      const e = this.ts ? Z(this.ts) : Z(), t = {
+        lat: a.lat,
+        lng: a.lng,
         ts: e.utc().format(),
         wt: !0,
         src: this.source
       }, r = await se.get(`${this.gateway}/api/arc/meteo/query`, {
-        params: a,
+        params: t,
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
       });
       (r == null ? void 0 : r.status) === 200 && (this.meteo = {
         ...r == null ? void 0 : r.data,
-        ...t
+        ...a
       });
     },
-    handle3dToggle(t) {
-      var e, a, r, i, o, n, s, c, h, d, p, f, m, b, y, u, v, g, w, k;
-      t ? (this.map.setProjection("globe"), this.mapProjection = "globe", (a = this.map) != null && a.getLayer((e = this.viewport) == null ? void 0 : e.rampColorLayer) && ((r = this.map) != null && r.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((o = this.map) == null || o.moveLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer, this.helper.mapboxCustomer.layers.water.id)), (s = this.map) != null && s.getLayer((n = this.viewport) == null ? void 0 : n.particleLayer) && ((c = this.map) != null && c.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((d = this.map) == null || d.moveLayer((h = this.viewport) == null ? void 0 : h.particleLayer, this.helper.mapboxCustomer.layers.water.id)), this.map.off("zoomend", this.handleDragEndWithZoom4Json), this.map.off("dragend", this.handleDragEndWithZoom4Json), this.map.off("move", this.handleDragEndWithZoom4Image)) : (this.map.setProjection("mercator"), this.mapProjection = "mercator", this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.handleDragEndWithZoom4Image(), this.handleDragEndWithZoom4Json(), (f = this.map) != null && f.getLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer) && ((m = this.map) != null && m.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((y = this.map) == null || y.moveLayer((b = this.viewport) == null ? void 0 : b.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (v = this.map) != null && v.getLayer((u = this.viewport) == null ? void 0 : u.particleLayer) && ((g = this.map) != null && g.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((k = this.map) == null || k.moveLayer((w = this.viewport) == null ? void 0 : w.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
+    handle3dToggle(a) {
+      var e, t, r, i, o, n, s, c, h, d, p, f, m, b, y, u, v, g, w, k;
+      a ? (this.map.setProjection("globe"), this.mapProjection = "globe", (t = this.map) != null && t.getLayer((e = this.viewport) == null ? void 0 : e.rampColorLayer) && ((r = this.map) != null && r.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((o = this.map) == null || o.moveLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer, this.helper.mapboxCustomer.layers.water.id)), (s = this.map) != null && s.getLayer((n = this.viewport) == null ? void 0 : n.particleLayer) && ((c = this.map) != null && c.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((d = this.map) == null || d.moveLayer((h = this.viewport) == null ? void 0 : h.particleLayer, this.helper.mapboxCustomer.layers.water.id)), this.map.off("zoomend", this.handleDragEndWithZoom4Json), this.map.off("dragend", this.handleDragEndWithZoom4Json), this.map.off("move", this.handleDragEndWithZoom4Image)) : (this.map.setProjection("mercator"), this.mapProjection = "mercator", this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.handleDragEndWithZoom4Image(), this.handleDragEndWithZoom4Json(), (f = this.map) != null && f.getLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer) && ((m = this.map) != null && m.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((y = this.map) == null || y.moveLayer((b = this.viewport) == null ? void 0 : b.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (v = this.map) != null && v.getLayer((u = this.viewport) == null ? void 0 : u.particleLayer) && ((g = this.map) != null && g.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((k = this.map) == null || k.moveLayer((w = this.viewport) == null ? void 0 : w.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
     },
-    handleParticle(t) {
-      this.particleFactor = t, this.fetchWeatherLayers({ tropicals: !1 });
+    handleParticle(a) {
+      this.particleFactor = a, this.fetchWeatherLayers({ tropicals: !1 });
     }
   }
-}, Zo = {
+}, Go = {
   key: 0,
   className: "map-gl-home"
 };
-function Jo(t, e, a, r, i, o) {
-  var ae, J, q, be, Y, E, V, ve, Q, _e, ie, re, oe, ke, ze, Pe, Te, Ee, Ne, Fe, Ve, Ue, Ge, He, Ze, Je;
-  const n = z("IdmGlLayer"), s = z("IdmENC"), c = z("IdmSigWave"), h = z("IdmSwell"), d = z("IdmPrmsl"), p = z("IdmIceberg"), f = z("IdmTropicals"), m = z("IdmCurrents"), b = z("IdmCurrentParticle"), y = z("IdmWindBarb"), u = z("IdmWindParticle"), v = z("IdmPrecip3h"), g = z("IdmVisibility"), w = z("IdmWaterTemp"), k = z("IdmTemp"), _ = z("IdmArctic"), D = z("IdmWarZone"), A = z("IdmGmdssArea"), B = z("IdmEcaZone"), W = z("IdmAlertZone"), O = z("IdmPort"), Z = z("IdmLoadLine"), de = z("IdmTimezone"), pe = z("IdmVRA"), me = z("IdmSpecialArea"), ue = z("IdmTerminator"), ye = z("IdmLatLng"), fe = z("IdmMeasure"), ge = z("IdmPoint");
-  return a.map ? (L(), x("div", Zo, [
+function Jo(a, e, t, r, i, o) {
+  var ae, X, Y, be, Q, E, U, ve, K, _e, ie, re, oe, ke, ze, Pe, Te, Ee, Ne, Fe, Ue, Ve, Ze, He, Ge, Je;
+  const n = z("IdmGlLayer"), s = z("IdmENC"), c = z("IdmSigWave"), h = z("IdmSwell"), d = z("IdmPrmsl"), p = z("IdmIceberg"), f = z("IdmTropicals"), m = z("IdmCurrents"), b = z("IdmCurrentParticle"), y = z("IdmWindBarb"), u = z("IdmWindParticle"), v = z("IdmPrecip3h"), g = z("IdmVisibility"), w = z("IdmWaterTemp"), k = z("IdmTemp"), _ = z("IdmArctic"), D = z("IdmWarZone"), A = z("IdmGmdssArea"), B = z("IdmEcaZone"), W = z("IdmAlertZone"), O = z("IdmPort"), J = z("IdmLoadLine"), de = z("IdmTimezone"), pe = z("IdmVRA"), me = z("IdmSpecialArea"), ue = z("IdmTerminator"), ye = z("IdmLatLng"), fe = z("IdmMeasure"), ge = z("IdmPoint");
+  return t.map ? (L(), x("div", Go, [
     P(n, I({
       ref: "layer",
-      map: a.map,
+      map: t.map,
       "toggle-version": i.toggleVersion,
       "map-projection": i.mapProjection
-    }, t.$attrs, {
+    }, a.$attrs, {
       onWeather: o.handleWeatherLayerChange,
       onOther: o.handleOtherLayerChange,
-      onCoordinate: e[0] || (e[0] = (K) => i.showCoord = K),
-      onMeasure: e[1] || (e[1] = (K) => i.showMeasure = K),
-      onPoint: e[2] || (e[2] = (K) => i.showPoint = K),
+      onCoordinate: e[0] || (e[0] = (ee) => i.showCoord = ee),
+      onMeasure: e[1] || (e[1] = (ee) => i.showMeasure = ee),
+      onPoint: e[2] || (e[2] = (ee) => i.showPoint = ee),
       on3d: o.handle3dToggle,
-      onToggleVersion: e[3] || (e[3] = (K) => i.toggleVersion = K)
+      onToggleVersion: e[3] || (e[3] = (ee) => i.toggleVersion = ee)
     }), null, 16, ["map", "toggle-version", "map-projection", "onWeather", "onOther", "on3d"]),
     P(s, I({
-      map: a.map,
-      token: a.token,
+      map: t.map,
+      token: t.token,
       enabled: (ae = i.otherLayers) == null ? void 0 : ae.enc,
       "toggle-version": i.toggleVersion
-    }, t.$attrs, {
-      onEnc: e[4] || (e[4] = (K) => i.enc = K)
+    }, a.$attrs, {
+      onEnc: e[4] || (e[4] = (ee) => i.enc = ee)
     }), null, 16, ["map", "token", "enabled", "toggle-version"]),
     P(c, I({
-      map: a.map,
-      "sig-wave": (J = i.weatherLayers) == null ? void 0 : J["sig-wave-height"],
-      "before-layer": a.beforeLayer
-    }, t.$attrs), null, 16, ["map", "sig-wave", "before-layer"]),
+      map: t.map,
+      "sig-wave": (X = i.weatherLayers) == null ? void 0 : X["sig-wave-height"],
+      "before-layer": t.beforeLayer
+    }, a.$attrs), null, 16, ["map", "sig-wave", "before-layer"]),
     P(h, I({
-      map: a.map,
-      swell: (q = i.weatherLayers) == null ? void 0 : q.swell,
-      "before-layer": a.beforeLayer
-    }, t.$attrs), null, 16, ["map", "swell", "before-layer"]),
+      map: t.map,
+      swell: (Y = i.weatherLayers) == null ? void 0 : Y.swell,
+      "before-layer": t.beforeLayer
+    }, a.$attrs), null, 16, ["map", "swell", "before-layer"]),
     P(d, I({
-      map: a.map,
+      map: t.map,
       prmsl: (be = i.weatherLayers) == null ? void 0 : be.prmsl,
-      "before-layer": a.beforeLayer,
+      "before-layer": t.beforeLayer,
       "active-weather-layers": i.activeWeatherLayers
-    }, t.$attrs), null, 16, ["map", "prmsl", "before-layer", "active-weather-layers"]),
+    }, a.$attrs), null, 16, ["map", "prmsl", "before-layer", "active-weather-layers"]),
     P(p, I({
-      map: a.map,
-      iceberg: (Y = i.weatherLayers) == null ? void 0 : Y.iceberg,
-      "before-layer": a.beforeLayer
-    }, t.$attrs), null, 16, ["map", "iceberg", "before-layer"]),
+      map: t.map,
+      iceberg: (Q = i.weatherLayers) == null ? void 0 : Q.iceberg,
+      "before-layer": t.beforeLayer
+    }, a.$attrs), null, 16, ["map", "iceberg", "before-layer"]),
     P(f, I({
-      map: a.map,
-      date: a.ts,
+      map: t.map,
+      date: t.ts,
       tropicals: (E = i.weatherLayers) == null ? void 0 : E.tropicals,
-      "before-layer": a.beforeLayer
-    }, t.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
+      "before-layer": t.beforeLayer
+    }, a.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
     P(m, I({
-      map: a.map,
+      map: t.map,
       "map-projection": i.mapProjection,
-      current: (V = i.weatherLayers) == null ? void 0 : V.current,
-      "before-layer": a.beforeLayer,
+      current: (U = i.weatherLayers) == null ? void 0 : U.current,
+      "before-layer": t.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
-    }, t.$attrs, { onParticle: o.handleParticle }), null, 16, ["map", "map-projection", "current", "before-layer", "show-particle", "margin-bottom", "toggle-version", "weather-layers", "onParticle"]),
+    }, a.$attrs, { onParticle: o.handleParticle }), null, 16, ["map", "map-projection", "current", "before-layer", "show-particle", "margin-bottom", "toggle-version", "weather-layers", "onParticle"]),
     P(b, I({
       viewport: i.viewport,
       factor: (ve = i.weatherLayers) == null ? void 0 : ve["current-particle"],
-      "before-layer": a.beforeLayer,
+      "before-layer": t.beforeLayer,
       "toggle-version": i.toggleVersion
-    }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
+    }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     P(y, I({
       ref: "windBarb",
-      map: a.map,
+      map: t.map,
       "map-projection": i.mapProjection,
-      wind: (Q = i.weatherLayers) == null ? void 0 : Q.wind,
+      wind: (K = i.weatherLayers) == null ? void 0 : K.wind,
       current: (_e = i.weatherLayers) == null ? void 0 : _e.current,
-      "before-layer": a.beforeLayer,
+      "before-layer": t.beforeLayer,
       "margin-bottom": i.showRampColor ? "56px" : "30px",
       "show-particle": i.showWindParticle
-    }, t.$attrs, {
+    }, a.$attrs, {
       "toggle-version": i.toggleVersion,
       "weather-layers": i.weatherLayers,
       onParticle: o.handleParticle
@@ -7206,115 +7230,115 @@ function Jo(t, e, a, r, i, o) {
     P(u, I({
       viewport: i.viewport,
       factor: (ie = i.weatherLayers) == null ? void 0 : ie["wind-particle"],
-      "before-layer": a.beforeLayer,
+      "before-layer": t.beforeLayer,
       "toggle-version": i.toggleVersion
-    }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
+    }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     P(v, I({
       viewport: i.viewport,
       factor: (re = i.weatherLayers) == null ? void 0 : re.precip3h,
-      "before-layer": a.beforeLayer,
+      "before-layer": t.beforeLayer,
       "toggle-version": i.toggleVersion
-    }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
+    }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     P(g, I({
       viewport: i.viewport,
       factor: (oe = i.weatherLayers) == null ? void 0 : oe.visibility,
-      "before-layer": a.beforeLayer,
+      "before-layer": t.beforeLayer,
       "toggle-version": i.toggleVersion
-    }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
+    }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     P(w, I({
       viewport: i.viewport,
       factor: (ke = i.weatherLayers) == null ? void 0 : ke["water-temp"],
-      "before-layer": a.beforeLayer,
+      "before-layer": t.beforeLayer,
       "toggle-version": i.toggleVersion
-    }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
+    }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     P(k, I({
       viewport: i.viewport,
       factor: (ze = i.weatherLayers) == null ? void 0 : ze.temp,
-      "before-layer": a.beforeLayer,
+      "before-layer": t.beforeLayer,
       "toggle-version": i.toggleVersion
-    }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
+    }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     P(_, I({
       viewport: i.viewport,
       factor: (Pe = i.weatherLayers) == null ? void 0 : Pe.arctic,
-      "before-layer": a.beforeLayer,
+      "before-layer": t.beforeLayer,
       "toggle-version": i.toggleVersion
-    }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
+    }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     P(D, I({
-      map: a.map,
+      map: t.map,
       zone: (Te = i.otherLayers) == null ? void 0 : Te["war-zones"],
-      "before-layer": a.beforeLayer
-    }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
+      "before-layer": t.beforeLayer
+    }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
     P(A, I({
-      map: a.map,
+      map: t.map,
       area: (Ee = i.otherLayers) == null ? void 0 : Ee["gmdss-areas"],
-      "before-layer": a.beforeLayer
-    }, t.$attrs), null, 16, ["map", "area", "before-layer"]),
+      "before-layer": t.beforeLayer
+    }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
     P(B, I({
-      map: a.map,
+      map: t.map,
       zone: (Ne = i.otherLayers) == null ? void 0 : Ne["eca-zones"],
-      "before-layer": a.beforeLayer
-    }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
+      "before-layer": t.beforeLayer
+    }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
     P(W, I({
-      map: a.map,
+      map: t.map,
       zone: (Fe = i.otherLayers) == null ? void 0 : Fe["alert-zones"],
-      "before-layer": a.beforeLayer
-    }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
+      "before-layer": t.beforeLayer
+    }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
     P(O, I({
-      map: a.map,
-      port: (Ve = i.otherLayers) == null ? void 0 : Ve.ports,
-      "before-layer": a.beforeLayer
-    }, t.$attrs), null, 16, ["map", "port", "before-layer"]),
-    P(Z, I({
-      map: a.map,
-      line: (Ue = i.otherLayers) == null ? void 0 : Ue["load-lines"],
-      "before-layer": a.beforeLayer
-    }, t.$attrs), null, 16, ["map", "line", "before-layer"]),
+      map: t.map,
+      port: (Ue = i.otherLayers) == null ? void 0 : Ue.ports,
+      "before-layer": t.beforeLayer
+    }, a.$attrs), null, 16, ["map", "port", "before-layer"]),
+    P(J, I({
+      map: t.map,
+      line: (Ve = i.otherLayers) == null ? void 0 : Ve["load-lines"],
+      "before-layer": t.beforeLayer
+    }, a.$attrs), null, 16, ["map", "line", "before-layer"]),
     P(de, I({
-      map: a.map,
-      zone: (Ge = i.otherLayers) == null ? void 0 : Ge["time-zones"],
-      "before-layer": a.beforeLayer
-    }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
+      map: t.map,
+      zone: (Ze = i.otherLayers) == null ? void 0 : Ze["time-zones"],
+      "before-layer": t.beforeLayer
+    }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
     P(pe, I({
-      map: a.map,
+      map: t.map,
       area: (He = i.otherLayers) == null ? void 0 : He["voluntary-reporting-area"],
-      "before-layer": a.beforeLayer
-    }, t.$attrs), null, 16, ["map", "area", "before-layer"]),
+      "before-layer": t.beforeLayer
+    }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
     P(me, I({
-      map: a.map,
-      area: (Ze = i.otherLayers) == null ? void 0 : Ze["special-area"],
-      "before-layer": a.beforeLayer
-    }, t.$attrs), null, 16, ["map", "area", "before-layer"]),
+      map: t.map,
+      area: (Ge = i.otherLayers) == null ? void 0 : Ge["special-area"],
+      "before-layer": t.beforeLayer
+    }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
     P(ue, I({
-      map: a.map,
+      map: t.map,
       area: (Je = i.otherLayers) == null ? void 0 : Je["day-night"]
-    }, t.$attrs), null, 16, ["map", "area"]),
+    }, a.$attrs), null, 16, ["map", "area"]),
     P(ye, I({
-      map: a.map,
+      map: t.map,
       show: i.showCoord,
       "toggle-version": i.toggleVersion
-    }, t.$attrs), null, 16, ["map", "show", "toggle-version"]),
+    }, a.$attrs), null, 16, ["map", "show", "toggle-version"]),
     P(fe, I({
-      map: a.map,
+      map: t.map,
       show: i.showMeasure
-    }, t.$attrs), null, 16, ["map", "show"]),
+    }, a.$attrs), null, 16, ["map", "show"]),
     P(ge, I({
-      map: a.map,
+      map: t.map,
       show: i.showPoint,
       meteo: i.meteo
-    }, t.$attrs, { onPoint: o.handlePointChange }), null, 16, ["map", "show", "meteo", "onPoint"])
+    }, a.$attrs, { onPoint: o.handlePointChange }), null, 16, ["map", "show", "meteo", "onPoint"])
   ])) : $("", !0);
 }
 const Xo = /* @__PURE__ */ T(Ho, [["render", Jo]]), rs = {
-  install(t) {
-    t.component("MapboxGL", Xo), t.component("TropicalGL", Ye), t.component("LatLngGL", Qe);
+  install(a) {
+    a.component("MapboxGL", Xo), a.component("TropicalGL", Ye), a.component("LatLngGL", Qe);
   }
 };
 export {
   Qe as LatLngGL,
   Xo as MapboxGL,
   rs as MapboxGLPlugin,
-  Zt as MapboxHelper,
-  U as ParticleSchema,
+  Gt as MapboxHelper,
+  V as ParticleSchema,
   Ye as TropicalGL,
   Oe as Viewport,
   we as WebGL,