@idmwx/idmui-gl3 5.3.5 → 5.3.6

package/dist/index.js

@@ -1,34 +1,34 @@
 var i1 = Object.defineProperty;
-var r1 = (b, M, z) => M in b ? i1(b, M, { enumerable: !0, configurable: !0, writable: !0, value: z }) : b[M] = z;
-var Z = (b, M, z) => (r1(b, typeof M != "symbol" ? M + "" : M, z), z);
+var r1 = (z, M, b) => M in z ? i1(z, M, { enumerable: !0, configurable: !0, writable: !0, value: b }) : z[M] = b;
+var Z = (z, M, b) => (r1(z, typeof M != "symbol" ? M + "" : M, b), b);
 import { LayerHelper as _0, CompanyHelper as j0 } from "@idm-plugin/tag";
 import Y from "moment";
 import N0 from "axios";
-import { resolveComponent as P, openBlock as W, createElementBlock as l, createElementVNode as c, normalizeStyle as A0, createVNode as E, withCtx as u0, normalizeClass as G, Fragment as F, renderList as J, toDisplayString as y, createCommentVNode as U, createBlock as n1, createTextVNode as c0, withDirectives as X0, createStaticVNode as d1, vShow as w0, defineComponent as s1, withModifiers as Q0, mergeProps as H } from "vue";
+import { resolveComponent as P, openBlock as W, createElementBlock as l, createElementVNode as c, normalizeStyle as e0, createVNode as E, withCtx as u0, normalizeClass as G, Fragment as F, renderList as J, toDisplayString as y, createCommentVNode as U, createBlock as n1, createTextVNode as c0, withDirectives as X0, createStaticVNode as d1, vShow as w0, defineComponent as s1, withModifiers as Q0, mergeProps as H } from "vue";
 import * as T from "@turf/turf";
 import W1 from "@mapbox/sphericalmercator";
 import C0 from "mapbox-gl";
 import { TropicalHelper as A1, LngLatHelper as o0, LaneHelper as v0 } from "@idm-plugin/geo";
 import { TidesAssist as H0, Meteo2Assist as S0 } from "@idm-plugin/meteo";
 var l1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function f1(b) {
-  return b && b.__esModule && Object.prototype.hasOwnProperty.call(b, "default") ? b.default : b;
+function f1(z) {
+  return z && z.__esModule && Object.prototype.hasOwnProperty.call(z, "default") ? z.default : z;
 }
 var e1 = { exports: {} }, t1 = { exports: {} };
-(function(b) {
+(function(z) {
   //! moment-timezone.js
   //! version : 0.5.47
   //! Copyright (c) JS Foundation and other contributors
   //! license : MIT
   //! github.com/moment/moment-timezone
-  (function(M, z) {
-    b.exports ? b.exports = z(Y) : z(M.moment);
+  (function(M, b) {
+    z.exports ? z.exports = b(Y) : b(M.moment);
   })(l1, function(M) {
     M.version === void 0 && M.default && (M = M.default);
-    var z = "0.5.47", O = {}, p = {}, o = {}, A = {}, a = {}, q;
-    (!M || typeof M.version != "string") && e0("Moment Timezone requires Moment.js. See https://momentjs.com/timezone/docs/#/use-it/browser/");
+    var b = "0.5.47", O = {}, p = {}, o = {}, A = {}, a = {}, q;
+    (!M || typeof M.version != "string") && t0("Moment Timezone requires Moment.js. See https://momentjs.com/timezone/docs/#/use-it/browser/");
     var i = M.version.split("."), e = +i[0], r = +i[1];
-    (e < 2 || e === 2 && r < 6) && e0("Moment Timezone requires Moment.js >= 2.6.0. You are using Moment.js " + M.version + ". See momentjs.com");
+    (e < 2 || e === 2 && r < 6) && t0("Moment Timezone requires Moment.js >= 2.6.0. You are using Moment.js " + M.version + ". See momentjs.com");
     function s(t) {
       return t > 96 ? t - 87 : t > 64 ? t - 29 : t - 48;
     }
@@ -106,7 +106,7 @@ var e1 = { exports: {} }, t1 = { exports: {} };
         return this.abbrs[this._index(t)];
       },
       offset: function(t) {
-        return e0("zone.offset has been deprecated in favor of zone.utcOffset"), this.offsets[this._index(t)];
+        return t0("zone.offset has been deprecated in favor of zone.utcOffset"), this.offsets[this._index(t)];
       },
       utcOffset: function(t) {
         return this.offsets[this._index(t)];
@@ -166,7 +166,7 @@ var e1 = { exports: {} }, t1 = { exports: {} };
           var f = A[i0(t)];
           if (f)
             return f;
-          e0("Moment Timezone found " + t + " from the Intl api, but did not have that data loaded.");
+          t0("Moment Timezone found " + t + " from the Intl api, but did not have that data loaded.");
         }
       } catch {
       }
@@ -236,20 +236,20 @@ var e1 = { exports: {} }, t1 = { exports: {} };
       l0(t.zones), f0(t.links), r0(t.countries), I.dataVersion = t.version;
     }
     function S(t) {
-      return S.didShowError || (S.didShowError = !0, e0("moment.tz.zoneExists('" + t + "') has been deprecated in favor of !moment.tz.zone('" + t + "')")), !!O0(t);
+      return S.didShowError || (S.didShowError = !0, t0("moment.tz.zoneExists('" + t + "') has been deprecated in favor of !moment.tz.zone('" + t + "')")), !!O0(t);
     }
     function b0(t) {
       var f = t._f === "X" || t._f === "x";
       return !!(t._a && t._tzm === void 0 && !f);
     }
-    function e0(t) {
+    function t0(t) {
       typeof console < "u" && typeof console.error == "function" && console.error(t);
     }
     function I(t) {
       var f = Array.prototype.slice.call(arguments, 0, -1), u = arguments[arguments.length - 1], B = M.utc.apply(null, f), C;
       return !M.isMoment(t) && b0(B) && (C = O0(u)) && B.add(C.parse(B), "minutes"), B.tz(u), B;
     }
-    I.version = z, I.dataVersion = "", I._zones = O, I._links = p, I._names = A, I._countries = o, I.add = l0, I.link = f0, I.load = s0, I.zone = O0, I.zoneExists = S, I.guess = h0, I.names = R0, I.Zone = R, I.unpack = h, I.unpackBase60 = n, I.needsOffset = b0, I.moveInvalidForward = !0, I.moveAmbiguousForward = !1, I.countries = m0, I.zonesForCountry = B0;
+    I.version = b, I.dataVersion = "", I._zones = O, I._links = p, I._names = A, I._countries = o, I.add = l0, I.link = f0, I.load = s0, I.zone = O0, I.zoneExists = S, I.guess = h0, I.names = R0, I.Zone = R, I.unpack = h, I.unpackBase60 = n, I.needsOffset = b0, I.moveInvalidForward = !0, I.moveAmbiguousForward = !1, I.countries = m0, I.zonesForCountry = B0;
     var M0 = M.fn;
     M.tz = I, M.defaultZone = null, M.updateOffset = function(t, f) {
       var u = M.defaultZone, B;
@@ -263,7 +263,7 @@ var e1 = { exports: {} }, t1 = { exports: {} };
       if (t) {
         if (typeof t != "string")
           throw new Error("Time zone name must be a string, got " + t + " [" + typeof t + "]");
-        return this._z = O0(t), this._z ? M.updateOffset(this, f) : e0("Moment Timezone has no data for " + t + ". See http://momentjs.com/timezone/docs/#/data-loading/."), this;
+        return this._z = O0(t), this._z ? M.updateOffset(this, f) : t0("Moment Timezone has no data for " + t + ". See http://momentjs.com/timezone/docs/#/data-loading/."), this;
       }
       if (this._z)
         return this._z.name;
@@ -284,7 +284,7 @@ var e1 = { exports: {} }, t1 = { exports: {} };
       };
     }
     M0.zoneName = W0(M0.zoneName), M0.zoneAbbr = W0(M0.zoneAbbr), M0.utc = N(M0.utc), M0.local = N(M0.local), M0.utcOffset = y0(M0.utcOffset), M.tz.setDefault = function(t) {
-      return (e < 2 || e === 2 && r < 9) && e0("Moment Timezone setDefault() requires Moment.js >= 2.9.0. You are using Moment.js " + M.version + "."), M.defaultZone = t ? O0(t) : null, M;
+      return (e < 2 || e === 2 && r < 9) && t0("Moment Timezone setDefault() requires Moment.js >= 2.9.0. You are using Moment.js " + M.version + "."), M.defaultZone = t ? O0(t) : null, M;
     };
     var g0 = M.momentProperties;
     return Object.prototype.toString.call(g0) === "[object Array]" ? (g0.push("_z"), g0.push("_a")) : g0 && (g0._z = null), M;
@@ -1147,11 +1147,11 @@ var g1 = e1.exports = u1;
 g1.tz.load(B1);
 var N1 = e1.exports;
 const k0 = /* @__PURE__ */ f1(N1);
-const Q = (b, M) => {
-  const z = b.__vccOpts || b;
+const Q = (z, M) => {
+  const b = z.__vccOpts || z;
   for (const [O, p] of M)
-    z[O] = p;
-  return z;
+    b[O] = p;
+  return b;
 }, y1 = {
   name: "IdmGlLayer",
   props: {
@@ -1199,15 +1199,15 @@ const Q = (b, M) => {
       default: void 0
     }
   },
-  emits: ["weather", "other", "toggleWindParticle", "toggleWindFeather", "toggleCurrentParticle", "toggleCurrentIsoband", "coordinate", "measure", "point", "3d", "layerToggle", "handleToggleVersion", "login", "forecastModel"],
+  emits: ["weather", "other", "toggleWindParticle", "toggleWindFeather", "toggleCurrentParticle", "toggleCurrentIsoband", "toggleParticeVersion", "coordinate", "measure", "point", "3d", "layerToggle", "handleToggleVersion", "login", "forecastModel"],
   data() {
     return {
       autoActive: !0,
       layers: {
         weather: [
-          ..._0.WEATHER_LAYERS.filter((b) => !["swell-height", "swell-direction", "current-direction", "current-speed"].includes(b.key))
+          ..._0.WEATHER_LAYERS.filter((z) => !["swell-height", "swell-direction", "current-direction", "current-speed"].includes(z.key))
         ],
-        other: [..._0.OTHER_LAYERS.filter((b) => b.enabled)]
+        other: [..._0.OTHER_LAYERS.filter((z) => z.enabled)]
       },
       activeWeatherLayers: [],
       activeOtherLayers: [],
@@ -1234,22 +1234,22 @@ const Q = (b, M) => {
   },
   computed: {
     computeLayerClass() {
-      return function(b, M) {
+      return function(z, M) {
         var O;
-        let z = "layer flex-between";
-        return M.some((p) => p.key === b.key) && (z = z + " active"), (!b.enabled || (O = this.layers.weather) != null && O.some((p) => p.key === b.key) && !this.autoActive || this.rampColorLayers.includes(b.key) && this.mapProjection === "globe") && (z = z + " disabled"), z;
+        let b = "layer flex-between";
+        return M.some((p) => p.key === z.key) && (b = b + " active"), (!z.enabled || (O = this.layers.weather) != null && O.some((p) => p.key === z.key) && !this.autoActive || this.rampColorLayers.includes(z.key) && this.mapProjection === "globe") && (b = b + " disabled"), b;
       };
     },
     hasCollectedLayers() {
-      var b;
-      return ((b = this.layers.weather.filter((M) => M.collected)) == null ? void 0 : b.length) > 0;
+      var z;
+      return ((z = this.layers.weather.filter((M) => M.collected)) == null ? void 0 : z.length) > 0;
     },
     computeDateZ() {
-      return function(b) {
+      return function(z) {
         var M;
-        if (b) {
-          const z = Y(b);
-          return `${(M = z == null ? void 0 : z.utc()) == null ? void 0 : M.format("MMM-DD/HHmm")}Z`;
+        if (z) {
+          const b = Y(z);
+          return `${(M = b == null ? void 0 : b.utc()) == null ? void 0 : M.format("MMM-DD/HHmm")}Z`;
         }
         return "-";
       };
@@ -1259,14 +1259,14 @@ const Q = (b, M) => {
     toggleVersion: {
       handler() {
         this.$nextTick(() => {
-          var b;
-          this.right = (((b = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : b.clientWidth) || 0) + 10;
+          var z;
+          this.right = (((z = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : z.clientWidth) || 0) + 10;
         });
       }
     },
     source: {
-      handler(b, M) {
-        b && b !== M && this.$emit("forecastModel", this.source), b && M && b !== M && this.handleConfirm();
+      handler(z, M) {
+        z && z !== M && this.$emit("forecastModel", this.source), z && M && z !== M && this.handleConfirm();
       }
     }
   },
@@ -1277,76 +1277,76 @@ const Q = (b, M) => {
     async fetchMeteoSource() {
       var M;
       this.sourceList = [];
-      let b = await N0.get(`${this.gateway}/api/arc/meteo2/models`, {
+      let z = await N0.get(`${this.gateway}/api/arc/meteo2/models`, {
         headers: {
           Authorization: this.token
         }
       });
-      (b == null ? void 0 : b.data.code) === 0 && (this.sourceList = (M = b == null ? void 0 : b.data.data) == null ? void 0 : M.weather);
+      (z == null ? void 0 : z.data.code) === 0 && (this.sourceList = (M = z == null ? void 0 : z.data.data) == null ? void 0 : M.weather);
     },
     fetchCache() {
-      const b = localStorage.getItem(this.version.k);
-      this.version.v !== b && (localStorage.removeItem(this.activeWeatherLayersCache), localStorage.removeItem(this.collectedLayerCache), localStorage.removeItem(this.activeOtherLayersCache), localStorage.removeItem(this.windFeatherCache), localStorage.removeItem(this.currentIsobandCache), localStorage.setItem(this.version.k, this.version.v));
+      const z = localStorage.getItem(this.version.k);
+      this.version.v !== z && (localStorage.removeItem(this.activeWeatherLayersCache), localStorage.removeItem(this.collectedLayerCache), localStorage.removeItem(this.activeOtherLayersCache), localStorage.removeItem(this.windFeatherCache), localStorage.removeItem(this.currentIsobandCache), localStorage.setItem(this.version.k, this.version.v));
       let M = localStorage.getItem(this.autoActiveCache);
       this.autoActive = M !== "false", M = localStorage.getItem(this.collectedLayerCache);
-      let z = JSON.parse(
+      let b = JSON.parse(
         M || '[{"weight": 16, "name": "Sig Waves", "key": "sig-wave-height", "collected": true},{"weight": 1, "name": "Wind", "key": "wind", "h5": true, "collected": true},{"weight": 96, "name": "Current", "key": "current", "collected": true},{"weight": 256,"name": "Tropicals","key": "tropicals", "collected": true}]'
       );
       this.layers.weather.forEach((O) => {
-        O.collected = !!z.some((p) => p.key === O.key && p.collected);
+        O.collected = !!b.some((p) => p.key === O.key && p.collected);
       }), M = localStorage.getItem(this.activeWeatherLayersCache), M || localStorage.setItem(this.activeWeatherLayersCache, JSON.stringify(
         [
           { weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !0 },
           { weight: 4096, name: "Pressure", key: "prmsl", enabled: !0, type: "json" },
           { weight: 256, name: "Tropicals", key: "tropicals", enabled: !0, type: "json" }
         ]
-      )), M = localStorage.getItem(this.activeWeatherLayersCache), z = JSON.parse(M), this.autoActive && (this.activeWeatherLayers = [...z]), z.some((O) => O.key === "wind" && O.particle) && this.$emit("toggleWindParticle", !0), localStorage.getItem(this.windFeatherCache) === "true" && this.$emit("toggleWindFeather", !0), z.some((O) => O.key === "current" && O.particle) && this.$emit("toggleCurrentParticle", !0), localStorage.getItem(this.currentIsobandCache) === "true" && this.$emit("toggleCurrentIsoband", !0), M = localStorage.getItem(this.activeOtherLayersCache), z = JSON.parse(M || '[{"weight":4,"name":"ECA Zones","key":"eca-zones","enabled":true,"type":"json"}, {"weight": 2048,"name": "ENC","key": "enc","h5": true,"enabled": true,"type": "origin"}]'), this.activeOtherLayers = z, M = localStorage.getItem(this.sourceCache), this.source = M ? M === "CMEMS" ? "ECMWF" : M : this.source, this.$emit("forecastModel", this.source);
+      )), M = localStorage.getItem(this.activeWeatherLayersCache), b = JSON.parse(M), this.autoActive && (this.activeWeatherLayers = [...b]), b.some((O) => O.key === "wind" && O.particle) && this.$emit("toggleWindParticle", !0), localStorage.getItem(this.windFeatherCache) === "true" && this.$emit("toggleWindFeather", !0), b.some((O) => O.key === "current" && O.particle) && this.$emit("toggleCurrentParticle", !0), localStorage.getItem(this.currentIsobandCache) === "true" && this.$emit("toggleCurrentIsoband", !0), b.some((O) => O.key === "wind" && !O.particle && localStorage.getItem(this.windFeatherCache) === "false") && (b = b.filter((O) => O.key !== "wind")), b.some((O) => O.key === "current" && !O.particle && localStorage.getItem(this.currentIsobandCache) === "false") && (b = b.filter((O) => O.key !== "current")), M = localStorage.getItem(this.activeOtherLayersCache), b = JSON.parse(M || '[{"weight":4,"name":"ECA Zones","key":"eca-zones","enabled":true,"type":"json"}, {"weight": 2048,"name": "ENC","key": "enc","h5": true,"enabled": true,"type": "origin"}]'), this.activeOtherLayers = b, M = localStorage.getItem(this.sourceCache), this.source = M ? M === "CMEMS" ? "ECMWF" : M : this.source, this.$emit("forecastModel", this.source);
     },
     handleConfirm() {
       var M;
-      const b = (M = this.sourceList.find((z) => z.name === this.source)) == null ? void 0 : M.code;
-      this.$emit("weather", this.activeWeatherLayers, b), this.$emit("other", this.activeOtherLayers), localStorage.setItem(this.autoActiveCache, this.autoActive), localStorage.setItem(this.sourceCache, this.source);
+      const z = (M = this.sourceList.find((b) => b.name === this.source)) == null ? void 0 : M.code;
+      this.$emit("weather", this.activeWeatherLayers, z), this.$emit("other", this.activeOtherLayers), localStorage.setItem(this.autoActiveCache, this.autoActive), localStorage.setItem(this.sourceCache, this.source);
     },
-    handleWeatherLayerPick(b) {
-      var z;
-      if (this.activeWeatherLayers = JSON.parse(localStorage.getItem(this.activeWeatherLayersCache)), this.rampColorLayers.includes(b.key) && this.mapProjection === "globe" || !this.autoActive)
+    handleWeatherLayerPick(z) {
+      var b;
+      if (this.activeWeatherLayers = JSON.parse(localStorage.getItem(this.activeWeatherLayersCache)), this.rampColorLayers.includes(z.key) && this.mapProjection === "globe" || !this.autoActive)
         return !1;
-      (b.key === "wind" && !this.showWindFeather || b.key === "current" && !this.showCurrentIsoband) && (b.particle = !0), this.activeWeatherLayers.some((O) => O.key === b.key) ? this.activeWeatherLayers = this.activeWeatherLayers.filter((O) => O.key !== b.key) : this.activeWeatherLayers.length < 6 && b.enabled && (["png", "jpg"].includes(b.type) ? (this.activeWeatherLayers.forEach((O) => {
-        (O.key === "wind" && this.showWindFeather || b.key === "current" && this.showCurrentIsoband) && (O.particle = !1);
-      }), this.activeWeatherLayers = this.activeWeatherLayers.filter((O) => O.type === "json" && !(["wind", "current"].includes(O.key) && O.particle))) : b.key === "wind" ? (this.activeWeatherLayers.forEach((O) => {
+      (z.key === "wind" && !this.showWindFeather || z.key === "current" && !this.showCurrentIsoband) && (z.particle = !0), this.activeWeatherLayers.some((O) => O.key === z.key) ? this.activeWeatherLayers = this.activeWeatherLayers.filter((O) => O.key !== z.key) : this.activeWeatherLayers.length < 6 && z.enabled && (["png", "jpg"].includes(z.type) ? (this.activeWeatherLayers.forEach((O) => {
+        (O.key === "wind" && this.showWindFeather || z.key === "current" && this.showCurrentIsoband) && (O.particle = !1);
+      }), this.activeWeatherLayers = this.activeWeatherLayers.filter((O) => O.type === "json" && !(["wind", "current"].includes(O.key) && O.particle))) : z.key === "wind" ? (this.activeWeatherLayers.forEach((O) => {
         O.key === "current" && this.showCurrentIsoband && (O.particle = !1);
-      }), this.activeWeatherLayers = this.activeWeatherLayers.filter((O) => O.type === "json" && !(["wind", "current"].includes(O.key) && O.particle))) : b.key === "current" && (this.activeWeatherLayers.forEach((O) => {
+      }), this.activeWeatherLayers = this.activeWeatherLayers.filter((O) => O.type === "json" && !(["wind", "current"].includes(O.key) && O.particle))) : z.key === "current" && (this.activeWeatherLayers.forEach((O) => {
         O.key === "wind" && this.showWindFeather && (O.particle = !1);
-      }), this.activeWeatherLayers = this.activeWeatherLayers.filter((O) => O.type === "json" && !(["wind", "current"].includes(O.key) && O.particle))), this.activeWeatherLayers.push(b));
-      const M = (z = this.sourceList.find((O) => O.name === this.source)) == null ? void 0 : z.code;
+      }), this.activeWeatherLayers = this.activeWeatherLayers.filter((O) => O.type === "json" && !(["wind", "current"].includes(O.key) && O.particle))), this.activeWeatherLayers.push(z));
+      const M = (b = this.sourceList.find((O) => O.name === this.source)) == null ? void 0 : b.code;
       this.$emit("weather", this.activeWeatherLayers, M), localStorage.setItem(this.activeWeatherLayersCache, JSON.stringify(this.activeWeatherLayers));
     },
-    handleWeatherLayerCollect(b) {
+    handleWeatherLayerCollect(z) {
       var M;
-      !b.collected && ((M = this.layers.weather.filter((z) => z.collected)) == null ? void 0 : M.length) >= 6 && (this.layers.weather.filter((z) => z.collected)[0].collected = !1), b.collected = !b.collected, localStorage.setItem(this.collectedLayerCache, JSON.stringify(this.layers.weather)), this.$emit("handleToggleVersion");
+      !z.collected && ((M = this.layers.weather.filter((b) => b.collected)) == null ? void 0 : M.length) >= 6 && (this.layers.weather.filter((b) => b.collected)[0].collected = !1), z.collected = !z.collected, localStorage.setItem(this.collectedLayerCache, JSON.stringify(this.layers.weather)), this.$emit("handleToggleVersion");
     },
     handleToggleWindParticle() {
-      !this.showWindFeather && this.showWindParticle ? this.handleWeatherLayerPick({ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !0 }) : (this.showCurrentParticle && (this.$emit("toggleCurrentParticle", !1), this.showCurrentIsoband || (this.activeWeatherLayers = this.activeWeatherLayers.filter((b) => b.key !== "current"), localStorage.setItem(this.activeWeatherLayersCache, JSON.stringify(this.activeWeatherLayers)))), this.$emit("toggleWindParticle", !this.showWindParticle));
+      !this.showWindFeather && this.showWindParticle ? this.handleWeatherLayerPick({ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !0 }) : (this.showCurrentParticle && (this.$emit("toggleCurrentParticle", !1), this.showCurrentIsoband || (this.activeWeatherLayers = this.activeWeatherLayers.filter((z) => z.key !== "current"), localStorage.setItem(this.activeWeatherLayersCache, JSON.stringify(this.activeWeatherLayers)))), this.$emit("toggleWindParticle", !this.showWindParticle), this.$emit("toggleParticeVersion"));
     },
     handleToggleWindFeather() {
       this.showWindFeather && !this.showWindParticle && this.handleWeatherLayerPick({ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !0 }), this.$emit("toggleWindFeather", !this.showWindFeather), localStorage.setItem(this.windFeatherCache, !this.showWindFeather);
     },
     handleToggleCurrentParticle() {
-      !this.showCurrentIsoband && this.showCurrentParticle ? this.handleWeatherLayerPick({ weight: 96, name: "Current", key: "current", vendor: "cmems", merge: !0, h5: !0, enabled: !0 }) : (this.showWindParticle && (this.$emit("toggleWindParticle", !1), this.showWindFeather || (this.activeWeatherLayers = this.activeWeatherLayers.filter((b) => b.key !== "wind"), localStorage.setItem(this.activeWeatherLayersCache, JSON.stringify(this.activeWeatherLayers)))), this.$emit("toggleCurrentParticle", !this.showCurrentParticle));
+      !this.showCurrentIsoband && this.showCurrentParticle ? this.handleWeatherLayerPick({ weight: 96, name: "Current", key: "current", vendor: "cmems", merge: !0, h5: !0, enabled: !0 }) : (this.showWindParticle && (this.$emit("toggleWindParticle", !1), this.$emit("toggleParticeVersion"), this.showWindFeather || (this.activeWeatherLayers = this.activeWeatherLayers.filter((z) => z.key !== "wind"), localStorage.setItem(this.activeWeatherLayersCache, JSON.stringify(this.activeWeatherLayers)))), this.$emit("toggleCurrentParticle", !this.showCurrentParticle), this.$emit("toggleParticeVersion"));
     },
     handleToggleCurrentIsoband() {
       this.showCurrentIsoband && !this.showCurrentParticle && this.handleWeatherLayerPick({ weight: 96, name: "Current", key: "current", vendor: "cmems", merge: !0, h5: !0, enabled: !0 }), this.$emit("toggleCurrentIsoband", !this.showCurrentIsoband), localStorage.setItem(this.currentIsobandCache, !this.showCurrentIsoband);
     },
-    handleOtherLayerPick(b) {
-      this.activeOtherLayers.some((M) => M.key === b.key) ? this.activeOtherLayers = this.activeOtherLayers.filter((M) => M.key !== b.key) : b.enabled && this.activeOtherLayers.push(b), localStorage.setItem(this.activeOtherLayersCache, JSON.stringify(this.activeOtherLayers)), this.$emit("other", this.activeOtherLayers);
+    handleOtherLayerPick(z) {
+      this.activeOtherLayers.some((M) => M.key === z.key) ? this.activeOtherLayers = this.activeOtherLayers.filter((M) => M.key !== z.key) : z.enabled && this.activeOtherLayers.push(z), localStorage.setItem(this.activeOtherLayersCache, JSON.stringify(this.activeOtherLayers)), this.$emit("other", this.activeOtherLayers);
     },
     handleMenuToggle() {
       this.$emit("layerToggle", !this.layerToggle);
     },
     toggleAutoActive() {
       var M;
-      const b = (M = this.sourceList.find((z) => z.name === this.source)) == null ? void 0 : M.code;
-      this.autoActive = !this.autoActive, localStorage.setItem(this.autoActiveCache, this.autoActive), this.autoActive ? this.$emit("weather", this.activeWeatherLayers, b) : this.$emit("weather", [], b);
+      const z = (M = this.sourceList.find((b) => b.name === this.source)) == null ? void 0 : M.code;
+      this.autoActive = !this.autoActive, localStorage.setItem(this.autoActiveCache, this.autoActive), this.autoActive ? this.$emit("weather", this.activeWeatherLayers, z) : this.$emit("weather", [], z);
     },
     handleCoordToggle() {
       this.showCoord = !this.showCoord, this.$emit("coordinate", this.showCoord);
@@ -1404,12 +1404,12 @@ const Q = (b, M) => {
   key: 2,
   class: "radio-tip"
 };
-function q2(b, M, z, O, p, o) {
+function q2(z, M, b, O, p, o) {
   const A = P("ElTooltip"), a = P("ElRadio"), q = P("ElRadioGroup"), i = P("ElScrollbar");
   return W(), l("div", X1, [
     c("div", {
       class: "menu-bar-box",
-      style: A0({ top: z.top + 10 + "px", right: p.right + "px" })
+      style: e0({ top: b.top + 10 + "px", right: p.right + "px" })
     }, [
       c("div", w1, [
         E(A, {
@@ -1420,7 +1420,7 @@ function q2(b, M, z, O, p, o) {
         }, {
           default: u0(() => [
             c("div", {
-              class: G(z.layerToggle ? "menu-icon active" : "menu-icon"),
+              class: G(b.layerToggle ? "menu-icon active" : "menu-icon"),
               onClick: M[0] || (M[0] = (...e) => o.handleMenuToggle && o.handleMenuToggle(...e))
             }, M[17] || (M[17] = [
               c("span", { class: "iconfont" }, "", -1)
@@ -1432,7 +1432,7 @@ function q2(b, M, z, O, p, o) {
     ], 4),
     c("div", {
       class: "menu-bar-box",
-      style: A0({ top: z.top + 160 + "px", right: p.right + "px" })
+      style: e0({ top: b.top + 160 + "px", right: p.right + "px" })
     }, [
       c("div", v1, [
         E(A, {
@@ -1504,7 +1504,7 @@ function q2(b, M, z, O, p, o) {
     o.hasCollectedLayers ? (W(), l("div", {
       key: 0,
       class: "active-layers",
-      style: A0({ right: p.right + "px", bottom: "100px" })
+      style: e0({ right: p.right + "px", bottom: "100px" })
     }, [
       c("div", C1, [
         M[22] || (M[22] = c("div", { style: { margin: "2px 5px" } }, "Weather Layers", -1)),
@@ -1530,21 +1530,21 @@ function q2(b, M, z, O, p, o) {
         }, y(e.name), 9, I1),
         e.key === "wind" && p.activeWeatherLayers.some((r) => r.key === e.key) ? (W(), l("div", D1, [
           c("i", {
-            class: G(["iconfont sub-layer-icon", z.showWindParticle ? "active" : ""]),
+            class: G(["iconfont sub-layer-icon", b.showWindParticle ? "active" : ""]),
             onClick: M[6] || (M[6] = (r) => o.handleToggleWindParticle())
           }, "", 2),
           c("i", {
-            class: G(["iconfont sub-layer-icon", z.showWindFeather ? "active" : ""]),
+            class: G(["iconfont sub-layer-icon", b.showWindFeather ? "active" : ""]),
             onClick: M[7] || (M[7] = (r) => o.handleToggleWindFeather())
           }, "", 2)
         ])) : U("", !0),
         e.key === "current" && p.activeWeatherLayers.some((r) => r.key === e.key) ? (W(), l("div", P1, [
           c("i", {
-            class: G(["iconfont sub-layer-icon", z.showCurrentParticle ? "active" : ""]),
+            class: G(["iconfont sub-layer-icon", b.showCurrentParticle ? "active" : ""]),
             onClick: M[8] || (M[8] = (r) => o.handleToggleCurrentParticle())
           }, "", 2),
           c("i", {
-            class: G(["iconfont sub-layer-icon", z.showCurrentIsoband ? "active" : ""]),
+            class: G(["iconfont sub-layer-icon", b.showCurrentIsoband ? "active" : ""]),
             onClick: M[9] || (M[9] = (r) => o.handleToggleCurrentIsoband())
           }, "", 2)
         ])) : U("", !0)
@@ -1552,10 +1552,10 @@ function q2(b, M, z, O, p, o) {
     ], 4)) : U("", !0),
     c("div", {
       class: "available-layers flex-center",
-      style: A0({ top: z.top + "px", right: z.layerToggle ? "0px" : "-240px" })
+      style: e0({ top: b.top + "px", right: b.layerToggle ? "0px" : "-240px" })
     }, [
       c("div", {
-        class: G(["list-box", z.layerToggle ? "right-bar" : ""])
+        class: G(["list-box", b.layerToggle ? "right-bar" : ""])
       }, [
         c("div", S1, [
           M[23] || (M[23] = c("div", null, "Layers", -1)),
@@ -1596,21 +1596,21 @@ function q2(b, M, z, O, p, o) {
                       }, y(e.name), 9, U1),
                       e.key === "wind" && p.activeWeatherLayers.some((r) => r.key === e.key) ? (W(), l("div", K1, [
                         c("i", {
-                          class: G(["iconfont sub-layer-icon", z.showWindParticle ? "active" : ""]),
+                          class: G(["iconfont sub-layer-icon", b.showWindParticle ? "active" : ""]),
                           onClick: M[12] || (M[12] = (r) => o.handleToggleWindParticle())
                         }, "", 2),
                         c("i", {
-                          class: G(["iconfont sub-layer-icon", z.showWindFeather ? "active" : ""]),
+                          class: G(["iconfont sub-layer-icon", b.showWindFeather ? "active" : ""]),
                           onClick: M[13] || (M[13] = (r) => o.handleToggleWindFeather())
                         }, "", 2)
                       ])) : U("", !0),
                       e.key === "current" && p.activeWeatherLayers.some((r) => r.key === e.key) ? (W(), l("div", J1, [
                         c("i", {
-                          class: G(["iconfont sub-layer-icon", z.showCurrentParticle ? "active" : ""]),
+                          class: G(["iconfont sub-layer-icon", b.showCurrentParticle ? "active" : ""]),
                           onClick: M[14] || (M[14] = (r) => o.handleToggleCurrentParticle())
                         }, "", 2),
                         c("i", {
-                          class: G(["iconfont sub-layer-icon", z.showCurrentIsoband ? "active" : ""]),
+                          class: G(["iconfont sub-layer-icon", b.showCurrentIsoband ? "active" : ""]),
                           onClick: M[15] || (M[15] = (r) => o.handleToggleCurrentIsoband())
                         }, "", 2)
                       ])) : U("", !0)
@@ -1714,7 +1714,7 @@ const r2 = {
       type: Boolean,
       default: !1
     },
-    windParticeVersion: {
+    toggleParticeVersion: {
       type: Number
     },
     toggleVersion: {
@@ -1735,12 +1735,12 @@ const r2 = {
   watch: {
     "wind.version": {
       handler() {
-        var b;
-        (b = this.wind) != null && b.active && this.showWindFeather ? this.handleRender() : this.handleClear();
+        var z;
+        (z = this.wind) != null && z.active && this.showWindFeather ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
-    windParticeVersion: {
+    toggleParticeVersion: {
       handler() {
         this.handleParticle();
       }
@@ -1758,7 +1758,7 @@ const r2 = {
       this.$emit("particle", { particle: this.showWindParticle, key: "wind", weight: 1 });
     },
     handleRender() {
-      var b, M, z, O;
+      var z, M, b, O;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
@@ -1766,7 +1766,7 @@ const r2 = {
       else if (this.wind) {
         const p = (/* @__PURE__ */ new Date()).valueOf();
         let o = 0, A = 0, a = this.empty;
-        if ((b = this.wind) != null && b.active && (a = (M = this.wind) == null ? void 0 : M.data), (z = this.map) != null && z.getSource(this.source))
+        if ((z = this.wind) != null && z.active && (a = (M = this.wind) == null ? void 0 : M.data), (b = this.map) != null && b.getSource(this.source))
           (O = this.map) == null || O.getSource(this.source).setData(a), A = (/* @__PURE__ */ new Date()).valueOf() - (p + o), console.log("[wind] update elapsed: ", A, ", total: ", o += A);
         else {
           this.map.addSource(this.source, { type: "geojson", data: a });
@@ -1816,21 +1816,21 @@ const r2 = {
       if (!this.windBarbLoaded)
         this.handleRender();
       else
-        for (const b of this.barbs ?? []) {
-          const M = b < 10 ? `00${b}kts` : b < 100 ? `0${b}kts` : `${b}kts`;
+        for (const z of this.barbs ?? []) {
+          const M = z < 10 ? `00${z}kts` : z < 100 ? `0${z}kts` : `${z}kts`;
           this.map.getLayer(M) && this.map.setLayoutProperty(M, "visibility", this.showWindFeather ? "visible" : "none");
         }
     },
     handleClear() {
-      for (const b of this.barbs ?? []) {
-        const M = b < 10 ? `00${b}kts` : b < 100 ? `0${b}kts` : `${b}kts`;
+      for (const z of this.barbs ?? []) {
+        const M = z < 10 ? `00${z}kts` : z < 100 ? `0${z}kts` : `${z}kts`;
         this.map.getLayer(M) && this.map.removeLayer(M);
       }
       this.map.getSource(this.source) && this.map.removeSource(this.source), this.windBarbLoaded = !1;
     }
   }
 };
-function n2(b, M, z, O, p, o) {
+function n2(z, M, b, O, p, o) {
   return null;
 }
 const d2 = /* @__PURE__ */ Q(r2, [["render", n2]]);
@@ -1852,8 +1852,8 @@ class F0 {
    * @param lng
    * @param n
    */
-  convertNLng(M, z = 0) {
-    return M > 180 ? this.convertNLng(M - 360, z + 1) : M < -180 ? this.convertNLng(M + 360, z + 1) : [M, z];
+  convertNLng(M, b = 0) {
+    return M > 180 ? this.convertNLng(M - 360, b + 1) : M < -180 ? this.convertNLng(M + 360, b + 1) : [M, b];
   }
   /**
    * [4326坐标]
@@ -1879,28 +1879,28 @@ class F0 {
    * @param [lb.x, lb.y, rt.x, rt.y]
    */
   getBoundPixel() {
-    const M = this.map.getBounds(), z = this.map.getZoom() + 1, O = [M._ne.lng, M._ne.lat], p = [M._sw.lng, M._sw.lat], [o, A] = this.convertNLng(O[0]), [a, q] = this.convertNLng(p[0]), [i, e] = this.mercator.px([o, O[1]], z), [r, s] = this.mercator.px([a, p[1]], z), n = Math.round(this.mercator.size * Math.pow(2, z) * (A + q));
+    const M = this.map.getBounds(), b = this.map.getZoom() + 1, O = [M._ne.lng, M._ne.lat], p = [M._sw.lng, M._sw.lat], [o, A] = this.convertNLng(O[0]), [a, q] = this.convertNLng(p[0]), [i, e] = this.mercator.px([o, O[1]], b), [r, s] = this.mercator.px([a, p[1]], b), n = Math.round(this.mercator.size * Math.pow(2, b) * (A + q));
     return [r, s, i + n, e];
   }
   /**
    * [视窗边界像素宽度]
    */
   getBoundRange() {
-    const M = this.map.getZoom() + 1, z = this.mercator.size * Math.pow(2, M), O = this.getBoundPixel();
-    return [O[0] / z, O[2] / z, O[3] / z, O[1] / z];
+    const M = this.map.getZoom() + 1, b = this.mercator.size * Math.pow(2, M), O = this.getBoundPixel();
+    return [O[0] / b, O[2] / b, O[3] / b, O[1] / b];
   }
   /**
    * 获取视窗世界（多世界复本）
    * @param pixels
    * @param zoom
    */
-  getWorldCopy(M, z) {
-    const O = 2 ** z, [p, o, A, a] = M.map((e) => ~~(e / (O * 256))), q = [];
+  getWorldCopy(M, b) {
+    const O = 2 ** b, [p, o, A, a] = M.map((e) => ~~(e / (O * 256))), q = [];
     for (let e = a; e <= o; e++)
       for (let r = p; r <= A; r++)
         q.push([r, e]);
     return q.map((e) => {
-      const r = 2 ** z * 256;
+      const r = 2 ** b * 256;
       return [e[0] * r, e[1] * r, r];
     });
   }
@@ -1909,12 +1909,12 @@ class F0 {
     M.setCoordinates(this.getBoundLngLat()), M = this.map.getSource(this.particleSource), M.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(M) {
-    const z = this.map.getLayoutProperty(this.rampColorLayer, "visibility"), O = M ? "visible" : "none";
-    z !== O && this.map.setLayoutProperty(this.rampColorLayer, "visibility", O);
+    const b = this.map.getLayoutProperty(this.rampColorLayer, "visibility"), O = M ? "visible" : "none";
+    b !== O && this.map.setLayoutProperty(this.rampColorLayer, "visibility", O);
   }
   toggleParticle(M) {
-    const z = this.map.getLayoutProperty(this.particleLayer, "visibility"), O = M ? "visible" : "none";
-    z !== O && this.map.setLayoutProperty(this.particleLayer, "visibility", O);
+    const b = this.map.getLayoutProperty(this.particleLayer, "visibility"), O = M ? "visible" : "none";
+    b !== O && this.map.setLayoutProperty(this.particleLayer, "visibility", O);
   }
 }
 class T0 {
@@ -1925,8 +1925,8 @@ class T0 {
    * @param type [VERTEX_SHADER, FRAGMENT_SHADER]
    * @param schema 着色器渲染代码[GLSL]
    */
-  createShader(M, z, O) {
-    const p = M.createShader(z);
+  createShader(M, b, O) {
+    const p = M.createShader(b);
     if (p && (M.shaderSource(p, O), M.compileShader(p), !M.getShaderParameter(p, M.COMPILE_STATUS)))
       throw new Error(M.getShaderInfoLog(p) || "error happened while create shader...");
     return p;
@@ -1942,9 +1942,9 @@ class T0 {
    * @param width??
    * @param height??
    */
-  createTexture(M, z, O, p, o, A, a) {
+  createTexture(M, b, O, p, o, A, a) {
     const q = M.createTexture();
-    return M.bindTexture(M.TEXTURE_2D, q), M.texParameteri(M.TEXTURE_2D, M.TEXTURE_MIN_FILTER, z), M.texParameteri(M.TEXTURE_2D, M.TEXTURE_MAG_FILTER, O), M.texParameteri(M.TEXTURE_2D, M.TEXTURE_WRAP_S, p), M.texParameteri(M.TEXTURE_2D, M.TEXTURE_WRAP_T, p), o instanceof Uint8Array ? M.texImage2D(M.TEXTURE_2D, 0, M.RGBA, A, a, 0, M.RGBA, M.UNSIGNED_BYTE, o) : M.texImage2D(M.TEXTURE_2D, 0, M.RGBA, M.RGBA, M.UNSIGNED_BYTE, o), M.bindTexture(M.TEXTURE_2D, null), q;
+    return M.bindTexture(M.TEXTURE_2D, q), M.texParameteri(M.TEXTURE_2D, M.TEXTURE_MIN_FILTER, b), M.texParameteri(M.TEXTURE_2D, M.TEXTURE_MAG_FILTER, O), M.texParameteri(M.TEXTURE_2D, M.TEXTURE_WRAP_S, p), M.texParameteri(M.TEXTURE_2D, M.TEXTURE_WRAP_T, p), o instanceof Uint8Array ? M.texImage2D(M.TEXTURE_2D, 0, M.RGBA, A, a, 0, M.RGBA, M.UNSIGNED_BYTE, o) : M.texImage2D(M.TEXTURE_2D, 0, M.RGBA, M.RGBA, M.UNSIGNED_BYTE, o), M.bindTexture(M.TEXTURE_2D, null), q;
   }
   /**
    * 创建数据资源
@@ -1953,10 +1953,10 @@ class T0 {
    * element: ELEMENT_ARRAY_BUFFER
    * @param resource 顶点数据
    */
-  createDataBuffer(M, z, O) {
+  createDataBuffer(M, b, O) {
     if (M) {
       const p = M.createBuffer();
-      return z === "array" ? (M.bindBuffer(M.ARRAY_BUFFER, p), O && M.bufferData(M.ARRAY_BUFFER, O, M.STATIC_DRAW)) : z === "element" && (M.bindBuffer(M.ELEMENT_ARRAY_BUFFER, p), O && M.bufferData(M.ELEMENT_ARRAY_BUFFER, O, M.STATIC_DRAW)), p;
+      return b === "array" ? (M.bindBuffer(M.ARRAY_BUFFER, p), O && M.bufferData(M.ARRAY_BUFFER, O, M.STATIC_DRAW)) : b === "element" && (M.bindBuffer(M.ELEMENT_ARRAY_BUFFER, p), O && M.bufferData(M.ELEMENT_ARRAY_BUFFER, O, M.STATIC_DRAW)), p;
     }
     return null;
   }
@@ -1966,8 +1966,8 @@ class T0 {
    * @param vertexSchema
    * @param fragmentSchema
    */
-  createProgram(M, z, O) {
-    const p = M.createProgram(), o = this.createShader(M, M.VERTEX_SHADER, z), A = this.createShader(M, M.FRAGMENT_SHADER, O);
+  createProgram(M, b, O) {
+    const p = M.createProgram(), o = this.createShader(M, M.VERTEX_SHADER, b), A = this.createShader(M, M.FRAGMENT_SHADER, O);
     if (p && o && A && (M.attachShader(p, o), M.attachShader(p, A), M.linkProgram(p), !M.getProgramParameter(p, M.LINK_STATUS)))
       throw new Error(M.getProgramInfoLog(p) || "error happened while creating ramp color program");
     return p;
@@ -1978,8 +1978,8 @@ class T0 {
    * @param vertexSchema
    * @param fragmentSchema
    */
-  createProgramWrapper(M, z, O) {
-    const p = this.createProgram(M, z, O);
+  createProgramWrapper(M, b, O) {
+    const p = this.createProgram(M, b, O);
     if (p) {
       const o = { program: p }, A = M.getProgramParameter(p, M.ACTIVE_ATTRIBUTES);
       for (let q = 0; q < A; q++) {
@@ -1998,13 +1998,13 @@ class T0 {
    * 初始化渐变色纹理
    * @param colors
    */
-  setup(M, z, O = !1, p, o) {
+  setup(M, b, O = !1, p, o) {
     const A = document.createElement("canvas");
     A.width = 256, A.height = 1;
     const a = A.getContext("2d");
     if (a && M) {
       const q = a == null ? void 0 : a.createLinearGradient(0, 0, 256, 0);
-      return z.forEach(([i, e]) => {
+      return b.forEach(([i, e]) => {
         q.addColorStop(i, e);
       }), a.fillStyle = q, a.fillRect(0, 0, 256, 1), {
         canvas: A,
@@ -2020,8 +2020,8 @@ class T0 {
       };
     }
   }
-  setupParticle(M, z = 1e3) {
-    const O = Math.ceil(Math.sqrt(z)), p = O * O, o = new Uint8Array(p * 4);
+  setupParticle(M, b = 1e3) {
+    const O = Math.ceil(Math.sqrt(b)), p = O * O, o = new Uint8Array(p * 4);
     for (let e = 0; e < o.length; e++)
       o[e] = Math.floor(Math.random() * 256);
     const A = this.createTexture(M, M.NEAREST, M.NEAREST, M.CLAMP_TO_EDGE, o, O, O), a = this.createTexture(M, M.NEAREST, M.NEAREST, M.CLAMP_TO_EDGE, o, O, O), q = new Float32Array(p);
@@ -2030,8 +2030,8 @@ class T0 {
     const i = this.createDataBuffer(M, "array", q);
     return { resolution: O, total: p, texture0: A, texture1: a, indexBuffer: i };
   }
-  bind(M, z, O) {
-    const p = this.createProgram(M, z, O);
+  bind(M, b, O) {
+    const p = this.createProgram(M, b, O);
     if (p) {
       const o = this.createDataBuffer(M, "array", void 0), A = M.getAttribLocation(p, "a_position");
       M.enableVertexAttribArray(A), M.vertexAttribPointer(A, 2, M.FLOAT, !1, 0, 0);
@@ -2042,68 +2042,68 @@ class T0 {
     }
     return {};
   }
-  bindParticle(M, z, O, p, o, A) {
-    const a = this.createProgramWrapper(M, z, O), q = this.createProgramWrapper(M, p, o), i = this.createProgramWrapper(M, p, A), e = this.createDataBuffer(M, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), r = M.createFramebuffer();
+  bindParticle(M, b, O, p, o, A) {
+    const a = this.createProgramWrapper(M, b, O), q = this.createProgramWrapper(M, p, o), i = this.createProgramWrapper(M, p, A), e = this.createDataBuffer(M, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), r = M.createFramebuffer();
     return { particle: a, screen: q, update: i, quadBuffer: e, frameBuffer: r };
   }
-  draw(M, z, O, p, o, A, a) {
+  draw(M, b, O, p, o, A, a) {
     var q, i;
-    if (z && O) {
-      M.resize(), z == null || z.viewport(0, 0, (q = z == null ? void 0 : z.canvas) == null ? void 0 : q.width, (i = z == null ? void 0 : z.canvas) == null ? void 0 : i.height), z.clearColor(0, 0, 0, 0), z.clear(z.COLOR_BUFFER_BIT | z.DEPTH_BUFFER_BIT);
+    if (b && O) {
+      M.resize(), b == null || b.viewport(0, 0, (q = b == null ? void 0 : b.canvas) == null ? void 0 : q.width, (i = b == null ? void 0 : b.canvas) == null ? void 0 : i.height), b.clearColor(0, 0, 0, 0), b.clear(b.COLOR_BUFFER_BIT | b.DEPTH_BUFFER_BIT);
       try {
-        const e = z.getUniformLocation(O, "u_resolution"), r = z.getUniformLocation(O, "u_image"), s = z.getUniformLocation(O, "u_color");
-        if (z.useProgram(O), z.uniform2f(e, z.canvas.width * M.ratio, z.canvas.height * M.ratio), z.activeTexture(z.TEXTURE0), z.bindTexture(z.TEXTURE_2D, p), z.uniform1i(r, 0), z.activeTexture(z.TEXTURE1), z.bindTexture(z.TEXTURE_2D, o), z.uniform1i(s, 1), a != null && a.uvRange && (a != null && a.sRange)) {
-          const d = z.getUniformLocation(O, "u_range_u_v"), h = z.getUniformLocation(O, "u_range_s");
-          z.uniform2f(d, a.uvRange[0], a.uvRange[1]), z.uniform2f(h, a.sRange[0], a.sRange[1]);
+        const e = b.getUniformLocation(O, "u_resolution"), r = b.getUniformLocation(O, "u_image"), s = b.getUniformLocation(O, "u_color");
+        if (b.useProgram(O), b.uniform2f(e, b.canvas.width * M.ratio, b.canvas.height * M.ratio), b.activeTexture(b.TEXTURE0), b.bindTexture(b.TEXTURE_2D, p), b.uniform1i(r, 0), b.activeTexture(b.TEXTURE1), b.bindTexture(b.TEXTURE_2D, o), b.uniform1i(s, 1), a != null && a.uvRange && (a != null && a.sRange)) {
+          const d = b.getUniformLocation(O, "u_range_u_v"), h = b.getUniformLocation(O, "u_range_s");
+          b.uniform2f(d, a.uvRange[0], a.uvRange[1]), b.uniform2f(h, a.sRange[0], a.sRange[1]);
         }
         const n = M.getBoundPixel(), m = M.map.getZoom() + 1, L = M.getWorldCopy(n, m);
         for (const d of L) {
           const h = (d[0] - n[0]) * M.ratio, R = (d[1] - n[3]) * M.ratio, w = d[2] * M.ratio, [x, X, _, V] = [h, w + h, R, w + R], $ = new Float32Array([x, _, X, _, x, V, x, V, X, _, X, V]);
-          z.bindBuffer(z.ARRAY_BUFFER, A), z.bufferData(z.ARRAY_BUFFER, $, z.STATIC_DRAW), z.drawArrays(z.TRIANGLES, 0, 6);
+          b.bindBuffer(b.ARRAY_BUFFER, A), b.bufferData(b.ARRAY_BUFFER, $, b.STATIC_DRAW), b.drawArrays(b.TRIANGLES, 0, 6);
         }
       } catch (e) {
         console.log(`render failed...${e}`);
       }
     }
   }
-  drawParticle(M, z, O, p, o) {
+  drawParticle(M, b, O, p, o) {
     var A, a;
-    z && (z == null || z.viewport(0, 0, (A = z == null ? void 0 : z.canvas) == null ? void 0 : A.width, (a = z == null ? void 0 : z.canvas) == null ? void 0 : a.height), z.disable(z.DEPTH_TEST), z.disable(z.STENCIL_TEST), z.activeTexture(z.TEXTURE0), z.bindTexture(z.TEXTURE_2D, O), z.activeTexture(z.TEXTURE1), z.bindTexture(z.TEXTURE_2D, p.texture0), this.renderScreen(M, z, p, o), this.updateParticles(M, z, p, o));
+    b && (b == null || b.viewport(0, 0, (A = b == null ? void 0 : b.canvas) == null ? void 0 : A.width, (a = b == null ? void 0 : b.canvas) == null ? void 0 : a.height), b.disable(b.DEPTH_TEST), b.disable(b.STENCIL_TEST), b.activeTexture(b.TEXTURE0), b.bindTexture(b.TEXTURE_2D, O), b.activeTexture(b.TEXTURE1), b.bindTexture(b.TEXTURE_2D, p.texture0), this.renderScreen(M, b, p, o), this.updateParticles(M, b, p, o));
   }
-  renderScreen(M, z, O, p) {
-    z.bindFramebuffer(z.FRAMEBUFFER, O.frameBuffer), z.framebufferTexture2D(z.FRAMEBUFFER, z.COLOR_ATTACHMENT0, z.TEXTURE_2D, O.screenTexture, 0), z.viewport(0, 0, z.canvas.width, z.canvas.height), this.renderScreenTexture(z, O.backgroundTexture, O.screen, O.quadBuffer, 0.95), this.renderParticles(M, z, O, p), z.bindFramebuffer(z.FRAMEBUFFER, null), this.renderScreenTexture(z, O.screenTexture, O.screen, O.quadBuffer, 1);
+  renderScreen(M, b, O, p) {
+    b.bindFramebuffer(b.FRAMEBUFFER, O.frameBuffer), b.framebufferTexture2D(b.FRAMEBUFFER, b.COLOR_ATTACHMENT0, b.TEXTURE_2D, O.screenTexture, 0), b.viewport(0, 0, b.canvas.width, b.canvas.height), this.renderScreenTexture(b, O.backgroundTexture, O.screen, O.quadBuffer, 0.95), this.renderParticles(M, b, O, p), b.bindFramebuffer(b.FRAMEBUFFER, null), this.renderScreenTexture(b, O.screenTexture, O.screen, O.quadBuffer, 1);
     const o = O.backgroundTexture;
     O.backgroundTexture = O.screenTexture, O.screenTexture = o;
   }
-  renderScreenTexture(M, z, O, p, o) {
-    M && (M.useProgram(O.program), M.bindBuffer(M.ARRAY_BUFFER, p), M.enableVertexAttribArray(O.a_pos), M.vertexAttribPointer(O.a_pos, 2, M.FLOAT, !1, 0, 0), M.activeTexture(M.TEXTURE2), M.bindTexture(M.TEXTURE_2D, z), M.uniform1i(O.u_screen, 2), M.uniform1f(O.u_opacity, o), M.drawArrays(M.TRIANGLES, 0, 6));
+  renderScreenTexture(M, b, O, p, o) {
+    M && (M.useProgram(O.program), M.bindBuffer(M.ARRAY_BUFFER, p), M.enableVertexAttribArray(O.a_pos), M.vertexAttribPointer(O.a_pos, 2, M.FLOAT, !1, 0, 0), M.activeTexture(M.TEXTURE2), M.bindTexture(M.TEXTURE_2D, b), M.uniform1i(O.u_screen, 2), M.uniform1f(O.u_opacity, o), M.drawArrays(M.TRIANGLES, 0, 6));
   }
-  renderParticles(M, z, O, p) {
-    if (z) {
-      z.useProgram(O.particle.program), z.bindBuffer(z.ARRAY_BUFFER, O.indexBuffer), z.enableVertexAttribArray(O.particle.a_index), z.vertexAttribPointer(O.particle.a_index, 1, z.FLOAT, !1, 0, 0), z.activeTexture(z.TEXTURE2), z.bindTexture(z.TEXTURE_2D, O.color.texture), z.uniform1i(O.particle.u_factor, 0), z.uniform1i(O.particle.u_particles, 1), z.uniform1i(O.particle.u_color_ramp, 2), z.uniform1f(O.particle.u_particles_resolution, O.resolution * M.ratio), z.uniform1f(O.particle.u_point, M.ratio);
+  renderParticles(M, b, O, p) {
+    if (b) {
+      b.useProgram(O.particle.program), b.bindBuffer(b.ARRAY_BUFFER, O.indexBuffer), b.enableVertexAttribArray(O.particle.a_index), b.vertexAttribPointer(O.particle.a_index, 1, b.FLOAT, !1, 0, 0), b.activeTexture(b.TEXTURE2), b.bindTexture(b.TEXTURE_2D, O.color.texture), b.uniform1i(O.particle.u_factor, 0), b.uniform1i(O.particle.u_particles, 1), b.uniform1i(O.particle.u_color_ramp, 2), b.uniform1f(O.particle.u_particles_resolution, O.resolution * M.ratio), b.uniform1f(O.particle.u_point, M.ratio);
       const o = M.getBoundRange();
-      z.uniform4f(O.particle.u_viewport, o[0], o[1], o[2], o[3]), z.uniform2f(O.particle.u_factor_min, p.uvRange[0], p.uvRange[0]), z.uniform2f(O.particle.u_factor_max, p.uvRange[1], p.uvRange[1]), z.drawArrays(z.POINTS, 0, O.total);
+      b.uniform4f(O.particle.u_viewport, o[0], o[1], o[2], o[3]), b.uniform2f(O.particle.u_factor_min, p.uvRange[0], p.uvRange[0]), b.uniform2f(O.particle.u_factor_max, p.uvRange[1], p.uvRange[1]), b.drawArrays(b.POINTS, 0, O.total);
     }
   }
-  updateParticles(M, z, O, p) {
+  updateParticles(M, b, O, p) {
     var A, a;
-    if (z) {
-      z.bindFramebuffer(z.FRAMEBUFFER, O.frameBuffer), z.framebufferTexture2D(z.FRAMEBUFFER, z.COLOR_ATTACHMENT0, z.TEXTURE_2D, O.texture1, 0), z.viewport(0, 0, O.resolution, O.resolution), z.useProgram(O.update.program), z.bindBuffer(z.ARRAY_BUFFER, O.quadBuffer), z.enableVertexAttribArray(O.update.a_pos), z.vertexAttribPointer(O.update.a_pos, 2, z.FLOAT, !1, 0, 0), z.uniform1i(O.update.u_factor, 0), z.uniform1i(O.update.u_particles, 1);
+    if (b) {
+      b.bindFramebuffer(b.FRAMEBUFFER, O.frameBuffer), b.framebufferTexture2D(b.FRAMEBUFFER, b.COLOR_ATTACHMENT0, b.TEXTURE_2D, O.texture1, 0), b.viewport(0, 0, O.resolution, O.resolution), b.useProgram(O.update.program), b.bindBuffer(b.ARRAY_BUFFER, O.quadBuffer), b.enableVertexAttribArray(O.update.a_pos), b.vertexAttribPointer(O.update.a_pos, 2, b.FLOAT, !1, 0, 0), b.uniform1i(O.update.u_factor, 0), b.uniform1i(O.update.u_particles, 1);
       const q = M.getBoundRange();
-      z.uniform4f(O.update.u_viewport, q[0], q[1], q[2], q[3]), z.uniform1f(O.update.u_rand_seed, Math.random()), z.uniform2f(O.update.u_factor_res, (A = O == null ? void 0 : O.image) == null ? void 0 : A.width, (a = O == null ? void 0 : O.image) == null ? void 0 : a.height), z.uniform2f(O.update.u_factor_min, p.uvRange[0], p.uvRange[0]), z.uniform2f(O.update.u_factor_max, p.uvRange[1], p.uvRange[1]), z.uniform1f(O.update.u_speed_factor, p.speedFactor * M.ratio), z.uniform1f(O.update.u_drop_rate, p.dropRate), z.uniform1f(O.update.u_drop_rate_bump, p.dropRateBump), z.drawArrays(z.TRIANGLES, 0, 6);
+      b.uniform4f(O.update.u_viewport, q[0], q[1], q[2], q[3]), b.uniform1f(O.update.u_rand_seed, Math.random()), b.uniform2f(O.update.u_factor_res, (A = O == null ? void 0 : O.image) == null ? void 0 : A.width, (a = O == null ? void 0 : O.image) == null ? void 0 : a.height), b.uniform2f(O.update.u_factor_min, p.uvRange[0], p.uvRange[0]), b.uniform2f(O.update.u_factor_max, p.uvRange[1], p.uvRange[1]), b.uniform1f(O.update.u_speed_factor, p.speedFactor * M.ratio), b.uniform1f(O.update.u_drop_rate, p.dropRate), b.uniform1f(O.update.u_drop_rate_bump, p.dropRateBump), b.drawArrays(b.TRIANGLES, 0, 6);
     }
     const o = O.texture0;
     O.texture0 = O.texture1, O.texture1 = o;
   }
-  resize(M, z) {
+  resize(M, b) {
     M.resize();
-    const O = new Uint8Array(z.canvas.width * z.canvas.height * 4).fill(0, 0, z.canvas.width * z.canvas.height * 4), p = this.createTexture(z, z.NEAREST, z.NEAREST, z.CLAMP_TO_EDGE, O, z.canvas.width, z.canvas.height), o = this.createTexture(z, z.NEAREST, z.NEAREST, z.CLAMP_TO_EDGE, O, z.canvas.width, z.canvas.height);
+    const O = new Uint8Array(b.canvas.width * b.canvas.height * 4).fill(0, 0, b.canvas.width * b.canvas.height * 4), p = this.createTexture(b, b.NEAREST, b.NEAREST, b.CLAMP_TO_EDGE, O, b.canvas.width, b.canvas.height), o = this.createTexture(b, b.NEAREST, b.NEAREST, b.CLAMP_TO_EDGE, O, b.canvas.width, b.canvas.height);
     return { screenTexture: p, backgroundTexture: o };
   }
   async loadImg(M) {
-    return new Promise((z) => {
+    return new Promise((b) => {
       const O = new Blob([M], { type: M.type }), p = URL.createObjectURL(O), o = new Image();
-      o.crossOrigin = "anonymous", o.src = p, o.onload = () => z(o);
+      o.crossOrigin = "anonymous", o.src = p, o.onload = () => b(o);
     });
   }
 }
@@ -4061,15 +4061,15 @@ const W2 = {
   watch: {
     "factor.version": {
       handler() {
-        var b;
-        (b = this.factor) != null && b.active ? this.handleRender() : this.handleClear();
+        var z;
+        (z = this.factor) != null && z.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
     toggleVersion: {
       handler() {
-        var b;
-        this.right = (((b = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : b.clientWidth) || 0) + 10;
+        var z;
+        this.right = (((z = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : z.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
@@ -4081,19 +4081,19 @@ const W2 = {
           this.handleRender();
         }, 500);
       else if (this.factor) {
-        const b = (/* @__PURE__ */ new Date()).valueOf();
-        let M = 0, z = 0;
-        this.handleDraw(), z = (/* @__PURE__ */ new Date()).valueOf() - (b + M), console.log("[wind-particle] add elapsed: ", z, ", total: ", M += z);
+        const z = (/* @__PURE__ */ new Date()).valueOf();
+        let M = 0, b = 0;
+        this.handleDraw(), b = (/* @__PURE__ */ new Date()).valueOf() - (z + M), console.log("[wind-particle] add elapsed: ", b, ", total: ", M += b);
       }
     },
     handleClear() {
-      var b, M, z, O, p, o, A, a;
-      (b = this.viewport) == null || b.toggle(!1), (M = this.viewport) == null || M.toggleParticle(!1), this.context = void 0, this.particleContext = void 0, this.etime = void 0, this.initial = !0, (O = (z = this.viewport) == null ? void 0 : z.map) == null || O.off("resize", this.handleResize), (o = (p = this.viewport) == null ? void 0 : p.map) == null || o.off("movestart", this.handlePause), (a = (A = this.viewport) == null ? void 0 : A.map) == null || a.off("moveend", this.handlePlay), this.handlePause();
+      var z, M, b, O, p, o, A, a;
+      (z = this.viewport) == null || z.toggle(!1), (M = this.viewport) == null || M.toggleParticle(!1), this.context = void 0, this.particleContext = void 0, this.etime = void 0, this.initial = !0, (O = (b = this.viewport) == null ? void 0 : b.map) == null || O.off("resize", this.handleResize), (o = (p = this.viewport) == null ? void 0 : p.map) == null || o.off("movestart", this.handlePause), (a = (A = this.viewport) == null ? void 0 : A.map) == null || a.off("moveend", this.handlePlay), this.handlePause();
     },
     handleSetup() {
       if (!this.context) {
         this.context = this.viewport.rampColorCanvas.getContext("webgl");
-        const b = [
+        const z = [
           [0, "rgb(98, 113, 184, 0.8)"],
           // 0
           [12 / 255, "rgb(98, 113, 184)"],
@@ -4122,16 +4122,16 @@ const W2 = {
           // 30m/s
           [1, "rgb(91, 136, 161)"]
         ];
-        this.rampColor = this.webgl.setup(this.context, b);
-        const { program: M, aPositionBuffer: z } = this.webgl.bind(this.context, a0.vertexSchema, a0.uvFragmentSchema);
-        this.program = M, this.aPositionBuffer = z;
+        this.rampColor = this.webgl.setup(this.context, z);
+        const { program: M, aPositionBuffer: b } = this.webgl.bind(this.context, a0.vertexSchema, a0.uvFragmentSchema);
+        this.program = M, this.aPositionBuffer = b;
       }
       this.handleParticleSetup();
     },
     handleParticleSetup() {
       if (!this.particleContext) {
         this.particleContext = this.viewport.particleCanvas.getContext("webgl");
-        const b = [
+        const z = [
           [0, "rgb(183,224,224)"],
           [1, "rgb(217,220,220)"]
         ];
@@ -4142,20 +4142,20 @@ const W2 = {
           n0.quadVertSchema,
           n0.screenFragmentSchema,
           n0.updateFragmentSchema
-        ), this.wrapper.color = this.webgl.setup(this.particleContext, b, !0, 16, 16), this.wrapper = { ...this.wrapper, ...this.webgl.setupParticle(this.particleContext, 9e3), ...this.webgl.resize(this.viewport, this.particleContext) }, this.viewport.map.on("resize", this.handleResize), this.viewport.map.on("movestart", this.handlePause), this.viewport.map.on("moveend", this.handlePlay);
+        ), this.wrapper.color = this.webgl.setup(this.particleContext, z, !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 b = 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, b), this.particleTexture = this.webgl.createTexture(
+        const z = 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, z), this.particleTexture = this.webgl.createTexture(
           this.particleContext,
           this.particleContext.NEAREST,
           this.particleContext.LINEAR,
           this.particleContext.CLAMP_TO_EDGE,
-          b
-        ), this.wrapper.image = b;
+          z
+        ), this.wrapper.image = z;
       }
       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);
     },
@@ -4172,12 +4172,12 @@ const W2 = {
     }
   }
 }, l2 = { key: 0 };
-function f2(b, M, z, O, p, o) {
+function f2(z, M, b, O, p, o) {
   var A;
-  return (A = z.factor) != null && A.active ? (W(), l("div", l2, [
+  return (A = b.factor) != null && A.active ? (W(), l("div", l2, [
     c("div", {
       class: "legend-bars flex-center",
-      style: A0([{ position: "absolute" }, { right: p.right + "px", bottom: z.bottom }])
+      style: e0([{ position: "absolute" }, { right: p.right + "px", bottom: b.bottom }])
     }, M[0] || (M[0] = [
       c("span", null, "kts", -1),
       c("span", null, "0", -1),
@@ -4218,7 +4218,7 @@ const L2 = {
       type: String,
       default: "30px"
     },
-    currentParticeVersion: {
+    toggleParticeVersion: {
       type: Number
     },
     toggleVersion: {
@@ -4240,12 +4240,12 @@ const L2 = {
   watch: {
     "current.version": {
       handler() {
-        var b;
-        (b = this.current) != null && b.active ? this.handleRender() : this.handleClear(), this.$emit("handleToggleVersion");
+        var z;
+        (z = this.current) != null && z.active ? this.handleRender() : this.handleClear(), this.$emit("handleToggleVersion");
       },
       deep: !0
     },
-    currentParticeVersion: {
+    toggleParticeVersion: {
       handler() {
         this.handleParticle();
       }
@@ -4263,15 +4263,15 @@ const L2 = {
       this.$emit("particle", { particle: this.showCurrentParticle, key: "current", weight: 96 });
     },
     handleRender() {
-      var b, M;
+      var z, M;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
         }, 500);
       else if (this.current) {
-        const z = (/* @__PURE__ */ new Date()).valueOf();
+        const b = (/* @__PURE__ */ new Date()).valueOf();
         let O = 0, p = 0, o = this.empty;
-        this.current.active && (o = this.current.data), (b = this.map) != null && b.getSource(this.source) ? ((M = this.map) == null || M.getSource(this.source).setData(o), p = (/* @__PURE__ */ new Date()).valueOf() - (z + O), console.log("[current] update elapsed: ", p, ", total: ", O += p)) : (this.map.addSource(this.source, { type: "geojson", data: o }), this.map.addLayer(
+        this.current.active && (o = this.current.data), (z = this.map) != null && z.getSource(this.source) ? ((M = this.map) == null || M.getSource(this.source).setData(o), p = (/* @__PURE__ */ new Date()).valueOf() - (b + O), console.log("[current] update elapsed: ", p, ", total: ", O += p)) : (this.map.addSource(this.source, { type: "geojson", data: o }), this.map.addLayer(
           {
             id: this.speedLayer,
             type: "fill",
@@ -4330,7 +4330,7 @@ const L2 = {
             }
           },
           this.beforeLayer
-        ), p = (/* @__PURE__ */ new Date()).valueOf() - (z + O), console.log("[current] add elapsed: ", p, ", total: ", O += p)), this.handleToggle();
+        ), p = (/* @__PURE__ */ new Date()).valueOf() - (b + O), console.log("[current] add elapsed: ", p, ", total: ", O += p)), this.handleToggle();
       }
     },
     handleToggle() {
@@ -4341,7 +4341,7 @@ const L2 = {
     }
   }
 };
-function h2(b, M, z, O, p, o) {
+function h2(z, M, b, O, p, o) {
   return null;
 }
 const R2 = /* @__PURE__ */ Q(L2, [["render", h2]]);
@@ -4397,15 +4397,15 @@ const m2 = {
   watch: {
     "factor.version": {
       handler() {
-        var b;
-        (b = this.factor) != null && b.active ? this.handleRender() : this.handleClear();
+        var z;
+        (z = this.factor) != null && z.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
     toggleVersion: {
       handler() {
-        var b;
-        this.right = (((b = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : b.clientWidth) || 0) + 10;
+        var z;
+        this.right = (((z = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : z.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
@@ -4417,19 +4417,19 @@ const m2 = {
           this.handleRender();
         }, 500);
       else if (this.factor) {
-        const b = (/* @__PURE__ */ new Date()).valueOf();
-        let M = 0, z = 0;
-        this.handleDraw(), z = (/* @__PURE__ */ new Date()).valueOf() - (b + M), console.log("[current-particle] add elapsed: ", z, ", total: ", M += z);
+        const z = (/* @__PURE__ */ new Date()).valueOf();
+        let M = 0, b = 0;
+        this.handleDraw(), b = (/* @__PURE__ */ new Date()).valueOf() - (z + M), console.log("[current-particle] add elapsed: ", b, ", total: ", M += b);
       }
     },
     handleClear() {
-      var b, M, z, O, p, o, A, a;
-      (b = this.viewport) == null || b.toggle(!1), (M = this.viewport) == null || M.toggleParticle(!1), this.context = void 0, this.particleContext = void 0, this.etime = void 0, this.initial = !0, (O = (z = this.viewport) == null ? void 0 : z.map) == null || O.off("resize", this.handleResize), (o = (p = this.viewport) == null ? void 0 : p.map) == null || o.off("movestart", this.handlePause), (a = (A = this.viewport) == null ? void 0 : A.map) == null || a.off("moveend", this.handlePlay), this.handlePause();
+      var z, M, b, O, p, o, A, a;
+      (z = this.viewport) == null || z.toggle(!1), (M = this.viewport) == null || M.toggleParticle(!1), this.context = void 0, this.particleContext = void 0, this.etime = void 0, this.initial = !0, (O = (b = this.viewport) == null ? void 0 : b.map) == null || O.off("resize", this.handleResize), (o = (p = this.viewport) == null ? void 0 : p.map) == null || o.off("movestart", this.handlePause), (a = (A = this.viewport) == null ? void 0 : A.map) == null || a.off("moveend", this.handlePlay), this.handlePause();
     },
     handleSetup() {
       if (!this.context) {
         this.context = this.viewport.rampColorCanvas.getContext("webgl");
-        const b = [
+        const z = [
           [0 / 255, "rgba(95, 143, 197,1)"],
           [5 / 255, "rgba(64,127,115,1)"],
           [10 / 255, "rgb(58,164,58)"],
@@ -4449,16 +4449,16 @@ const m2 = {
           // 2.54
           [1, "rgb(195,194,194)"]
         ];
-        this.rampColor = this.webgl.setup(this.context, b);
-        const { program: M, aPositionBuffer: z } = this.webgl.bind(this.context, a0.vertexSchema, a0.uvFragmentSchema);
-        this.program = M, this.aPositionBuffer = z;
+        this.rampColor = this.webgl.setup(this.context, z);
+        const { program: M, aPositionBuffer: b } = this.webgl.bind(this.context, a0.vertexSchema, a0.uvFragmentSchema);
+        this.program = M, this.aPositionBuffer = b;
       }
       this.handleParticleSetup();
     },
     handleParticleSetup() {
       if (!this.particleContext) {
         this.particleContext = this.viewport.particleCanvas.getContext("webgl");
-        const b = [
+        const z = [
           [0, "rgb(183,224,224)"],
           [1, "rgb(199,202,202)"]
         ];
@@ -4469,7 +4469,7 @@ const m2 = {
           n0.quadVertSchema,
           n0.screenFragmentSchema,
           n0.updateFragmentSchema
-        ), this.wrapper.color = this.webgl.setup(this.particleContext, b, !0, 16, 16), this.wrapper = {
+        ), this.wrapper.color = this.webgl.setup(this.particleContext, z, !0, 16, 16), this.wrapper = {
           ...this.wrapper,
           ...this.webgl.setupParticle(this.particleContext, 12e3),
           ...this.webgl.resize(this.viewport, this.particleContext)
@@ -4479,14 +4479,14 @@ const m2 = {
     async handleDraw() {
       if (this.handleSetup(), this.etime !== this.factor.etime) {
         this.etime = this.factor.etime;
-        const b = 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, b), this.particleTexture = this.webgl.createTexture(
+        const z = 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, z), this.particleTexture = this.webgl.createTexture(
           this.particleContext,
           this.particleContext.NEAREST,
           this.particleContext.LINEAR,
           this.particleContext.CLAMP_TO_EDGE,
-          b
-        ), this.wrapper.image = b;
+          z
+        ), this.wrapper.image = z;
       }
       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);
     },
@@ -4503,12 +4503,12 @@ const m2 = {
     }
   }
 }, B2 = { key: 0 };
-function g2(b, M, z, O, p, o) {
+function g2(z, M, b, O, p, o) {
   var A;
-  return (A = z.factor) != null && A.active ? (W(), l("div", B2, [
+  return (A = b.factor) != null && A.active ? (W(), l("div", B2, [
     c("div", {
       class: "legend-bars flex-center",
-      style: A0([{ position: "absolute" }, { right: p.right + "px", bottom: z.bottom }])
+      style: e0([{ position: "absolute" }, { right: p.right + "px", bottom: b.bottom }])
     }, M[0] || (M[0] = [
       c("span", null, "kts", -1),
       c("span", null, "0", -1),
@@ -4547,23 +4547,23 @@ const N2 = /* @__PURE__ */ Q(m2, [["render", g2], ["__scopeId", "data-v-163d1f9a
   watch: {
     "sigWave.version": {
       handler() {
-        var b;
-        (b = this.sigWave) != null && b.active ? (this.handleRender(), this.handleMove()) : this.handleClear();
+        var z;
+        (z = this.sigWave) != null && z.active ? (this.handleRender(), this.handleMove()) : this.handleClear();
       },
       deep: !0
     }
   },
   methods: {
     handleRender() {
-      var b, M;
+      var z, M;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
         }, 500);
       else if (this.sigWave) {
-        const z = (/* @__PURE__ */ new Date()).valueOf();
+        const b = (/* @__PURE__ */ new Date()).valueOf();
         let O = 0, p = 0, o = this.empty;
-        this.sigWave.active && (o = this.sigWave.data), (b = this.map) != null && b.getSource(this.source) ? ((M = this.map) == null || M.getSource(this.source).setData(o), p = (/* @__PURE__ */ new Date()).valueOf() - (z + O), console.log("[sig.wave] update elapsed: ", p, ", total: ", O += p)) : (this.map.addSource(this.source, { type: "geojson", data: o }), this.map.addLayer(
+        this.sigWave.active && (o = this.sigWave.data), (z = this.map) != null && z.getSource(this.source) ? ((M = this.map) == null || M.getSource(this.source).setData(o), p = (/* @__PURE__ */ new Date()).valueOf() - (b + O), console.log("[sig.wave] update elapsed: ", p, ", total: ", O += p)) : (this.map.addSource(this.source, { type: "geojson", data: o }), this.map.addLayer(
           {
             id: this.heightLayer,
             type: "fill",
@@ -4626,20 +4626,20 @@ const N2 = /* @__PURE__ */ Q(m2, [["render", g2], ["__scopeId", "data-v-163d1f9a
             }
           },
           this.beforeLayer
-        ), p = (/* @__PURE__ */ new Date()).valueOf() - (z + O), console.log("[sig.wave] add elapsed: ", p, ", total: ", O += p));
+        ), p = (/* @__PURE__ */ new Date()).valueOf() - (b + O), console.log("[sig.wave] add elapsed: ", p, ", total: ", O += p));
       }
     },
     handleMove() {
-      var b, M;
-      (M = (b = this.map) == null ? void 0 : b.getLayer("country-boundaries")) == null || M.setLayoutProperty("visibility", "visible"), this.map.getLayer(this.heightLayer) && this.map.moveLayer(this.heightLayer, "country-boundaries"), this.map.getLayer(this.heightLabelLayer) && this.map.moveLayer(this.heightLabelLayer, "country-boundaries");
+      var z, M;
+      (M = (z = this.map) == null ? void 0 : z.getLayer("country-boundaries")) == null || M.setLayoutProperty("visibility", "visible"), this.map.getLayer(this.heightLayer) && this.map.moveLayer(this.heightLayer, "country-boundaries"), this.map.getLayer(this.heightLabelLayer) && this.map.moveLayer(this.heightLabelLayer, "country-boundaries");
     },
     handleClear() {
-      var b, M, z;
-      ((b = this.activeWeatherLayers) == null ? void 0 : b.length) === 0 && ((z = (M = this.map) == null ? void 0 : M.getLayer("country-boundaries")) == null || z.setLayoutProperty("visibility", "none")), this.map.getLayer(this.heightLayer) && this.map.removeLayer(this.heightLayer), this.map.getLayer(this.heightLabelLayer) && this.map.removeLayer(this.heightLabelLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
+      var z, M, b;
+      ((z = this.activeWeatherLayers) == null ? void 0 : z.length) === 0 && ((b = (M = this.map) == null ? void 0 : M.getLayer("country-boundaries")) == null || b.setLayoutProperty("visibility", "none")), this.map.getLayer(this.heightLayer) && this.map.removeLayer(this.heightLayer), this.map.getLayer(this.heightLabelLayer) && this.map.removeLayer(this.heightLabelLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
 };
-function X2(b, M, z, O, p, o) {
+function X2(z, M, b, O, p, o) {
   return W(), l("div");
 }
 const w2 = /* @__PURE__ */ Q(y2, [["render", X2]]), v2 = {
@@ -4670,8 +4670,8 @@ const w2 = /* @__PURE__ */ Q(y2, [["render", X2]]), v2 = {
   watch: {
     "swell.version": {
       handler() {
-        var b;
-        (b = this.swell) != null && b.active ? (this.handleRender(), this.handleMove()) : this.handleClear();
+        var z;
+        (z = this.swell) != null && z.active ? (this.handleRender(), this.handleMove()) : this.handleClear();
       },
       deep: !0
     },
@@ -4687,15 +4687,15 @@ const w2 = /* @__PURE__ */ Q(y2, [["render", X2]]), v2 = {
   },
   methods: {
     handleRender() {
-      var b, M;
+      var z, M;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
         }, 500);
       else if (this.swell) {
-        const z = (/* @__PURE__ */ new Date()).valueOf();
+        const b = (/* @__PURE__ */ new Date()).valueOf();
         let O = 0, p = 0, o = this.empty;
-        this.swell.active && (o = this.swell.data), (b = this.map) != null && b.getSource(this.source) ? ((M = this.map) == null || M.getSource(this.source).setData(o), p = (/* @__PURE__ */ new Date()).valueOf() - (z + O), console.log("[swell] update elapsed: ", p, ", total: ", O += p)) : (this.map.addSource(this.source, { type: "geojson", data: o }), this.map.addLayer(
+        this.swell.active && (o = this.swell.data), (z = this.map) != null && z.getSource(this.source) ? ((M = this.map) == null || M.getSource(this.source).setData(o), p = (/* @__PURE__ */ new Date()).valueOf() - (b + O), console.log("[swell] update elapsed: ", p, ", total: ", O += p)) : (this.map.addSource(this.source, { type: "geojson", data: o }), this.map.addLayer(
           {
             id: this.heightLayer,
             type: "line",
@@ -4784,20 +4784,20 @@ const w2 = /* @__PURE__ */ Q(y2, [["render", X2]]), v2 = {
             }
           },
           this.beforeLayer
-        ), p = (/* @__PURE__ */ new Date()).valueOf() - (z + O), console.log("[swell] add elapsed: ", p, ", total: ", O += p));
+        ), p = (/* @__PURE__ */ new Date()).valueOf() - (b + O), console.log("[swell] add elapsed: ", p, ", total: ", O += p));
       }
     },
     handleMove() {
-      var b, M;
-      (M = (b = this.map) == null ? void 0 : b.getLayer("country-boundaries")) == null || M.setLayoutProperty("visibility", "visible"), this.map.getLayer(this.heightLayer) && this.map.moveLayer(this.heightLayer, "country-boundaries"), this.map.getLayer(this.directionLayer) && this.map.moveLayer(this.directionLayer, "country-boundaries"), this.map.getLayer(this.heightLabelLayer) && this.map.moveLayer(this.heightLabelLayer, "country-boundaries");
+      var z, M;
+      (M = (z = this.map) == null ? void 0 : z.getLayer("country-boundaries")) == null || M.setLayoutProperty("visibility", "visible"), this.map.getLayer(this.heightLayer) && this.map.moveLayer(this.heightLayer, "country-boundaries"), this.map.getLayer(this.directionLayer) && this.map.moveLayer(this.directionLayer, "country-boundaries"), this.map.getLayer(this.heightLabelLayer) && this.map.moveLayer(this.heightLabelLayer, "country-boundaries");
     },
     handleClear() {
-      var b, M;
-      this.activeWeatherLayers.length === 0 && ((M = (b = this.map) == null ? void 0 : b.getLayer("country-boundaries")) == null || M.setLayoutProperty("visibility", "none")), this.map.getLayer(this.heightLayer) && this.map.removeLayer(this.heightLayer), this.map.getLayer(this.heightLabelLayer) && this.map.removeLayer(this.heightLabelLayer), this.map.getLayer(this.directionLayer) && this.map.removeLayer(this.directionLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
+      var z, M;
+      this.activeWeatherLayers.length === 0 && ((M = (z = this.map) == null ? void 0 : z.getLayer("country-boundaries")) == null || M.setLayoutProperty("visibility", "none")), this.map.getLayer(this.heightLayer) && this.map.removeLayer(this.heightLayer), this.map.getLayer(this.heightLabelLayer) && this.map.removeLayer(this.heightLabelLayer), this.map.getLayer(this.directionLayer) && this.map.removeLayer(this.directionLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
 };
-function C2(b, M, z, O, p, o) {
+function C2(z, M, b, O, p, o) {
   return W(), l("div");
 }
 const T2 = /* @__PURE__ */ Q(v2, [["render", C2]]), E2 = {
@@ -4831,8 +4831,8 @@ const T2 = /* @__PURE__ */ Q(v2, [["render", C2]]), E2 = {
   watch: {
     "prmsl.version": {
       handler() {
-        var b;
-        (b = this.prmsl) != null && b.active ? (this.handleRender(), this.handleMove()) : this.handleClear();
+        var z;
+        (z = this.prmsl) != null && z.active ? (this.handleRender(), this.handleMove()) : this.handleClear();
       },
       deep: !0
     },
@@ -4848,7 +4848,7 @@ const T2 = /* @__PURE__ */ Q(v2, [["render", C2]]), E2 = {
   },
   methods: {
     handleRender() {
-      var b, M, z;
+      var z, M, b;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
@@ -4856,7 +4856,7 @@ const T2 = /* @__PURE__ */ Q(v2, [["render", C2]]), E2 = {
       else if (this.prmsl) {
         const O = (/* @__PURE__ */ new Date()).valueOf();
         let p = 0, o = 0, A = this.empty;
-        this.prmsl.active && (A = this.prmsl.data), (b = this.map) != null && b.getSource(this.source) ? ((M = this.map) == null || M.getSource(this.source).setData(A), o = (/* @__PURE__ */ new Date()).valueOf() - (O + p), console.log("[prmsl] update elapsed: ", o, ", total: ", p += o)) : (this.map.addSource(this.source, { type: "geojson", data: A }), this.map.addLayer(
+        this.prmsl.active && (A = this.prmsl.data), (z = this.map) != null && z.getSource(this.source) ? ((M = this.map) == null || M.getSource(this.source).setData(A), o = (/* @__PURE__ */ new Date()).valueOf() - (O + p), console.log("[prmsl] update elapsed: ", o, ", total: ", p += o)) : (this.map.addSource(this.source, { type: "geojson", data: A }), this.map.addLayer(
           {
             id: this.layer,
             type: "line",
@@ -4869,7 +4869,7 @@ const T2 = /* @__PURE__ */ Q(v2, [["render", C2]]), E2 = {
             }
           }
           // this.beforeLayer,
-        ), (z = this.map) == null || z.addLayer(
+        ), (b = this.map) == null || b.addLayer(
           {
             id: this.labelLayer,
             type: "symbol",
@@ -4927,16 +4927,16 @@ const T2 = /* @__PURE__ */ Q(v2, [["render", C2]]), E2 = {
       }
     },
     handleMove() {
-      var b, M;
-      (M = (b = this.map) == null ? void 0 : b.getLayer("country-boundaries")) == null || M.setLayoutProperty("visibility", "visible");
+      var z, M;
+      (M = (z = this.map) == null ? void 0 : z.getLayer("country-boundaries")) == null || M.setLayoutProperty("visibility", "visible");
     },
     handleClear() {
-      var b, M;
-      this.activeWeatherLayers.length === 0 && ((M = (b = this.map) == null ? void 0 : b.getLayer("country-boundaries")) == null || M.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 z, M;
+      this.activeWeatherLayers.length === 0 && ((M = (z = this.map) == null ? void 0 : z.getLayer("country-boundaries")) == null || M.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 x2(b, M, z, O, p, o) {
+function x2(z, M, b, O, p, o) {
   return W(), l("div");
 }
 const I2 = /* @__PURE__ */ Q(E2, [["render", x2]]), D2 = {
@@ -4962,23 +4962,23 @@ const I2 = /* @__PURE__ */ Q(E2, [["render", x2]]), D2 = {
   watch: {
     "iceberg.version": {
       handler() {
-        var b;
-        (b = this.iceberg) != null && b.active ? this.handleRender() : this.handleClear();
+        var z;
+        (z = this.iceberg) != null && z.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     }
   },
   methods: {
     handleRender() {
-      var b, M;
+      var z, M;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
         }, 500);
       else if (this.iceberg) {
-        const z = (/* @__PURE__ */ new Date()).valueOf();
+        const b = (/* @__PURE__ */ new Date()).valueOf();
         let O = 0, p = 0, o = this.empty;
-        this.iceberg.active && (o = this.iceberg.data), (b = this.map) != null && b.getSource(this.source) ? ((M = this.map) == null || M.getSource(this.source).setData(o), p = (/* @__PURE__ */ new Date()).valueOf() - (z + O), console.log("[iceberg] update elapsed: ", p, ", total: ", O += p)) : (this.map.addSource(this.source, { type: "geojson", data: o }), this.map.addLayer({
+        this.iceberg.active && (o = this.iceberg.data), (z = this.map) != null && z.getSource(this.source) ? ((M = this.map) == null || M.getSource(this.source).setData(o), p = (/* @__PURE__ */ new Date()).valueOf() - (b + O), console.log("[iceberg] update elapsed: ", p, ", total: ", O += p)) : (this.map.addSource(this.source, { type: "geojson", data: o }), this.map.addLayer({
           id: this.layer,
           type: "line",
           source: this.source,
@@ -4988,7 +4988,7 @@ const I2 = /* @__PURE__ */ Q(E2, [["render", x2]]), D2 = {
             "line-width": 2,
             "line-opacity": 1
           }
-        }), p = (/* @__PURE__ */ new Date()).valueOf() - (z + O), console.log("[iceberg] add elapsed: ", p, ", total: ", O += p));
+        }), p = (/* @__PURE__ */ new Date()).valueOf() - (b + O), console.log("[iceberg] add elapsed: ", p, ", total: ", O += p));
       }
     },
     handleClear() {
@@ -4996,7 +4996,7 @@ const I2 = /* @__PURE__ */ Q(E2, [["render", x2]]), D2 = {
     }
   }
 };
-function P2(b, M, z, O, p, o) {
+function P2(z, M, b, O, p, o) {
   return W(), l("div");
 }
 const S2 = /* @__PURE__ */ Q(D2, [["render", P2]]);
@@ -5046,10 +5046,10 @@ const k2 = {
   },
   computed: {
     computeTime() {
-      return function(b) {
-        if (b) {
-          const M = Y(b).utc().utcOffset(this.timeZone), z = this.timeZone < 0 ? this.timeZone : "+" + this.timeZone;
-          return `${M.format("MMM-DD,HHmm")}[ UTC ${z} ]  ( ${M == null ? void 0 : M.fromNow()} )`;
+      return function(z) {
+        if (z) {
+          const M = Y(z).utc().utcOffset(this.timeZone), b = this.timeZone < 0 ? this.timeZone : "+" + this.timeZone;
+          return `${M.format("MMM-DD,HHmm")}[ UTC ${b} ]  ( ${M == null ? void 0 : M.fromNow()} )`;
         }
         return "-";
       };
@@ -5085,14 +5085,14 @@ const k2 = {
   methods: {
     handleRefresh() {
       var O, p;
-      const b = ((p = (O = this.tropicals) == null ? void 0 : O.data) == null ? void 0 : p.features) || [], M = Y().utc().hour(), z = [];
-      b.forEach((o) => {
+      const z = ((p = (O = this.tropicals) == null ? void 0 : O.data) == null ? void 0 : p.features) || [], M = Y().utc().hour(), b = [];
+      z.forEach((o) => {
         var A, a, q;
-        (A = o.properties) != null && A.name && !z.includes((a = o.properties) == null ? void 0 : a.name) && z.push((q = o.properties) == null ? void 0 : q.name);
-      }), z.forEach((o) => {
+        (A = o.properties) != null && A.name && !b.includes((a = o.properties) == null ? void 0 : a.name) && b.push((q = o.properties) == null ? void 0 : q.name);
+      }), b.forEach((o) => {
         var i;
         let A = 0, a;
-        const q = b.filter((e) => {
+        const q = z.filter((e) => {
           var r, s;
           return ((s = (r = e.properties) == null ? void 0 : r.category) == null ? void 0 : s.split("-")[0]) === o;
         });
@@ -5114,8 +5114,8 @@ const k2 = {
       }), this.handleInit();
     },
     handleInit() {
-      var b, M;
-      this.tropicals && this.tropicals.active ? (this.handleRender(), (b = this.map) == null || b.on(
+      var z, M;
+      this.tropicals && this.tropicals.active ? (this.handleRender(), (z = this.map) == null || z.on(
         "click",
         [
           this.forecastNameLayer,
@@ -5144,7 +5144,7 @@ const k2 = {
       ));
     },
     handleRender() {
-      var b, M, z, O, p, o, A, a, q, i;
+      var z, M, b, O, p, o, A, a, q, i;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
@@ -5153,7 +5153,7 @@ const k2 = {
         if (this.tropicals) {
           const r = (/* @__PURE__ */ new Date()).valueOf();
           let s = 0, n = 0;
-          (b = this.map) != null && b.getSource(this.source) ? ((z = this.map) == null || z.getSource(this.source).setData((M = this.tropicals) != null && M.active ? this.tropicals.data : this.empty), n = (/* @__PURE__ */ new Date()).valueOf() - (r + s), console.log("[tropicals] update elapsed: ", n, ", total: ", s += n)) : (this.map.addSource(this.source, {
+          (z = this.map) != null && z.getSource(this.source) ? ((b = this.map) == null || b.getSource(this.source).setData((M = this.tropicals) != null && M.active ? this.tropicals.data : this.empty), n = (/* @__PURE__ */ new Date()).valueOf() - (r + s), console.log("[tropicals] update elapsed: ", n, ", total: ", s += n)) : (this.map.addSource(this.source, {
             type: "geojson",
             data: (O = this.tropicals) != null && O.active ? (p = this.tropicals) == null ? void 0 : p.data : this.empty
           }), this.map.addLayer({
@@ -5375,16 +5375,16 @@ const k2 = {
       }
     },
     handleClear() {
-      var b;
-      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), (b = this.interpolateMarkers) == null || b.forEach((M) => M == null ? void 0 : M.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 z;
+      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), (z = this.interpolateMarkers) == null || z.forEach((M) => M == null ? void 0 : M.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 b, M, z, O, p, o, A, a, q, i, e, r, s, n, m, L, d, h, R, w, x, X, _, V, $, z0, p0, q0, L0, h0, i0, l0, O0, R0, m0, f0;
-      if ((b = this.interpolateMarkers) == null || b.forEach((r0) => r0 == null ? void 0 : r0.remove()), this.circleSourceData.features = [], (M = this.interpolateData) != null && M.length && this.tropicals.active) {
+      var z, M, b, O, p, o, A, a, q, i, e, r, s, n, m, L, d, h, R, w, x, X, _, V, $, z0, p0, q0, L0, h0, i0, l0, O0, R0, m0, f0;
+      if ((z = this.interpolateMarkers) == null || z.forEach((r0) => r0 == null ? void 0 : r0.remove()), this.circleSourceData.features = [], (M = this.interpolateData) != null && M.length && this.tropicals.active) {
         const r0 = Y(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), d0 = this.interpolateData.filter((S) => S.properties.date === r0.format() && !S.properties.disabled), B0 = this.handleComputePolygons(d0), s0 = T.featureCollection([...d0]);
         B0.forEach((S) => {
           s0.features.push(S);
-        }), (z = this.map) != null && z.getSource(this.interpolateSource) ? (O = this.map) == null || O.getSource(this.interpolateSource).setData(s0) : ((p = this.map) == null || p.addSource(this.interpolateSource, {
+        }), (b = this.map) != null && b.getSource(this.interpolateSource) ? (O = this.map) == null || O.getSource(this.interpolateSource).setData(s0) : ((p = this.map) == null || p.addSource(this.interpolateSource, {
           type: "geojson",
           data: s0
         }), (o = this.map) == null || o.addLayer({
@@ -5402,7 +5402,7 @@ const k2 = {
           if (!S.properties.disabled) {
             let b0 = "#f44336";
             ((a = (A = S.properties) == null ? void 0 : A.wind) == null ? void 0 : a.spd) < 17.2 || !((i = (q = S.properties) == null ? void 0 : q.wind) != null && i.spd) ? b0 = "#03f869" : ((r = (e = S.properties) == null ? void 0 : e.wind) == null ? void 0 : r.spd) >= 17.2 && ((n = (s = S.properties) == null ? void 0 : s.wind) == null ? void 0 : n.spd) < 24.5 ? b0 = "#f2f202" : ((L = (m = S.properties) == null ? void 0 : m.wind) == null ? void 0 : L.spd) >= 24.5 && ((h = (d = S.properties) == null ? void 0 : d.wind) == null ? void 0 : h.spd) < 32.7 ? b0 = "#ff9100" : ((w = (R = S.properties) == null ? void 0 : R.wind) == null ? void 0 : w.spd) >= 32.7 && ((X = (x = S.properties) == null ? void 0 : x.wind) == null ? void 0 : X.spd) < 41.5 ? b0 = "#f44336" : ((V = (_ = S.properties) == null ? void 0 : _.wind) == null ? void 0 : V.spd) >= 41.5 && ((z0 = ($ = S.properties) == null ? void 0 : $.wind) == null ? void 0 : z0.spd) < 51 ? b0 = "#f903d0" : ((q0 = (p0 = S.properties) == null ? void 0 : p0.wind) == null ? void 0 : q0.spd) >= 51 ? b0 = "#8702f9" : b0 = "#f44336";
-            const e0 = `<svg t="1719918955501"
+            const t0 = `<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
@@ -5417,7 +5417,7 @@ const k2 = {
                           		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>`, I = document.createElement("div");
-            I.className = "hurricane-hourly-marker", I.innerHTML = `<div class="${S.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${e0}</div>`;
+            I.className = "hurricane-hourly-marker", I.innerHTML = `<div class="${S.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${t0}</div>`;
             const M0 = new C0.Marker(I).setLngLat(S.geometry.coordinates).addTo(this.map);
             if (this.interpolateMarkers.push(M0), (L0 = S.properties) != null && L0.showCircle) {
               const W0 = { radius: 100, coordinates: S.geometry.coordinates }, N = { radius: 200, coordinates: S.geometry.coordinates }, y0 = { radius: 500, coordinates: S.geometry.coordinates };
@@ -5434,15 +5434,15 @@ const k2 = {
       } else
         (m0 = this.map) != null && m0.getSource(this.interpolateSource) && ((f0 = this.map) == null || f0.getSource(this.interpolateSource).setData(this.empty));
     },
-    handleClick(b) {
+    handleClick(z) {
       var o, A, a, q, i, e, r, s;
-      const M = b.features[0], z = (A = (o = this.tropicals) == null ? void 0 : o.data) == null ? void 0 : A.features.filter(
+      const M = z.features[0], b = (A = (o = this.tropicals) == null ? void 0 : o.data) == null ? void 0 : A.features.filter(
         (n) => {
           var m;
           return n.geometry.type === "LineString" && n.properties.type === "forecast" && n.properties.name === ((m = M == null ? void 0 : M.properties) == null ? void 0 : m.name);
         }
       );
-      z.sort((n, m) => {
+      b.sort((n, m) => {
         var L, d, h, R;
         return ((L = n.properties) == null ? void 0 : L.model) === "cma" ? -1 : ((d = n.properties) == null ? void 0 : d.model) === "jma" ? ((h = m.properties) == null ? void 0 : h.model) === "cma" ? 1 : -1 : n.properties.model === "ecmwf" ? ["jma", "cma"].includes((R = m.properties) == null ? void 0 : R.model) ? 1 : -1 : 0;
       });
@@ -5454,35 +5454,35 @@ const k2 = {
       );
       this.activeTropicals = {
         name: (i = M == null ? void 0 : M.properties) == null ? void 0 : i.name,
-        forecasts: z.map((n) => n.properties),
+        forecasts: b.map((n) => n.properties),
         history: (e = O[0]) == null ? void 0 : e.properties,
-        showCircle: (s = (r = z[0]) == null ? void 0 : r.properties) == null ? void 0 : s.showCircle
+        showCircle: (s = (r = b[0]) == null ? void 0 : r.properties) == null ? void 0 : s.showCircle
       }, this.showTropicals = !0;
       const p = document.getElementById("active-tropical");
-      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([b.lngLat.lng, b.lngLat.lat]) : this.activeTropicalsMarker = new C0.Marker(p).setLngLat([b.lngLat.lng, b.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
+      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([z.lngLat.lng, z.lngLat.lat]) : this.activeTropicalsMarker = new C0.Marker(p).setLngLat([z.lngLat.lng, z.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
     },
-    handleForecastToggle(b) {
+    handleForecastToggle(z) {
       var O, p, o, A, a, q;
-      b.disabled = !b.disabled;
-      const M = `${b.name}-${b.model}`, z = (p = (O = this.map) == null ? void 0 : O.getSource(this.source)._data) == null ? void 0 : p.features;
-      z.forEach((i) => {
-        i.properties.category === M && (i.properties.disabled = b.disabled);
+      z.disabled = !z.disabled;
+      const M = `${z.name}-${z.model}`, b = (p = (O = this.map) == null ? void 0 : O.getSource(this.source)._data) == null ? void 0 : p.features;
+      b.forEach((i) => {
+        i.properties.category === M && (i.properties.disabled = z.disabled);
       }), this.interpolateData.forEach((i) => {
-        i.properties.category === M && (i.properties.disabled = b.disabled);
-      }), (A = (o = this.map) == null ? void 0 : o.getSource(this.source)) == null || A.setData(T.featureCollection(z)), (q = (a = this.map) == null ? void 0 : a.getSource(this.clusterSource)) == null || q.setData(T.featureCollection(z)), this.handleDateChange();
+        i.properties.category === M && (i.properties.disabled = z.disabled);
+      }), (A = (o = this.map) == null ? void 0 : o.getSource(this.source)) == null || A.setData(T.featureCollection(b)), (q = (a = this.map) == null ? void 0 : a.getSource(this.clusterSource)) == null || q.setData(T.featureCollection(b)), this.handleDateChange();
     },
-    handleStrikeProbability(b) {
-      this.$emit("tropicalProbability", b);
+    handleStrikeProbability(z) {
+      this.$emit("tropicalProbability", z);
     },
-    handleToggleCircles(b) {
-      var M, z;
-      b.showCircle = !b.showCircle, (z = (M = this.tropicals.data) == null ? void 0 : M.features) == null || z.forEach((O) => {
-        O.properties.name === b.name && (O.properties.showCircle = b.showCircle);
+    handleToggleCircles(z) {
+      var M, b;
+      z.showCircle = !z.showCircle, (b = (M = this.tropicals.data) == null ? void 0 : M.features) == null || b.forEach((O) => {
+        O.properties.name === z.name && (O.properties.showCircle = z.showCircle);
       }), this.handleRender();
     },
     handleDrawCircle() {
-      var b, M;
-      (b = this.map) != null && b.getSource(this.circleSource) ? (M = this.map) == null || M.getSource(this.circleSource).setData(this.circleSourceData) : (this.map.addSource(this.circleSource, {
+      var z, M;
+      (z = this.map) != null && z.getSource(this.circleSource) ? (M = this.map) == null || M.getSource(this.circleSource).setData(this.circleSourceData) : (this.map.addSource(this.circleSource, {
         type: "geojson",
         data: this.circleSourceData
       }), this.map.addLayer({
@@ -5498,27 +5498,27 @@ const k2 = {
         }
       }));
     },
-    handleComputePolygons(b) {
+    handleComputePolygons(z) {
       const M = [];
-      for (const z of b) {
-        const O = z.properties.wind, p = {
+      for (const b of z) {
+        const O = b.properties.wind, p = {
           ne: O.r7ne >= 0 ? O.r7ne : void 0,
           se: O.r7se >= 0 ? O.r7se : void 0,
           sw: O.r7sw >= 0 ? O.r7sw : void 0,
           nw: O.r7nw >= 0 ? O.r7nw : void 0
-        }, o = this.handleComputeArc(z.geometry.coordinates, p, { ...z.properties, level: 7 });
+        }, o = this.handleComputeArc(b.geometry.coordinates, p, { ...b.properties, level: 7 });
         M.push(o);
         const A = {
           ne: O.r10ne >= 0 ? O.r10ne : void 0,
           se: O.r10se >= 0 ? O.r10se : void 0,
           sw: O.r10sw >= 0 ? O.r10sw : void 0,
           nw: O.r10nw >= 0 ? O.r10nw : void 0
-        }, a = this.handleComputeArc(z.geometry.coordinates, A, { ...z.properties, level: 10 });
+        }, a = this.handleComputeArc(b.geometry.coordinates, A, { ...b.properties, level: 10 });
         M.push(a);
       }
       return M;
     },
-    handleComputeArc(b, M, z) {
+    handleComputeArc(z, M, b) {
       var o;
       const O = [];
       for (const A in M) {
@@ -5526,22 +5526,22 @@ const k2 = {
         let q;
         switch (A) {
           case "ne":
-            q = T.lineArc(b, a * 1.852, 0, 90, { steps: a > 0 ? 64 : 1 });
+            q = T.lineArc(z, a * 1.852, 0, 90, { steps: a > 0 ? 64 : 1 });
             break;
           case "se":
-            q = T.lineArc(b, a * 1.852, 90, 180, { steps: a > 0 ? 64 : 1 });
+            q = T.lineArc(z, a * 1.852, 90, 180, { steps: a > 0 ? 64 : 1 });
             break;
           case "sw":
-            q = T.lineArc(b, a * 1.852, 180, 270, { steps: a > 0 ? 64 : 1 });
+            q = T.lineArc(z, a * 1.852, 180, 270, { steps: a > 0 ? 64 : 1 });
             break;
           case "nw":
-            q = T.lineArc(b, a * 1.852, 270, 360, { steps: a > 0 ? 64 : 1 });
+            q = T.lineArc(z, a * 1.852, 270, 360, { steps: a > 0 ? 64 : 1 });
             break;
         }
         O.push(...(o = q == null ? void 0 : q.geometry) == null ? void 0 : o.coordinates);
       }
       const p = T.lineString(O);
-      return T.lineToPolygon(p, { properties: z });
+      return T.lineToPolygon(p, { properties: b });
     }
   }
 }, Q2 = {
@@ -5560,7 +5560,7 @@ const k2 = {
   class: "col col-24",
   style: { "justify-content": "flex-start" }
 }, $2 = { class: "forecast-models" }, MM = ["onClick"], bM = { class: "more" };
-function zM(b, M, z, O, p, o) {
+function zM(z, M, b, O, p, o) {
   var A, a, q, i, e, r, s, n, m, L, d, h, R, w, x;
   return X0((W(), l("div", Q2, [
     c("div", H2, [
@@ -5619,7 +5619,7 @@ function zM(b, M, z, O, p, o) {
       ])
     ])
   ], 512)), [
-    [w0, p.showTropicals && !b.$attrs.hideTropicalsLegend]
+    [w0, p.showTropicals && !z.$attrs.hideTropicalsLegend]
   ]);
 }
 const a1 = /* @__PURE__ */ Q(k2, [["render", zM], ["__scopeId", "data-v-44a4e671"]]);
@@ -5659,15 +5659,15 @@ const pM = {
   watch: {
     "factor.version": {
       handler() {
-        var b;
-        (b = this.factor) != null && b.active ? this.handleRender() : this.handleClear();
+        var z;
+        (z = this.factor) != null && z.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
     toggleVersion: {
       handler() {
-        var b;
-        this.right = (((b = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : b.clientWidth) || 0) + 10;
+        var z;
+        this.right = (((z = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : z.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
@@ -5679,9 +5679,9 @@ const pM = {
           this.handleRender();
         }, 500);
       else if (this.factor) {
-        const b = (/* @__PURE__ */ new Date()).valueOf();
-        let M = 0, z = 0;
-        this.handleDraw(), z = (/* @__PURE__ */ new Date()).valueOf() - (b + M), console.log("[precip3h] add elapsed: ", z, ", total: ", M += z);
+        const z = (/* @__PURE__ */ new Date()).valueOf();
+        let M = 0, b = 0;
+        this.handleDraw(), b = (/* @__PURE__ */ new Date()).valueOf() - (z + M), console.log("[precip3h] add elapsed: ", b, ", total: ", M += b);
       }
     },
     handleClear() {
@@ -5690,7 +5690,7 @@ const pM = {
     handleSetup() {
       if (!this.context) {
         this.context = this.viewport.rampColorCanvas.getContext("webgl");
-        const b = [
+        const z = [
           [0, "rgba(59, 126, 162, 0)"],
           [14 / 255, "rgba(84,170,230, 0)"],
           //1.4mm
@@ -5710,27 +5710,27 @@ const pM = {
           //30mm
           [1, "rgba(197,5,58,0.8)"]
         ];
-        this.rampColor = this.webgl.setup(this.context, b);
-        const { program: M, aPositionBuffer: z } = this.webgl.bind(this.context, a0.vertexSchema, a0.fragmentSchema);
-        this.program = M, this.aPositionBuffer = z;
+        this.rampColor = this.webgl.setup(this.context, z);
+        const { program: M, aPositionBuffer: b } = this.webgl.bind(this.context, a0.vertexSchema, a0.fragmentSchema);
+        this.program = M, this.aPositionBuffer = b;
       }
     },
     async handleDraw() {
       if (this.handleSetup(), this.etime !== this.factor.etime) {
         this.etime = this.factor.etime;
-        const b = 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, b);
+        const z = 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, z);
       }
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
 }, OM = { key: 0 };
-function oM(b, M, z, O, p, o) {
+function oM(z, M, b, O, p, o) {
   var A;
-  return (A = z.factor) != null && A.active ? (W(), l("div", OM, [
+  return (A = b.factor) != null && A.active ? (W(), l("div", OM, [
     c("div", {
       class: "legend-bars flex-center",
-      style: A0([{ position: "absolute" }, { right: p.right + "px", bottom: z.bottom }])
+      style: e0([{ position: "absolute" }, { right: p.right + "px", bottom: b.bottom }])
     }, M[0] || (M[0] = [
       c("span", null, "mm", -1),
       c("span", null, "1.5", -1),
@@ -5779,15 +5779,15 @@ const AM = {
   watch: {
     "factor.version": {
       handler() {
-        var b;
-        (b = this.factor) != null && b.active ? this.handleRender() : this.handleClear();
+        var z;
+        (z = this.factor) != null && z.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
     toggleVersion: {
       handler() {
-        var b;
-        this.right = (((b = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : b.clientWidth) || 0) + 10;
+        var z;
+        this.right = (((z = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : z.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
@@ -5799,9 +5799,9 @@ const AM = {
           this.handleRender();
         }, 500);
       else if (this.factor) {
-        const b = (/* @__PURE__ */ new Date()).valueOf();
-        let M = 0, z = 0;
-        this.handleDraw(), z = (/* @__PURE__ */ new Date()).valueOf() - (b + M), console.log("[visibility] add elapsed: ", z, ", total: ", M += z);
+        const z = (/* @__PURE__ */ new Date()).valueOf();
+        let M = 0, b = 0;
+        this.handleDraw(), b = (/* @__PURE__ */ new Date()).valueOf() - (z + M), console.log("[visibility] add elapsed: ", b, ", total: ", M += b);
       }
     },
     handleClear() {
@@ -5810,7 +5810,7 @@ const AM = {
     handleSetup() {
       if (!this.context) {
         this.context = this.viewport.rampColorCanvas.getContext("webgl");
-        const b = [
+        const z = [
           [0, "rgba(189,50,160,0.8)"],
           [8 / 255, "rgba(208,56,56,0.8)"],
           //0.8km
@@ -5824,27 +5824,27 @@ const AM = {
           //16km
           [1, "rgba(144,144,144,0)"]
         ];
-        this.rampColor = this.webgl.setup(this.context, b);
-        const { program: M, aPositionBuffer: z } = this.webgl.bind(this.context, a0.vertexSchema, a0.fragmentSchema);
-        this.program = M, this.aPositionBuffer = z;
+        this.rampColor = this.webgl.setup(this.context, z);
+        const { program: M, aPositionBuffer: b } = this.webgl.bind(this.context, a0.vertexSchema, a0.fragmentSchema);
+        this.program = M, this.aPositionBuffer = b;
       }
     },
     async handleDraw() {
       if (this.handleSetup(), this.etime !== this.factor.etime) {
         this.etime = this.factor.etime;
-        const b = 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, b);
+        const z = 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, z);
       }
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
 }, eM = { key: 0 };
-function tM(b, M, z, O, p, o) {
+function tM(z, M, b, O, p, o) {
   var A;
-  return (A = z.factor) != null && A.active ? (W(), l("div", eM, [
+  return (A = b.factor) != null && A.active ? (W(), l("div", eM, [
     c("div", {
       class: "legend-bars flex-center",
-      style: A0([{ position: "absolute" }, { right: b.right + "px", bottom: z.bottom }])
+      style: e0([{ position: "absolute" }, { right: z.right + "px", bottom: b.bottom }])
     }, M[0] || (M[0] = [
       c("span", null, "nm", -1),
       c("span", null, "0", -1),
@@ -5892,15 +5892,15 @@ const qM = {
   watch: {
     "factor.version": {
       handler() {
-        var b;
-        (b = this.factor) != null && b.active ? this.handleRender() : this.handleClear();
+        var z;
+        (z = this.factor) != null && z.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
     toggleVersion: {
       handler() {
-        var b;
-        this.right = (((b = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : b.clientWidth) || 0) + 10;
+        var z;
+        this.right = (((z = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : z.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
@@ -5912,9 +5912,9 @@ const qM = {
           this.handleRender();
         }, 500);
       else if (this.factor) {
-        const b = (/* @__PURE__ */ new Date()).valueOf();
-        let M = 0, z = 0;
-        this.handleDraw(), z = (/* @__PURE__ */ new Date()).valueOf() - (b + M), console.log("[water-temp] add elapsed: ", z, ", total: ", M += z);
+        const z = (/* @__PURE__ */ new Date()).valueOf();
+        let M = 0, b = 0;
+        this.handleDraw(), b = (/* @__PURE__ */ new Date()).valueOf() - (z + M), console.log("[water-temp] add elapsed: ", b, ", total: ", M += b);
       }
     },
     handleClear() {
@@ -5923,7 +5923,7 @@ const qM = {
     handleSetup() {
       if (!this.context) {
         this.context = this.viewport.rampColorCanvas.getContext("webgl");
-        const b = [
+        const z = [
           [0, "rgba(95, 143, 197)"],
           // -10°C
           [46 / 255, "rgba(95, 143, 197)"],
@@ -5944,27 +5944,27 @@ const qM = {
           [1, "rgb(138, 43, 10)"]
           //
         ];
-        this.rampColor = this.webgl.setup(this.context, b);
-        const { program: M, aPositionBuffer: z } = this.webgl.bind(this.context, a0.vertexSchema, a0.fragmentSchema);
-        this.program = M, this.aPositionBuffer = z;
+        this.rampColor = this.webgl.setup(this.context, z);
+        const { program: M, aPositionBuffer: b } = this.webgl.bind(this.context, a0.vertexSchema, a0.fragmentSchema);
+        this.program = M, this.aPositionBuffer = b;
       }
     },
     async handleDraw() {
       if (this.handleSetup(), this.etime !== this.factor.etime) {
         this.etime = this.factor.etime;
-        const b = 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, b);
+        const z = 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, z);
       }
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
 }, iM = { key: 0 };
-function rM(b, M, z, O, p, o) {
+function rM(z, M, b, O, p, o) {
   var A;
-  return (A = z.factor) != null && A.active ? (W(), l("div", iM, [
+  return (A = b.factor) != null && A.active ? (W(), l("div", iM, [
     c("div", {
       class: "legend-bars flex-center",
-      style: A0([{ position: "absolute" }, { right: p.right + "px", bottom: z.bottom }])
+      style: e0([{ position: "absolute" }, { right: p.right + "px", bottom: b.bottom }])
     }, M[0] || (M[0] = [
       c("span", null, "°C", -1),
       c("span", null, "0", -1),
@@ -6012,15 +6012,15 @@ const dM = {
   watch: {
     "factor.version": {
       handler() {
-        var b;
-        (b = this.factor) != null && b.active ? this.handleRender() : this.handleClear();
+        var z;
+        (z = this.factor) != null && z.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
     toggleVersion: {
       handler() {
-        var b;
-        this.right = (((b = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : b.clientWidth) || 0) + 10;
+        var z;
+        this.right = (((z = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : z.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
@@ -6032,9 +6032,9 @@ const dM = {
           this.handleRender();
         }, 500);
       else if (this.factor) {
-        const b = (/* @__PURE__ */ new Date()).valueOf();
-        let M = 0, z = 0;
-        this.handleDraw(), z = (/* @__PURE__ */ new Date()).valueOf() - (b + M), console.log("[water-temp] add elapsed: ", z, ", total: ", M += z);
+        const z = (/* @__PURE__ */ new Date()).valueOf();
+        let M = 0, b = 0;
+        this.handleDraw(), b = (/* @__PURE__ */ new Date()).valueOf() - (z + M), console.log("[water-temp] add elapsed: ", b, ", total: ", M += b);
       }
     },
     handleClear() {
@@ -6043,7 +6043,7 @@ const dM = {
     handleSetup() {
       if (!this.context) {
         this.context = this.viewport.rampColorCanvas.getContext("webgl");
-        const b = [
+        const z = [
           [0, "rgb(149, 137, 211)"],
           [100 / 255, "rgb(149, 137, 211)"],
           // -20°C
@@ -6067,27 +6067,27 @@ const dM = {
           // 40
           [1, "rgb(138, 43, 10)"]
         ];
-        this.rampColor = this.webgl.setup(this.context, b);
-        const { program: M, aPositionBuffer: z } = this.webgl.bind(this.context, a0.vertexSchema, a0.fragmentSchema);
-        this.program = M, this.aPositionBuffer = z;
+        this.rampColor = this.webgl.setup(this.context, z);
+        const { program: M, aPositionBuffer: b } = this.webgl.bind(this.context, a0.vertexSchema, a0.fragmentSchema);
+        this.program = M, this.aPositionBuffer = b;
       }
     },
     async handleDraw() {
       if (this.handleSetup(), this.etime !== this.factor.etime) {
         this.etime = this.factor.etime;
-        const b = 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, b);
+        const z = 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, z);
       }
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
 }, sM = { key: 0 };
-function WM(b, M, z, O, p, o) {
+function WM(z, M, b, O, p, o) {
   var A;
-  return (A = z.factor) != null && A.active ? (W(), l("div", sM, [
+  return (A = b.factor) != null && A.active ? (W(), l("div", sM, [
     c("div", {
       class: "legend-bars flex-center",
-      style: A0([{ position: "absolute" }, { right: p.right + "px", bottom: z.bottom }])
+      style: e0([{ position: "absolute" }, { right: p.right + "px", bottom: b.bottom }])
     }, M[0] || (M[0] = [
       c("span", null, "°C", -1),
       c("span", null, "-20", -1),
@@ -6137,15 +6137,15 @@ const fM = {
   watch: {
     "factor.version": {
       handler() {
-        var b;
-        (b = this.factor) != null && b.active ? this.handleRender() : this.handleClear();
+        var z;
+        (z = this.factor) != null && z.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
     },
     toggleVersion: {
       handler() {
-        var b;
-        this.right = (((b = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : b.clientWidth) || 0) + 10;
+        var z;
+        this.right = (((z = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : z.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
@@ -6157,9 +6157,9 @@ const fM = {
           this.handleRender();
         }, 500);
       else if (this.factor) {
-        const b = (/* @__PURE__ */ new Date()).valueOf();
-        let M = 0, z = 0;
-        this.handleDraw(), z = (/* @__PURE__ */ new Date()).valueOf() - (b + M), console.log("[water-temp] add elapsed: ", z, ", total: ", M += z);
+        const z = (/* @__PURE__ */ new Date()).valueOf();
+        let M = 0, b = 0;
+        this.handleDraw(), b = (/* @__PURE__ */ new Date()).valueOf() - (z + M), console.log("[water-temp] add elapsed: ", b, ", total: ", M += b);
       }
     },
     handleClear() {
@@ -6168,7 +6168,7 @@ const fM = {
     handleSetup() {
       if (!this.context) {
         this.context = this.viewport.rampColorCanvas.getContext("webgl");
-        const b = [
+        const z = [
           [0, "rgba(76, 165, 228, 0)"],
           [50 / 255, "rgba(76, 165, 228, 0)"],
           // 0m
@@ -6183,27 +6183,27 @@ const fM = {
           [1, "rgb(180, 209, 216)"]
           // 2m
         ];
-        this.rampColor = this.webgl.setup(this.context, b);
-        const { program: M, aPositionBuffer: z } = this.webgl.bind(this.context, a0.vertexSchema, a0.fragmentSchema);
-        this.program = M, this.aPositionBuffer = z;
+        this.rampColor = this.webgl.setup(this.context, z);
+        const { program: M, aPositionBuffer: b } = this.webgl.bind(this.context, a0.vertexSchema, a0.fragmentSchema);
+        this.program = M, this.aPositionBuffer = b;
       }
     },
     async handleDraw() {
       if (this.handleSetup(), this.etime !== this.factor.etime) {
         this.etime = this.factor.etime;
-        const b = 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, b);
+        const z = 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, z);
       }
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
 }, uM = { key: 0 };
-function LM(b, M, z, O, p, o) {
+function LM(z, M, b, O, p, o) {
   var A;
-  return (A = z.factor) != null && A.active ? (W(), l("div", uM, [
+  return (A = b.factor) != null && A.active ? (W(), l("div", uM, [
     c("div", {
       class: "legend-bars flex-center",
-      style: A0([{ position: "absolute" }, { right: p.right + "px", bottom: z.bottom }])
+      style: e0([{ position: "absolute" }, { right: p.right + "px", bottom: b.bottom }])
     }, M[0] || (M[0] = [
       c("span", null, "m", -1),
       c("span", null, "0", -1),
@@ -6219,8 +6219,8 @@ const hM = /* @__PURE__ */ Q(fM, [["render", LM], ["__scopeId", "data-v-5bb73794
 var RM = /* @__PURE__ */ s1({
   name: "LocationFilled",
   __name: "location-filled",
-  setup(b) {
-    return (M, z) => (W(), l("svg", {
+  setup(z) {
+    return (M, b) => (W(), l("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -6317,21 +6317,21 @@ const gM = {
     },
     forecastModel: {
       async handler() {
-        var b;
+        var z;
         if (this.showMeteo && this.ts) {
           this.handleRender();
           const M = Y();
-          ((b = Y(this.ts)) == null ? void 0 : b.diff(M, "d", !0)) >= 0 ? await this.fetchMeteoData(this.point, this.ts, 7) : await this.fetchHistoryData(this.point, this.ts), this.initTableData(this.meteoData);
+          ((z = Y(this.ts)) == null ? void 0 : z.diff(M, "d", !0)) >= 0 ? await this.fetchMeteoData(this.point, this.ts, 7) : await this.fetchHistoryData(this.point, this.ts), this.initTableData(this.meteoData);
         }
       }
     },
     point: {
       async handler() {
-        var b;
+        var z;
         if (this.showMeteo = !0, this.tideData = {}, this.meteoData = {}, this.showMeteo && this.ts) {
           this.handleRender();
           const M = Y();
-          if (((b = Y(this.ts)) == null ? void 0 : b.diff(M, "d", !0)) >= 0 ? await this.fetchMeteoData(this.point, this.ts, 7) : await this.fetchHistoryData(this.point, this.ts), this.initTableData(this.meteoData), this.activeIndex === 4) {
+          if (((z = Y(this.ts)) == null ? void 0 : z.diff(M, "d", !0)) >= 0 ? await this.fetchMeteoData(this.point, this.ts, 7) : await this.fetchHistoryData(this.point, this.ts), this.initTableData(this.meteoData), this.activeIndex === 4) {
             const O = H0.pickDailyExtremes(this.tideData, this.ts);
             (O == null ? void 0 : O.length) > 0 ? this.tideTableData = O : await this.fetchTidesData(this.point, this.ts, 7);
           }
@@ -6340,14 +6340,14 @@ const gM = {
     },
     ts: {
       async handler() {
-        var b;
+        var z;
         if (this.showMeteo && this.ts) {
-          const M = Y(), z = (b = Y(this.ts)) == null ? void 0 : b.diff(M, "d", !0), p = [0, 1, 2, 3, 4, 5, 6, 7].every((o) => {
+          const M = Y(), b = (z = Y(this.ts)) == null ? void 0 : z.diff(M, "d", !0), p = [0, 1, 2, 3, 4, 5, 6, 7].every((o) => {
             var a;
             const A = k0(this.ts).tz(this.positionGmt).add(3 * o, "h").format();
             return (a = S0.pickHourly(this.meteoData, A)) == null ? void 0 : a[0];
           });
-          if (this.meteoData && p ? this.initTableData(this.meteoData) : (this.loading || (z >= 0 ? await this.fetchMeteoData(this.point, this.ts, 7) : await this.fetchHistoryData(this.point, this.ts)), this.initTableData(this.meteoData)), this.activeIndex === 4) {
+          if (this.meteoData && p ? this.initTableData(this.meteoData) : (this.loading || (b >= 0 ? await this.fetchMeteoData(this.point, this.ts, 7) : await this.fetchHistoryData(this.point, this.ts)), this.initTableData(this.meteoData)), this.activeIndex === 4) {
             const o = H0.pickDailyExtremes(this.tideData, this.ts);
             (o == null ? void 0 : o.length) > 0 ? this.tideTableData = o : await this.fetchTidesData(this.point, this.ts, 7);
           }
@@ -6357,46 +6357,46 @@ const gM = {
   },
   computed: {
     computeHourL() {
-      return function(b) {
-        return b ? `${k0(b).tz(this.positionGmt).format("HH")}` : "-";
+      return function(z) {
+        return z ? `${k0(z).tz(this.positionGmt).format("HH")}` : "-";
       };
     },
     computeHourZ() {
-      return function(b) {
-        return b ? `${Y(b).utc().format("HH")}Z` : "-";
+      return function(z) {
+        return z ? `${Y(z).utc().format("HH")}Z` : "-";
       };
     },
     computeHourHmmLT() {
-      return function(b) {
-        return b ? `${k0(b).tz(this.positionGmt).format("H:mm")}` : "-";
+      return function(z) {
+        return z ? `${k0(z).tz(this.positionGmt).format("H:mm")}` : "-";
       };
     },
     computeLat() {
-      return function(b, M = 4) {
-        return o0.lat2pretty(b, M).pretty;
+      return function(z, M = 4) {
+        return o0.lat2pretty(z, M).pretty;
       };
     },
     computeLng() {
-      return function(b, M = 4) {
-        return o0.lng2pretty(b, M).pretty;
+      return function(z, M = 4) {
+        return o0.lng2pretty(z, M).pretty;
       };
     },
     roundPrecision() {
-      return function(b, M = 4) {
-        return isNaN(b) ? "-" : o0.roundPrecision(b, M);
+      return function(z, M = 4) {
+        return isNaN(z) ? "-" : o0.roundPrecision(z, M);
       };
     }
   },
   methods: {
-    async fetchMeteoData(b, M, z) {
+    async fetchMeteoData(z, M, b) {
       this.loading = !0, this.meteoData = [];
       let O = M ? Y(M).utc().format() : Y().utc().format();
       const { weatherModels: p, marineModels: o } = S0.autoPickMeteoModel(this.forecastModel);
       let A = {
-        lat: b.lat,
-        lng: b.lng,
+        lat: z.lat,
+        lng: z.lng,
         datetime: O,
-        forecastDays: z ?? 7,
+        forecastDays: b ?? 7,
         weatherModels: p,
         marineModels: o
       }, a = await N0.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, A, {
@@ -6406,12 +6406,12 @@ const gM = {
       });
       (a == null ? void 0 : a.data.code) === 0 && (this.meteoData = a == null ? void 0 : a.data.data, this.loading = !1);
     },
-    async fetchHistoryData(b, M) {
+    async fetchHistoryData(z, M) {
       this.loading = !0, this.meteoData = [];
-      const z = M ? Y(M).utc().format() : Y().utc().format(), { weatherModels: O, marineModels: p } = S0.autoPickMeteoModel(this.forecastModel), o = {
-        lat: b.lat,
-        lng: b.lng,
-        datetime: z,
+      const b = M ? Y(M).utc().format() : Y().utc().format(), { weatherModels: O, marineModels: p } = S0.autoPickMeteoModel(this.forecastModel), o = {
+        lat: z.lat,
+        lng: z.lng,
+        datetime: b,
         forecastDays: 3,
         pastDays: 1,
         weatherModels: O,
@@ -6423,10 +6423,10 @@ const gM = {
       });
       (A == null ? void 0 : A.data.code) === 0 && (this.meteoData = A == null ? void 0 : A.data.data, this.loading = !1);
     },
-    initTableData(b) {
-      var M, z, O, p, o, A, a, q, i;
-      this.clearTable(), this.positionGmt = (z = (M = b == null ? void 0 : b.weather) == null ? void 0 : M[0]) == null ? void 0 : z.timezone, this.positionOffset = (p = (O = b == null ? void 0 : b.weather) == null ? void 0 : O[0]) == null ? void 0 : p.offset, this.localDate = (A = (o = k0(this.ts)) == null ? void 0 : o.tz(this.positionGmt)) == null ? void 0 : A.format("MMM-DD/HHmm[LT]"), this.currentHourData = (a = S0.pickHourly(b, Y(this.ts))) == null ? void 0 : a[0], ((i = (q = this.currentHourData) == null ? void 0 : q.weather) == null ? void 0 : i.isDay) === 0 ? this.isDay = !1 : this.isDay = !0, this.$nextTick(() => {
-        var r, s, n, m, L, d, h, R, w, x, X, _, V, $, z0, p0, q0, L0, h0, i0, l0, O0, R0, m0, f0, r0, d0, B0, s0, S, b0, e0, I;
+    initTableData(z) {
+      var M, b, O, p, o, A, a, q, i;
+      this.clearTable(), this.positionGmt = (b = (M = z == null ? void 0 : z.weather) == null ? void 0 : M[0]) == null ? void 0 : b.timezone, this.positionOffset = (p = (O = z == null ? void 0 : z.weather) == null ? void 0 : O[0]) == null ? void 0 : p.offset, this.localDate = (A = (o = k0(this.ts)) == null ? void 0 : o.tz(this.positionGmt)) == null ? void 0 : A.format("MMM-DD/HHmm[LT]"), this.currentHourData = (a = S0.pickHourly(z, Y(this.ts))) == null ? void 0 : a[0], ((i = (q = this.currentHourData) == null ? void 0 : q.weather) == null ? void 0 : i.isDay) === 0 ? this.isDay = !1 : this.isDay = !0, this.$nextTick(() => {
+        var r, s, n, m, L, d, h, R, w, x, X, _, V, $, z0, p0, q0, L0, h0, i0, l0, O0, R0, m0, f0, r0, d0, B0, s0, S, b0, t0, I;
         if (!document.getElementById("meteoMainBox"))
           return !1;
         if (!this.currentHourData)
@@ -6434,8 +6434,8 @@ const gM = {
         for (let M0 = 0; M0 < 8; M0++) {
           const W0 = k0(this.ts).tz(this.positionGmt).add(3 * M0, "h").format();
           this.tableData.hours.push(W0);
-          const N = ((r = S0.pickHourly(b, W0)) == null ? void 0 : r[0]) || {};
-          this.tableData.temp.push(this.roundPrecision((s = N == null ? void 0 : N.weather) == null ? void 0 : s.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((m = (n = N == null ? void 0 : N.weather) == null ? void 0 : n.precip) == null ? void 0 : m.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((d = (L = N == null ? void 0 : N.weather) == null ? void 0 : L.precip) == null ? void 0 : d.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((h = N == null ? void 0 : N.weather) == null ? void 0 : h.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((w = (R = N == null ? void 0 : N.weather) == null ? void 0 : R.wind) == null ? void 0 : w.kts, 1) ?? "-"), this.tableData.windDir.push((X = (x = N == null ? void 0 : N.weather) == null ? void 0 : x.wind) == null ? void 0 : X.bearing), this.tableData.windGust.push(this.roundPrecision((V = (_ = N == null ? void 0 : N.weather) == null ? void 0 : _.wind) == null ? void 0 : V.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((z0 = ($ = N == null ? void 0 : N.wave) == null ? void 0 : $.sig) == null ? void 0 : z0.height, 1) ?? "-"), this.tableData.sigwaveDir.push((q0 = (p0 = N == null ? void 0 : N.wave) == null ? void 0 : p0.sig) == null ? void 0 : q0.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((h0 = (L0 = N == null ? void 0 : N.wave) == null ? void 0 : L0.wd) == null ? void 0 : h0.height, 1) ?? "-"), this.tableData.windwaveDir.push((l0 = (i0 = N == null ? void 0 : N.wave) == null ? void 0 : i0.wd) == null ? void 0 : l0.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((R0 = (O0 = N == null ? void 0 : N.wave) == null ? void 0 : O0.wd) == null ? void 0 : R0.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((f0 = (m0 = N == null ? void 0 : N.wave) == null ? void 0 : m0.swell) == null ? void 0 : f0.height, 1) ?? "-"), this.tableData.swellDir.push((d0 = (r0 = N == null ? void 0 : N.wave) == null ? void 0 : r0.swell) == null ? void 0 : d0.bearing), this.tableData.swellPeriod.push(this.roundPrecision((s0 = (B0 = N == null ? void 0 : N.wave) == null ? void 0 : B0.swell) == null ? void 0 : s0.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((S = N == null ? void 0 : N.current) == null ? void 0 : S.speed, 1) ?? "-"), this.tableData.currentDir.push((b0 = N == null ? void 0 : N.current) == null ? void 0 : b0.bearing), this.tableData.seaLevel.push(this.roundPrecision(N == null ? void 0 : N.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(N == null ? void 0 : N.sst, 0) ?? "-"), this.tableData.weatherUrls.push((e0 = N == null ? void 0 : N.weather) == null ? void 0 : e0.url), this.tableData.weatherNames.push(((I = N == null ? void 0 : N.weather) == null ? void 0 : I.name) ?? "-");
+          const N = ((r = S0.pickHourly(z, W0)) == null ? void 0 : r[0]) || {};
+          this.tableData.temp.push(this.roundPrecision((s = N == null ? void 0 : N.weather) == null ? void 0 : s.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((m = (n = N == null ? void 0 : N.weather) == null ? void 0 : n.precip) == null ? void 0 : m.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((d = (L = N == null ? void 0 : N.weather) == null ? void 0 : L.precip) == null ? void 0 : d.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((h = N == null ? void 0 : N.weather) == null ? void 0 : h.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((w = (R = N == null ? void 0 : N.weather) == null ? void 0 : R.wind) == null ? void 0 : w.kts, 1) ?? "-"), this.tableData.windDir.push((X = (x = N == null ? void 0 : N.weather) == null ? void 0 : x.wind) == null ? void 0 : X.bearing), this.tableData.windGust.push(this.roundPrecision((V = (_ = N == null ? void 0 : N.weather) == null ? void 0 : _.wind) == null ? void 0 : V.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((z0 = ($ = N == null ? void 0 : N.wave) == null ? void 0 : $.sig) == null ? void 0 : z0.height, 1) ?? "-"), this.tableData.sigwaveDir.push((q0 = (p0 = N == null ? void 0 : N.wave) == null ? void 0 : p0.sig) == null ? void 0 : q0.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((h0 = (L0 = N == null ? void 0 : N.wave) == null ? void 0 : L0.wd) == null ? void 0 : h0.height, 1) ?? "-"), this.tableData.windwaveDir.push((l0 = (i0 = N == null ? void 0 : N.wave) == null ? void 0 : i0.wd) == null ? void 0 : l0.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((R0 = (O0 = N == null ? void 0 : N.wave) == null ? void 0 : O0.wd) == null ? void 0 : R0.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((f0 = (m0 = N == null ? void 0 : N.wave) == null ? void 0 : m0.swell) == null ? void 0 : f0.height, 1) ?? "-"), this.tableData.swellDir.push((d0 = (r0 = N == null ? void 0 : N.wave) == null ? void 0 : r0.swell) == null ? void 0 : d0.bearing), this.tableData.swellPeriod.push(this.roundPrecision((s0 = (B0 = N == null ? void 0 : N.wave) == null ? void 0 : B0.swell) == null ? void 0 : s0.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((S = N == null ? void 0 : N.current) == null ? void 0 : S.speed, 1) ?? "-"), this.tableData.currentDir.push((b0 = N == null ? void 0 : N.current) == null ? void 0 : b0.bearing), this.tableData.seaLevel.push(this.roundPrecision(N == null ? void 0 : N.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(N == null ? void 0 : N.sst, 0) ?? "-"), this.tableData.weatherUrls.push((t0 = N == null ? void 0 : N.weather) == null ? void 0 : t0.url), this.tableData.weatherNames.push(((I = N == null ? void 0 : N.weather) == null ? void 0 : I.name) ?? "-");
         }
       });
     },
@@ -6466,16 +6466,16 @@ const gM = {
         seaTemp: []
       };
     },
-    async handleSelectTab(b) {
-      this.activeIndex = b, this.activeIndex === 4 && await this.fetchTidesData(this.point, this.ts, 7);
+    async handleSelectTab(z) {
+      this.activeIndex = z, this.activeIndex === 4 && await this.fetchTidesData(this.point, this.ts, 7);
     },
-    async fetchTidesData(b, M, z) {
+    async fetchTidesData(z, M, b) {
       this.tideLoading = !0, this.tideData = {};
       let O = M ? Y(M).utc().format() : Y().utc().format(), p = {
-        lat: b.lat,
-        lng: b.lng,
+        lat: z.lat,
+        lng: z.lng,
         date: O,
-        forecastDays: z ?? 7,
+        forecastDays: b ?? 7,
         extremes: !0,
         heights: !1
       }, o = await N0.post(`${this.gateway}/api/arc/meteo2/spot/tides/forecast`, p, {
@@ -6490,12 +6490,12 @@ const gM = {
       }
     },
     handleBind() {
-      var b, M;
-      this.show ? ((b = this.map) == null || b.on("click", this.handleClick), this.map.getCanvas().style.cursor = "pointer") : ((M = this.map) == null || M.off("click", this.handleClick), this.showMeteo = !1);
+      var z, M;
+      this.show ? ((z = this.map) == null || z.on("click", this.handleClick), this.map.getCanvas().style.cursor = "pointer") : ((M = this.map) == null || M.off("click", this.handleClick), this.showMeteo = !1);
     },
-    handleClick(b) {
-      if (b.originalEvent.stopPropagation(), b.originalEvent.target.className === "mapboxgl-canvas")
-        this.point = b.lngLat;
+    handleClick(z) {
+      if (z.originalEvent.stopPropagation(), z.originalEvent.target.className === "mapboxgl-canvas")
+        this.point = z.lngLat;
       else
         return !1;
     },
@@ -6508,8 +6508,8 @@ const gM = {
     handleRender() {
       this.$nextTick(() => {
         var M;
-        const b = document.getElementById("point-meteo");
-        this.point && (this.meteoMarker ? (M = this.meteoMarker) == null || M.setLngLat([this.point.lng, this.point.lat]) : this.meteoMarker = new C0.Marker(b).setLngLat([this.point.lng, this.point.lat]).addTo(this.map));
+        const z = document.getElementById("point-meteo");
+        this.point && (this.meteoMarker ? (M = this.meteoMarker) == null || M.setLngLat([this.point.lng, this.point.lat]) : this.meteoMarker = new C0.Marker(z).setLngLat([this.point.lng, this.point.lat]).addTo(this.map));
       });
     }
   }
@@ -6557,8 +6557,8 @@ const gM = {
   key: 1,
   class: "main-box flex-center"
 };
-function Db(b, M, z, O, p, o) {
-  var i, e, r, s, n, m, L, d, h, R, w, x, X, _, V, $, z0, p0, q0, L0, h0, i0, l0, O0, R0, m0, f0, r0, d0, B0, s0, S, b0, e0, I, M0, W0, N, y0, g0, t, f, u, B, C, D, K, k, j, E0, x0, I0, D0, P0, t0, G0, U0, K0, J0, Y0, V0, Z0, $0, M1, b1, z1, p1, O1;
+function Db(z, M, b, O, p, o) {
+  var i, e, r, s, n, m, L, d, h, R, w, x, X, _, V, $, z0, p0, q0, L0, h0, i0, l0, O0, R0, m0, f0, r0, d0, B0, s0, S, b0, t0, I, M0, W0, N, y0, g0, t, f, u, B, C, D, K, k, j, E0, x0, I0, D0, P0, A0, G0, U0, K0, J0, Y0, V0, Z0, $0, M1, b1, z1, p1, O1;
   const A = P("LocationFilled"), a = P("ElIcon"), q = P("ElTooltip");
   return X0((W(), l("div", NM, [
     c("div", yM, [
@@ -6782,7 +6782,7 @@ function Db(b, M, z, O, p, o) {
                 isNaN(p.tableData.windDir[v]) ? U("", !0) : (W(), l("span", {
                   key: 0,
                   class: "iconfont icon blue",
-                  style: A0({ display: "inline-block", transform: `rotate(${p.tableData.windDir[v]}deg)` })
+                  style: e0({ display: "inline-block", transform: `rotate(${p.tableData.windDir[v]}deg)` })
                 }, "", 4)),
                 c("span", null, y(g), 1)
               ]))), 128))
@@ -6838,7 +6838,7 @@ function Db(b, M, z, O, p, o) {
                 isNaN(p.tableData.windDir[v]) ? U("", !0) : (W(), l("span", {
                   key: 0,
                   class: "iconfont icon wind",
-                  style: A0({ display: "inline-block", transform: `rotate(${p.tableData.windDir[v]}deg)` })
+                  style: e0({ display: "inline-block", transform: `rotate(${p.tableData.windDir[v]}deg)` })
                 }, "", 4)),
                 c("span", null, y(g), 1)
               ]))), 128))
@@ -6860,7 +6860,7 @@ function Db(b, M, z, O, p, o) {
                 isNaN(p.tableData.sigwaveDir[v]) ? U("", !0) : (W(), l("span", {
                   key: 0,
                   class: "iconfont icon sigwave",
-                  style: A0({ display: "inline-block", transform: `rotate(${p.tableData.sigwaveDir[v]}deg)` })
+                  style: e0({ display: "inline-block", transform: `rotate(${p.tableData.sigwaveDir[v]}deg)` })
                 }, "", 4)),
                 c("span", null, y(g), 1)
               ]))), 128))
@@ -6882,7 +6882,7 @@ function Db(b, M, z, O, p, o) {
                 isNaN(p.tableData.sigwaveDir[v]) ? U("", !0) : (W(), l("span", {
                   key: 0,
                   class: "iconfont icon windwave",
-                  style: A0({ display: "inline-block", transform: `rotate(${p.tableData.windwaveDir[v]}deg)` })
+                  style: e0({ display: "inline-block", transform: `rotate(${p.tableData.windwaveDir[v]}deg)` })
                 }, "", 4)),
                 c("span", null, y(g), 1)
               ]))), 128))
@@ -6904,7 +6904,7 @@ function Db(b, M, z, O, p, o) {
                 isNaN(p.tableData.swellDir[v]) ? U("", !0) : (W(), l("span", {
                   key: 0,
                   class: "iconfont icon swell",
-                  style: A0({ display: "inline-block", transform: `rotate(${p.tableData.swellDir[v]}deg)` })
+                  style: e0({ display: "inline-block", transform: `rotate(${p.tableData.swellDir[v]}deg)` })
                 }, "", 4)),
                 c("span", null, y(g), 1)
               ]))), 128))
@@ -6927,7 +6927,7 @@ function Db(b, M, z, O, p, o) {
                   key: 0,
                   class: "iconfont icon current",
                   id: "meteoGrayIcon",
-                  style: A0({ display: "inline-block", transform: `rotate(${p.tableData.currentDir[v]}deg)` })
+                  style: e0({ display: "inline-block", transform: `rotate(${p.tableData.currentDir[v]}deg)` })
                 }, "", 4)),
                 c("span", null, y(g), 1)
               ]))), 128))
@@ -7041,7 +7041,7 @@ function Db(b, M, z, O, p, o) {
             ]),
             c("div", Rb, [
               M[33] || (M[33] = c("div", null, "Sig wave", -1)),
-              c("div", null, y((s0 = (B0 = (d0 = p.currentHourData) == null ? void 0 : d0.wave) == null ? void 0 : B0.sig) == null ? void 0 : s0.direction) + "/" + y(o.roundPrecision((e0 = (b0 = (S = p.currentHourData) == null ? void 0 : S.wave) == null ? void 0 : b0.sig) == null ? void 0 : e0.height, 1)) + "m/" + y(o.roundPrecision((W0 = (M0 = (I = p.currentHourData) == null ? void 0 : I.wave) == null ? void 0 : M0.sig) == null ? void 0 : W0.period, 1)) + "s", 1)
+              c("div", null, y((s0 = (B0 = (d0 = p.currentHourData) == null ? void 0 : d0.wave) == null ? void 0 : B0.sig) == null ? void 0 : s0.direction) + "/" + y(o.roundPrecision((t0 = (b0 = (S = p.currentHourData) == null ? void 0 : S.wave) == null ? void 0 : b0.sig) == null ? void 0 : t0.height, 1)) + "m/" + y(o.roundPrecision((W0 = (M0 = (I = p.currentHourData) == null ? void 0 : I.wave) == null ? void 0 : M0.sig) == null ? void 0 : W0.period, 1)) + "s", 1)
             ])
           ]),
           c("div", mb, [
@@ -7051,7 +7051,7 @@ function Db(b, M, z, O, p, o) {
             ]),
             c("div", gb, [
               M[35] || (M[35] = c("div", null, "Swell", -1)),
-              c("div", null, y((j = (k = (K = p.currentHourData) == null ? void 0 : K.wave) == null ? void 0 : k.swell) == null ? void 0 : j.direction) + "/" + y(o.roundPrecision((I0 = (x0 = (E0 = p.currentHourData) == null ? void 0 : E0.wave) == null ? void 0 : x0.swell) == null ? void 0 : I0.height, 1)) + "m/" + y(o.roundPrecision((t0 = (P0 = (D0 = p.currentHourData) == null ? void 0 : D0.wave) == null ? void 0 : P0.swell) == null ? void 0 : t0.period, 1)) + "s", 1)
+              c("div", null, y((j = (k = (K = p.currentHourData) == null ? void 0 : K.wave) == null ? void 0 : k.swell) == null ? void 0 : j.direction) + "/" + y(o.roundPrecision((I0 = (x0 = (E0 = p.currentHourData) == null ? void 0 : E0.wave) == null ? void 0 : x0.swell) == null ? void 0 : I0.height, 1)) + "m/" + y(o.roundPrecision((A0 = (P0 = (D0 = p.currentHourData) == null ? void 0 : D0.wave) == null ? void 0 : P0.swell) == null ? void 0 : A0.period, 1)) + "s", 1)
             ])
           ]),
           c("div", Nb, [
@@ -7187,7 +7187,7 @@ const Pb = /* @__PURE__ */ Q(gM, [["render", Db], ["__scopeId", "data-v-f05f6db2
     }
   }
 };
-function kb(b, M, z, O, p, o) {
+function kb(z, M, b, O, p, o) {
   return W(), l("div");
 }
 const Qb = /* @__PURE__ */ Q(Sb, [["render", kb]]), Hb = {
@@ -7310,7 +7310,7 @@ const Qb = /* @__PURE__ */ Q(Sb, [["render", kb]]), Hb = {
     }
   }
 };
-function _b(b, M, z, O, p, o) {
+function _b(z, M, b, O, p, o) {
   return W(), l("div");
 }
 const jb = /* @__PURE__ */ Q(Hb, [["render", _b]]), Fb = {
@@ -7342,8 +7342,8 @@ const jb = /* @__PURE__ */ Q(Hb, [["render", _b]]), Fb = {
   },
   methods: {
     handleRender() {
-      var b;
-      this.map ? (this.handleClear(), this.zone && (this.map.getSource(this.source) ? (b = this.map) == null || b.getSource(this.source).setData(this.zone) : (this.map.addSource(this.source, {
+      var z;
+      this.map ? (this.handleClear(), this.zone && (this.map.getSource(this.source) ? (z = this.map) == null || z.getSource(this.source).setData(this.zone) : (this.map.addSource(this.source, {
         type: "geojson",
         data: this.zone
       }), this.map.addLayer({
@@ -7401,7 +7401,7 @@ const jb = /* @__PURE__ */ Q(Hb, [["render", _b]]), Fb = {
     }
   }
 };
-function Gb(b, M, z, O, p, o) {
+function Gb(z, M, b, O, p, o) {
   return W(), l("div");
 }
 const Ub = /* @__PURE__ */ Q(Fb, [["render", Gb]]);
@@ -7433,27 +7433,27 @@ const Kb = {
   watch: {
     zone: {
       handler() {
-        var b, M;
-        this.zone ? (this.handleRender(), (b = this.map) == null || b.on("click", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleClick)) : (this.handleClear(), (M = this.map) == null || M.off("click", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleClick));
+        var z, M;
+        this.zone ? (this.handleRender(), (z = this.map) == null || z.on("click", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleClick)) : (this.handleClear(), (M = this.map) == null || M.off("click", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleClick));
       }
     }
   },
   methods: {
-    handleClick(b) {
+    handleClick(z) {
       var O;
-      const M = b.features[0], z = (O = this.zone) == null ? void 0 : O.features.filter((p) => {
+      const M = z.features[0], b = (O = this.zone) == null ? void 0 : O.features.filter((p) => {
         var o;
         return p.properties.id === ((o = M == null ? void 0 : M.properties) == null ? void 0 : o.id);
       })[0];
-      if (z) {
-        this.showZone = !0, this.form = { ...z.properties };
+      if (b) {
+        this.showZone = !0, this.form = { ...b.properties };
         const p = document.getElementById("idm-gl3-zone-info");
-        this.marker ? this.marker.setLngLat([b.lngLat.lng, b.lngLat.lat]) : this.marker = new C0.Marker(p).setLngLat([b.lngLat.lng, b.lngLat.lat]).setOffset([0, 0]).addTo(this.map);
+        this.marker ? this.marker.setLngLat([z.lngLat.lng, z.lngLat.lat]) : this.marker = new C0.Marker(p).setLngLat([z.lngLat.lng, z.lngLat.lat]).setOffset([0, 0]).addTo(this.map);
       }
     },
     handleRender() {
-      var b;
-      this.map ? (this.handleClear(), this.zone && (this.map.getSource(this.source) ? (b = this.map) == null || b.getSource(this.source).setData(this.zone) : (this.map.addSource(this.source, {
+      var z;
+      this.map ? (this.handleClear(), this.zone && (this.map.getSource(this.source) ? (z = this.map) == null || z.getSource(this.source).setData(this.zone) : (this.map.addSource(this.source, {
         type: "geojson",
         data: this.zone
       }), this.map.addLayer({
@@ -7536,7 +7536,7 @@ const Kb = {
     }
   }
 }, Jb = { id: "idm-gl3-zone-info" }, Yb = ["innerHTML"];
-function Vb(b, M, z, O, p, o) {
+function Vb(z, M, b, O, p, o) {
   var A;
   return X0((W(), l("div", Jb, [
     c("div", {
@@ -7580,40 +7580,40 @@ const $b = {
   },
   computed: {
     computeLat() {
-      return function(b) {
-        return o0.lat2pretty(b, 4).pretty;
+      return function(z) {
+        return o0.lat2pretty(z, 4).pretty;
       };
     },
     computeLng() {
-      return function(b) {
-        return o0.lng2pretty(b, 4).pretty;
+      return function(z) {
+        return o0.lng2pretty(z, 4).pretty;
       };
     }
   },
   watch: {
     port: {
       handler() {
-        var b, M;
-        this.port ? (this.handleRender(), (b = this.map) == null || b.on("click", [this.layer], this.handleClick)) : (this.handleClear(), (M = this.map) == null || M.off("click", [this.layer], this.handleClick));
+        var z, M;
+        this.port ? (this.handleRender(), (z = this.map) == null || z.on("click", [this.layer], this.handleClick)) : (this.handleClear(), (M = this.map) == null || M.off("click", [this.layer], this.handleClick));
       }
     }
   },
   methods: {
-    handleClick(b) {
+    handleClick(z) {
       var O;
-      const M = b.features[0], z = (O = this.port) == null ? void 0 : O.features.filter((p) => {
+      const M = z.features[0], b = (O = this.port) == null ? void 0 : O.features.filter((p) => {
         var o;
         return p.properties.id === ((o = M == null ? void 0 : M.properties) == null ? void 0 : o.id);
       })[0];
-      if (z) {
-        this.showPort = !0, this.form = { ...z.properties }, this.form.lng = z.geometry.coordinates[0], this.form.lat = z.geometry.coordinates[1];
+      if (b) {
+        this.showPort = !0, this.form = { ...b.properties }, this.form.lng = b.geometry.coordinates[0], this.form.lat = b.geometry.coordinates[1];
         const p = document.getElementById("port-info");
-        this.marker ? this.marker.setLngLat([b.lngLat.lng, b.lngLat.lat]) : this.marker = new C0.Marker(p).setLngLat([b.lngLat.lng, b.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
+        this.marker ? this.marker.setLngLat([z.lngLat.lng, z.lngLat.lat]) : this.marker = new C0.Marker(p).setLngLat([z.lngLat.lng, z.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
       }
     },
     handleRender() {
-      var b;
-      this.map ? this.port && (this.map.getSource(this.source) ? (b = this.map) == null || b.getSource(this.source).setData(this.port) : (this.map.addSource(this.source, {
+      var z;
+      this.map ? this.port && (this.map.getSource(this.source) ? (z = this.map) == null || z.getSource(this.source).setData(this.port) : (this.map.addSource(this.source, {
         type: "geojson",
         data: this.port
       }), this.map.addLayer({
@@ -7643,8 +7643,8 @@ const $b = {
     handleClear() {
       this.showPort = !1, this.map.getLayer(this.layer) && this.map.removeLayer(this.layer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     },
-    handleClickMeteo(b) {
-      b.forecastModel = this.forecastModel, this.$emit("meteoMore", b);
+    handleClickMeteo(z) {
+      z.forecastModel = this.forecastModel, this.$emit("meteoMore", z);
     }
   }
 }, Mz = {
@@ -7654,7 +7654,7 @@ const $b = {
   class: "flex-start",
   style: { "align-items": "flex-start" }
 }, cz = { class: "meteo-forecast flex-end" };
-function Az(b, M, z, O, p, o) {
+function Az(z, M, b, O, p, o) {
   return X0((W(), l("div", Mz, [
     c("div", {
       class: "close iconfont",
@@ -7757,7 +7757,7 @@ const ez = /* @__PURE__ */ Q($b, [["render", Az], ["__scopeId", "data-v-2fc5fc5e
     }
   }
 };
-function az(b, M, z, O, p, o) {
+function az(z, M, b, O, p, o) {
   return W(), l("div");
 }
 const qz = /* @__PURE__ */ Q(tz, [["render", az]]), iz = {
@@ -7925,7 +7925,7 @@ const qz = /* @__PURE__ */ Q(tz, [["render", az]]), iz = {
     }
   }
 };
-function rz(b, M, z, O, p, o) {
+function rz(z, M, b, O, p, o) {
   return W(), l("div");
 }
 const nz = /* @__PURE__ */ Q(iz, [["render", rz]]), dz = {
@@ -8016,7 +8016,7 @@ const nz = /* @__PURE__ */ Q(iz, [["render", rz]]), dz = {
     }
   }
 };
-function sz(b, M, z, O, p, o) {
+function sz(z, M, b, O, p, o) {
   return W(), l("div");
 }
 const Wz = /* @__PURE__ */ Q(dz, [["render", sz]]), lz = {
@@ -8048,8 +8048,8 @@ const Wz = /* @__PURE__ */ Q(dz, [["render", sz]]), lz = {
   },
   methods: {
     handleRender() {
-      this.map ? (this.handleClear(), this.area && (this.area.features.forEach((b) => {
-        b.geometry.type === "Polygon" && b.geometry.coordinates.forEach((M) => o0.convertToMonotonicLng2(M));
+      this.map ? (this.handleClear(), this.area && (this.area.features.forEach((z) => {
+        z.geometry.type === "Polygon" && z.geometry.coordinates.forEach((M) => o0.convertToMonotonicLng2(M));
       }), this.map.addSource(this.source, {
         type: "geojson",
         data: this.area
@@ -8109,7 +8109,7 @@ const Wz = /* @__PURE__ */ Q(dz, [["render", sz]]), lz = {
     }
   }
 };
-function fz(b, M, z, O, p, o) {
+function fz(z, M, b, O, p, o) {
   return W(), l("div");
 }
 const uz = /* @__PURE__ */ Q(lz, [["render", fz]]), Lz = {
@@ -8161,7 +8161,7 @@ const uz = /* @__PURE__ */ Q(lz, [["render", fz]]), Lz = {
     }
   }
 };
-function hz(b, M, z, O, p, o) {
+function hz(z, M, b, O, p, o) {
   return W(), l("div");
 }
 const Rz = /* @__PURE__ */ Q(Lz, [["render", hz]]);
@@ -8204,37 +8204,37 @@ const mz = {
     },
     map: {
       handler() {
-        var b;
-        this.map && ((b = this.map) == null || b.on("mousemove", this.handleMouseMove));
+        var z;
+        this.map && ((z = this.map) == null || z.on("mousemove", this.handleMouseMove));
       },
       immediate: !0
     },
     toggleVersion: {
       handler() {
-        var b, M;
-        this.right = (((b = document.getElementsByClassName("legend-bars")[0]) == null ? void 0 : b.clientWidth) || -10) + (((M = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : M.clientWidth) || 0) + 20;
+        var z, M;
+        this.right = (((z = document.getElementsByClassName("legend-bars")[0]) == null ? void 0 : z.clientWidth) || -10) + (((M = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : M.clientWidth) || 0) + 20;
       },
       immediate: !0
     }
   },
   methods: {
     handleBind() {
-      var b, M;
-      this.show ? ((b = this.map) == null || b.on("zoomend", this.handleZoomEnd), this.handleRender()) : (this.handleClear(), (M = this.map) == null || M.off("zoomend", this.handleZoomEnd));
+      var z, M;
+      this.show ? ((z = this.map) == null || z.on("zoomend", this.handleZoomEnd), this.handleRender()) : (this.handleClear(), (M = this.map) == null || M.off("zoomend", this.handleZoomEnd));
     },
-    handleMouseMove(b) {
-      const M = b.lngLat, z = o0.lng2pretty(M.lng, 2), O = o0.lat2pretty(M.lat, 2);
-      this.lngLat = { lng: z, lat: O };
+    handleMouseMove(z) {
+      const M = z.lngLat, b = o0.lng2pretty(M.lng, 2), O = o0.lat2pretty(M.lat, 2);
+      this.lngLat = { lng: b, lat: O };
     },
     handleComputeLatLngs() {
       var O;
-      const b = (O = this.map) == null ? void 0 : O.getZoom();
-      console.log(b);
+      const z = (O = this.map) == null ? void 0 : O.getZoom();
+      console.log(z);
       let M = 30;
-      b > 4 ? M = 10 : b > 3 && (M = 15);
-      const z = [];
+      z > 4 ? M = 10 : z > 3 && (M = 15);
+      const b = [];
       for (let p = -60; p < 90; p += M)
-        z.push({
+        b.push({
           type: "Feature",
           geometry: {
             type: "LineString",
@@ -8245,7 +8245,7 @@ const mz = {
           }
         });
       for (let p = -180; p < 180; p += M)
-        z.push({
+        b.push({
           type: "Feature",
           geometry: {
             type: "LineString",
@@ -8257,7 +8257,7 @@ const mz = {
         });
       for (let p = 180; p > -180; p -= M)
         for (let o = -60; o < 90; o += M)
-          z.push({
+          b.push({
             type: "Feature",
             geometry: {
               type: "Point",
@@ -8267,21 +8267,21 @@ const mz = {
               val: `${o > 0 ? o + " N" : o === 0 ? o : o * -1 + " S"}, ${p > 0 ? p + " E" : p * -1 + " W"}`
             }
           });
-      return z;
+      return b;
     },
     handleZoomEnd() {
       var M;
-      const b = this.handleComputeLatLngs();
-      (M = this.map) == null || M.getSource(this.source).setData(T.featureCollection(b));
+      const z = this.handleComputeLatLngs();
+      (M = this.map) == null || M.getSource(this.source).setData(T.featureCollection(z));
     },
     handleRender() {
       if (this.map) {
-        const b = this.handleComputeLatLngs();
+        const z = this.handleComputeLatLngs();
         this.map.addSource(this.source, {
           type: "geojson",
           data: {
             type: "FeatureCollection",
-            features: b
+            features: z
           }
         }), this.map.addLayer({
           id: this.layer,
@@ -8316,16 +8316,16 @@ const mz = {
       }
     },
     handleClear() {
-      var b, M, z, O, p, o;
-      (b = this.map) != null && b.getLayer(this.layer) && ((M = this.map) == null || M.removeLayer(this.layer)), (z = this.map) != null && z.getLayer(this.labelLayer) && ((O = this.map) == null || O.removeLayer(this.labelLayer)), (p = this.map) != null && p.getSource(this.source) && ((o = this.map) == null || o.removeSource(this.source));
+      var z, M, b, O, p, o;
+      (z = this.map) != null && z.getLayer(this.layer) && ((M = this.map) == null || M.removeLayer(this.layer)), (b = this.map) != null && b.getLayer(this.labelLayer) && ((O = this.map) == null || O.removeLayer(this.labelLayer)), (p = this.map) != null && p.getSource(this.source) && ((o = this.map) == null || o.removeSource(this.source));
     }
   }
 };
-function Bz(b, M, z, O, p, o) {
+function Bz(z, M, b, O, p, o) {
   return p.lngLat ? (W(), l("div", {
     key: 0,
     class: "lat-lng-tip",
-    style: A0({ right: p.right + "px", bottom: z.bottom })
+    style: e0({ right: p.right + "px", bottom: b.bottom })
   }, [
     c("span", null, y(p.lngLat.lat.pretty), 1),
     M[0] || (M[0] = c("span", null, ", ", -1)),
@@ -8361,11 +8361,11 @@ const q1 = /* @__PURE__ */ Q(mz, [["render", Bz], ["__scopeId", "data-v-ad66a24c
   watch: {
     show: {
       handler() {
-        var b, M, z;
+        var z, M, b;
         if (this.show)
           this.handleBind();
         else {
-          (b = this.map) == null || b.getCanvas().removeEventListener("keydown", this.handleKeydown), (M = this.map) == null || M.off("mousemove", this.handleMove), (z = this.map) == null || z.off("dblclick", this.handleDblClick), this.map && (this.map.getCanvas().style.cursor = "grab");
+          (z = this.map) == null || z.getCanvas().removeEventListener("keydown", this.handleKeydown), (M = this.map) == null || M.off("mousemove", this.handleMove), (b = this.map) == null || b.off("dblclick", this.handleDblClick), this.map && (this.map.getCanvas().style.cursor = "grab");
           let O = this.geojson.find((p) => !p.closed);
           O && this.handleClear(O, !0), this.geojson = this.geojson.filter((p) => !!p.closed), O = T.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(O);
         }
@@ -8380,32 +8380,32 @@ const q1 = /* @__PURE__ */ Q(mz, [["render", Bz], ["__scopeId", "data-v-ad66a24c
   },
   methods: {
     handleBind() {
-      var b, M, z, O, p;
-      (b = this.map) == null || b.getCanvas().addEventListener("keydown", this.handleKeydown), (M = this.map) == null || M.on("mousemove", this.handleMove), (z = this.map) == null || z.on("dblclick", this.handleDblClick), (O = this.map) == null || O.on("click", this.handleClick), (p = this.map) == null || p.on("contextmenu", this.handleContextmenu), this.map && (this.map.getCanvas().style.cursor = "crosshair");
+      var z, M, b, O, p;
+      (z = this.map) == null || z.getCanvas().addEventListener("keydown", this.handleKeydown), (M = this.map) == null || M.on("mousemove", this.handleMove), (b = this.map) == null || b.on("dblclick", this.handleDblClick), (O = this.map) == null || O.on("click", this.handleClick), (p = this.map) == null || p.on("contextmenu", this.handleContextmenu), this.map && (this.map.getCanvas().style.cursor = "crosshair");
     },
     handleUnbind() {
-      var b, M, z, O, p;
-      (b = this.map) == null || b.getCanvas().removeEventListener("keydown", this.handleKeydown), (M = this.map) == null || M.off("mousemove", this.handleMove), (z = this.map) == null || z.off("dblclick", this.handleDblClick), (O = this.map) == null || O.off("click", this.handleClick), (p = this.map) == null || p.off("contextmenu", this.handleContextmenu);
+      var z, M, b, O, p;
+      (z = this.map) == null || z.getCanvas().removeEventListener("keydown", this.handleKeydown), (M = this.map) == null || M.off("mousemove", this.handleMove), (b = this.map) == null || b.off("dblclick", this.handleDblClick), (O = this.map) == null || O.off("click", this.handleClick), (p = this.map) == null || p.off("contextmenu", this.handleContextmenu);
       for (const o of this.geojson)
         this.handleClear(o, !0);
       this.geojson = [], this.map && (this.map.getCanvas().style.cursor = "grab");
     },
-    handleKeydown(b) {
-      if (b.key === "Shift") {
+    handleKeydown(z) {
+      if (z.key === "Shift") {
         this.navigation = this.navigation === "RL" ? "GC" : "RL";
-        const M = this.geojson.at(-1), z = M.features.filter((O) => O.geometry.type === "Point");
-        z.length && (z.at(-1).properties.mode = this.navigation), this.handleRender(M);
+        const M = this.geojson.at(-1), b = M.features.filter((O) => O.geometry.type === "Point");
+        b.length && (b.at(-1).properties.mode = this.navigation), this.handleRender(M);
       }
     },
-    handleDrag(b) {
-      var z, O, p, o, A, a, q, i, e, r;
-      const M = (O = (z = b.target) == null ? void 0 : z._element) == null ? void 0 : O.id;
+    handleDrag(z) {
+      var b, O, p, o, A, a, q, i, e, r;
+      const M = (O = (b = z.target) == null ? void 0 : b._element) == null ? void 0 : O.id;
       if ((M == null ? void 0 : M.split("-").length) === 2) {
         const s = this.geojson.filter((d) => d.id === M.split("-")[0])[0];
         this.pointMarkers[s.id].filter((d) => {
           var h;
           return ((h = d._element) == null ? void 0 : h.id) === M;
-        })[0].setLngLat([(o = (p = b.target) == null ? void 0 : p._lngLat) == null ? void 0 : o.lng, (a = (A = b.target) == null ? void 0 : A._lngLat) == null ? void 0 : a.lat]);
+        })[0].setLngLat([(o = (p = z.target) == null ? void 0 : p._lngLat) == null ? void 0 : o.lng, (a = (A = z.target) == null ? void 0 : A._lngLat) == null ? void 0 : a.lat]);
         let m;
         s.features.forEach((d, h) => {
           if (d.geometry.type === "Point" && d.properties.id == M.split("-")[1]) {
@@ -8417,45 +8417,45 @@ const q1 = /* @__PURE__ */ Q(mz, [["render", Bz], ["__scopeId", "data-v-ad66a24c
         this.handleTmpPointUpdate(
           s,
           L[m - 1],
-          { lng: (i = (q = b.target) == null ? void 0 : q._lngLat) == null ? void 0 : i.lng, lat: (r = (e = b.target) == null ? void 0 : e._lngLat) == null ? void 0 : r.lat, properties: L[m].properties },
+          { lng: (i = (q = z.target) == null ? void 0 : q._lngLat) == null ? void 0 : i.lng, lat: (r = (e = z.target) == null ? void 0 : e._lngLat) == null ? void 0 : r.lat, properties: L[m].properties },
           m === L.length - 1 ? void 0 : L[m + 1]
         );
       }
     },
-    handleDragEnd(b) {
-      var z, O, p, o, A, a, q, i, e, r;
-      const M = (O = (z = b.target) == null ? void 0 : z._element) == null ? void 0 : O.id;
+    handleDragEnd(z) {
+      var b, O, p, o, A, a, q, i, e, r;
+      const M = (O = (b = z.target) == null ? void 0 : b._element) == null ? void 0 : O.id;
       if ((M == null ? void 0 : M.split("-").length) === 2) {
         const s = this.geojson.filter((L) => L.id === M.split("-")[0])[0];
         this.pointMarkers[s.id].filter((L) => {
           var d;
           return ((d = L._element) == null ? void 0 : d.id) === M;
-        })[0].setLngLat([(o = (p = b.target) == null ? void 0 : p._lngLat) == null ? void 0 : o.lng, (a = (A = b.target) == null ? void 0 : A._lngLat) == null ? void 0 : a.lat]);
+        })[0].setLngLat([(o = (p = z.target) == null ? void 0 : p._lngLat) == null ? void 0 : o.lng, (a = (A = z.target) == null ? void 0 : A._lngLat) == null ? void 0 : a.lat]);
         const m = s.features.filter((L) => L.geometry.type === "Point" && L.properties.id == M.split("-")[1])[0];
-        m.geometry.coordinates = [(i = (q = b.target) == null ? void 0 : q._lngLat) == null ? void 0 : i.lng, (r = (e = b.target) == null ? void 0 : e._lngLat) == null ? void 0 : r.lat], s.features = s.features.filter((L) => L.geometry.type === "Point"), this.handlePointUpdate(s);
+        m.geometry.coordinates = [(i = (q = z.target) == null ? void 0 : q._lngLat) == null ? void 0 : i.lng, (r = (e = z.target) == null ? void 0 : e._lngLat) == null ? void 0 : r.lat], s.features = s.features.filter((L) => L.geometry.type === "Point"), this.handlePointUpdate(s);
       }
     },
-    handleContextmenu(b) {
-      var z, O, p, o;
-      b.preventDefault(), (z = this.contextmenu) == null || z.remove();
-      const M = (o = (p = (O = b.originalEvent) == null ? void 0 : O.target) == null ? void 0 : p.parentElement) == null ? void 0 : o.id;
+    handleContextmenu(z) {
+      var b, O, p, o;
+      z.preventDefault(), (b = this.contextmenu) == null || b.remove();
+      const M = (o = (p = (O = z.originalEvent) == null ? void 0 : O.target) == null ? void 0 : p.parentElement) == null ? void 0 : o.id;
       if ((M == null ? void 0 : M.split("-").length) === 2) {
         const a = this.geojson.filter((q) => q.id === M.split("-")[0])[0].features.filter((q) => q.geometry.type === "Point");
         if (a.length > 2 && a.filter((i) => i.properties.id === (M == null ? void 0 : M.split("-")[1]))[0]) {
           const i = document.createElement("div");
-          i.className = "point-contextmenu-marker", i.innerHTML = `<span id="del-${M}" class="del-point">Del</span>`, this.contextmenu = new C0.Marker(i).setOffset([24, 0]).setLngLat([b.lngLat.lng, b.lngLat.lat]).addTo(this.map);
+          i.className = "point-contextmenu-marker", i.innerHTML = `<span id="del-${M}" class="del-point">Del</span>`, this.contextmenu = new C0.Marker(i).setOffset([24, 0]).setLngLat([z.lngLat.lng, z.lngLat.lat]).addTo(this.map);
         }
       }
     },
-    handleClick(b) {
-      var z, O, p, o, A, a;
-      (z = this.contextmenu) == null || z.remove();
-      const M = b.originalEvent.target.className;
+    handleClick(z) {
+      var b, O, p, o, A, a;
+      (b = this.contextmenu) == null || b.remove();
+      const M = z.originalEvent.target.className;
       if (M === "marker-close") {
-        const q = (p = (O = b.originalEvent) == null ? void 0 : O.srcElement) == null ? void 0 : p.id, i = this.geojson.filter((e) => e.id === q)[0];
+        const q = (p = (O = z.originalEvent) == null ? void 0 : O.srcElement) == null ? void 0 : p.id, i = this.geojson.filter((e) => e.id === q)[0];
         i && this.handleClear(i, !0), this.geojson = this.geojson.filter((e) => e.id !== q), !this.show && !((o = this.geojson) != null && o.some((e) => e.closed)) && this.handleUnbind();
       } else if (M === "del-point") {
-        const q = (a = (A = b.originalEvent.target.id) == null ? void 0 : A.replace("del-", "")) == null ? void 0 : a.split("-"), i = this.geojson.filter((e) => e.id === q[0])[0];
+        const q = (a = (A = z.originalEvent.target.id) == null ? void 0 : A.replace("del-", "")) == null ? void 0 : a.split("-"), i = this.geojson.filter((e) => e.id === q[0])[0];
         i.features = i.features.filter((e) => e.geometry.type === "Point" && e.properties.id !== q[1]), this.handlePointUpdate(i);
       } else if (M !== "marker-label" && this.show) {
         let q = this.geojson.at(-1);
@@ -8463,7 +8463,7 @@ const q1 = /* @__PURE__ */ Q(mz, [["render", Bz], ["__scopeId", "data-v-ad66a24c
         const i = T.feature(
           {
             type: "Point",
-            coordinates: [b.lngLat.lng, b.lngLat.lat]
+            coordinates: [z.lngLat.lng, z.lngLat.lat]
           },
           {
             id: (/* @__PURE__ */ new Date()).getTime().toString(),
@@ -8473,28 +8473,28 @@ const q1 = /* @__PURE__ */ Q(mz, [["render", Bz], ["__scopeId", "data-v-ad66a24c
         q.features.push(i), this.handlePointUpdate(q);
       }
     },
-    handlePointUpdate(b) {
-      const M = b.features;
+    handlePointUpdate(z) {
+      const M = z.features;
       if (M.length > 1) {
-        let z = 0;
+        let b = 0;
         const O = [];
         for (let p = 1; p < M.length; p++) {
           const o = M[p - 1], A = M[p], a = o.properties, q = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, i = { lng: A.geometry.coordinates[0], lat: A.geometry.coordinates[1] }, e = v0.calculateDistance(q, i, a.mode === "RL", 2), r = v0.calculateBearing(q, i, a.mode === "RL", 2);
-          z = o0.roundPrecision(z + e, 2);
+          b = o0.roundPrecision(b + e, 2);
           let s;
           a.mode === "RL" ? s = o0.convertToMonotonicLng([q, i]) : s = o0.convertToMonotonicLng(v0.interpolateCoordinates(q, i, 200));
           const n = T.lineString(s.map((m) => [m.lng, m.lat]));
-          n.properties.dist = e, n.properties.bearing = r, n.properties.total = z, O.push(n);
+          n.properties.dist = e, n.properties.bearing = r, n.properties.total = b, O.push(n);
         }
-        M.push(...O), b.total = z;
+        M.push(...O), z.total = b;
       }
-      return this.handleRender(b), b;
+      return this.handleRender(z), z;
     },
-    handleTmpPointUpdate(b, M, z, O) {
+    handleTmpPointUpdate(z, M, b, O) {
       const p = T.featureCollection([]);
       let o, A;
       if (M) {
-        const q = M.properties, i = { lng: M.geometry.coordinates[0], lat: M.geometry.coordinates[1] }, e = { lng: z.lng, lat: z.lat };
+        const q = M.properties, i = { lng: M.geometry.coordinates[0], lat: M.geometry.coordinates[1] }, e = { lng: b.lng, lat: b.lat };
         o = v0.calculateDistance(i, e, q.mode === "RL", 2), A = v0.calculateBearing(i, e, q.mode === "RL", 2);
         let r;
         q.mode === "RL" ? r = o0.convertToMonotonicLng([i, e]) : r = o0.convertToMonotonicLng(v0.interpolateCoordinates(i, e, 200));
@@ -8502,7 +8502,7 @@ const q1 = /* @__PURE__ */ Q(mz, [["render", Bz], ["__scopeId", "data-v-ad66a24c
         s.properties.dist = o, s.properties.bearing = A, p.features.push(s);
       }
       if (O) {
-        const q = z.properties, i = z, e = { lng: O.geometry.coordinates[0], lat: O.geometry.coordinates[1] };
+        const q = b.properties, i = b, e = { lng: O.geometry.coordinates[0], lat: O.geometry.coordinates[1] };
         o = v0.calculateDistance(i, e, q.mode === "RL", 2), A = v0.calculateBearing(i, e, q.mode === "RL", 2);
         let r;
         q.mode === "RL" ? r = o0.convertToMonotonicLng([i, e]) : r = o0.convertToMonotonicLng(v0.interpolateCoordinates(i, e, 200));
@@ -8547,36 +8547,36 @@ const q1 = /* @__PURE__ */ Q(mz, [["render", Bz], ["__scopeId", "data-v-ad66a24c
         }
       });
       let a;
-      if (O ? a = '<div class="marker-label">Drag and drop</div>' : a = `<div class="marker-label">Total distance: <b>${o0.roundPrecision((b.total ?? 0) + o, 2)}</b>nm, bearing: <b>${A}</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 = a, this.tipMarker.setLngLat([z.lng, z.lat]);
+      if (O ? a = '<div class="marker-label">Drag and drop</div>' : a = `<div class="marker-label">Total distance: <b>${o0.roundPrecision((z.total ?? 0) + o, 2)}</b>nm, bearing: <b>${A}</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 = a, this.tipMarker.setLngLat([b.lng, b.lat]);
       else {
         const q = document.createElement("div");
-        q.className = "tip-marker", q.innerHTML = a, this.tipMarker = new C0.Marker(q).setOffset([140, 0]).setLngLat([z.lng, z.lat]).addTo(this.map);
+        q.className = "tip-marker", q.innerHTML = a, this.tipMarker = new C0.Marker(q).setOffset([140, 0]).setLngLat([b.lng, b.lat]).addTo(this.map);
       }
     },
-    handleMove(b) {
+    handleMove(z) {
       this.map.getCanvas().style.cursor = "crosshair";
       let M = this.geojson.at(-1);
       M || (M = T.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(M));
-      const z = M.features.filter((O) => O.geometry.type === "Point");
-      z != null && z.length && this.handleTmpPointUpdate(M, z.at(-1), { lng: b.lngLat.lng, lat: b.lngLat.lat });
+      const b = M.features.filter((O) => O.geometry.type === "Point");
+      b != null && b.length && this.handleTmpPointUpdate(M, b.at(-1), { lng: z.lngLat.lng, lat: z.lngLat.lat });
     },
-    handleDblClick(b) {
-      b.preventDefault();
+    handleDblClick(z) {
+      z.preventDefault();
       let M = this.geojson.at(-1);
       M.closed = !0, this.handleRender(M), M = T.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(M);
     },
-    handleRender(b) {
+    handleRender(z) {
       var M;
-      if ((M = b == null ? void 0 : b.features) != null && M.length) {
-        const z = `${b.id}-${this.source}`, O = `${b.id}-${this.layer}`, p = `${b.id}-${this.labelLayer}`;
-        this.map.getSource(z) ? this.map.getSource(z).setData(b) : this.map.addSource(z, {
+      if ((M = z == null ? void 0 : z.features) != null && M.length) {
+        const b = `${z.id}-${this.source}`, O = `${z.id}-${this.layer}`, p = `${z.id}-${this.labelLayer}`;
+        this.map.getSource(b) ? this.map.getSource(b).setData(z) : this.map.addSource(b, {
           type: "geojson",
-          data: b
-        }), this.handleClear(b, !1), this.map.addLayer({
+          data: z
+        }), this.handleClear(z, !1), this.map.addLayer({
           id: O,
           type: "line",
-          source: z,
+          source: b,
           filter: ["==", "$type", "LineString"],
           layout: {
             "line-cap": "round",
@@ -8589,7 +8589,7 @@ const q1 = /* @__PURE__ */ Q(mz, [["render", Bz], ["__scopeId", "data-v-ad66a24c
         }), this.map.addLayer({
           id: p,
           type: "symbol",
-          source: z,
+          source: b,
           filter: ["==", "$type", "LineString"],
           layout: {
             "symbol-placement": "line-center",
@@ -8605,29 +8605,29 @@ const q1 = /* @__PURE__ */ Q(mz, [["render", Bz], ["__scopeId", "data-v-ad66a24c
             "text-halo-blur": 0
           }
         });
-        const o = b.features.filter((A) => A.geometry.type === "Point");
+        const o = z.features.filter((A) => A.geometry.type === "Point");
         for (const A of o) {
           const a = document.createElement("div");
-          a.id = `${b.id}-${A.properties.id}`, a.className = `${b.closed ? "point-marker closed" : "point-marker"}`, a.innerHTML = '<div class="marker-circle"></div>';
+          a.id = `${z.id}-${A.properties.id}`, a.className = `${z.closed ? "point-marker closed" : "point-marker"}`, a.innerHTML = '<div class="marker-circle"></div>';
           const q = new C0.Marker({ element: a, draggable: !0, contextmenu: !0 }).setLngLat(A.geometry.coordinates).addTo(this.map);
-          q.on("drag", this.handleDrag), q.on("dragend", this.handleDragEnd), this.pointMarkers[b.id] ? this.pointMarkers[b.id].push(q) : this.pointMarkers[b.id] = [q];
+          q.on("drag", this.handleDrag), q.on("dragend", this.handleDragEnd), this.pointMarkers[z.id] ? this.pointMarkers[z.id].push(q) : this.pointMarkers[z.id] = [q];
         }
-        if (b.closed) {
-          const A = o.at(-1), q = b.features.filter((e) => e.geometry.type === "LineString").at(-1), i = document.createElement("div");
-          i.className = "point-summary-marker", i.innerHTML = `<div id="${b.id}" class="marker-close">×</div><div class="marker-label">Tol: ${q.properties.total}nm</div>`, this.closeMarkers[b.id] = new C0.Marker(i).setOffset([60, 0]).setLngLat(A.geometry.coordinates).addTo(this.map);
+        if (z.closed) {
+          const A = o.at(-1), q = z.features.filter((e) => e.geometry.type === "LineString").at(-1), i = document.createElement("div");
+          i.className = "point-summary-marker", i.innerHTML = `<div id="${z.id}" class="marker-close">×</div><div class="marker-label">Tol: ${q.properties.total}nm</div>`, this.closeMarkers[z.id] = new C0.Marker(i).setOffset([60, 0]).setLngLat(A.geometry.coordinates).addTo(this.map);
         }
       }
     },
-    handleClear(b, M = !0) {
+    handleClear(z, M = !0) {
       var o, A, a, q, i, e, r, s, n;
-      const z = `${b.id}-${this.source}`, O = `${b.id}-${this.layer}`, p = `${b.id}-${this.labelLayer}`;
-      (o = this.map) != null && o.getLayer(O) && this.map.removeLayer(O), (A = this.map) != null && A.getLayer(p) && this.map.removeLayer(p), (a = this.map) != null && a.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (q = this.map) != null && q.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (i = this.closeMarkers[b.id]) == null || i.remove(), this.closeMarkers[b.id] = void 0, (e = this.pointMarkers[b.id]) == null || e.forEach((m) => {
+      const b = `${z.id}-${this.source}`, O = `${z.id}-${this.layer}`, p = `${z.id}-${this.labelLayer}`;
+      (o = this.map) != null && o.getLayer(O) && this.map.removeLayer(O), (A = this.map) != null && A.getLayer(p) && this.map.removeLayer(p), (a = this.map) != null && a.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (q = this.map) != null && q.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (i = this.closeMarkers[z.id]) == null || i.remove(), this.closeMarkers[z.id] = void 0, (e = this.pointMarkers[z.id]) == null || e.forEach((m) => {
         m == null || m.remove();
-      }), this.pointMarkers[b.id] = [], (r = this.tipMarker) == null || r.remove(), this.tipMarker = void 0, M && ((s = this.map) != null && s.getSource(z)) && this.map.removeSource(z), M && ((n = this.map) != null && n.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
+      }), this.pointMarkers[z.id] = [], (r = this.tipMarker) == null || r.remove(), this.tipMarker = void 0, M && ((s = this.map) != null && s.getSource(b)) && this.map.removeSource(b), M && ((n = this.map) != null && n.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
 };
-function Nz(b, M, z, O, p, o) {
+function Nz(z, M, b, O, p, o) {
   return W(), l("div");
 }
 const yz = /* @__PURE__ */ Q(gz, [["render", Nz]]);
@@ -8676,20 +8676,20 @@ const Xz = {
     },
     toggleVersion: {
       handler() {
-        var b;
-        this.right = (((b = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : b.clientWidth) || 0) + 10;
+        var z;
+        this.right = (((z = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : z.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
   },
   methods: {}
 }, wz = { key: 0 }, vz = { class: "bar-item" };
-function Cz(b, M, z, O, p, o) {
+function Cz(z, M, b, O, p, o) {
   const A = P("ElTooltip");
-  return z.enabled && z.permission & p.helper.LEVEL.Supper ? (W(), l("div", wz, [
+  return b.enabled && b.permission & p.helper.LEVEL.Supper ? (W(), l("div", wz, [
     c("div", {
       class: "menu-bar-box",
-      style: A0({ position: "absolute", right: p.right + "px", bottom: z.bottom })
+      style: e0({ position: "absolute", right: p.right + "px", bottom: b.bottom })
     }, [
       c("div", vz, [
         E(A, {
@@ -8774,18 +8774,18 @@ const Ez = {
   },
   methods: {
     handleRender() {
-      var b;
-      this.map ? (console.log(this.map.style._layers), (b = this.map) != null && b.getLayer(this.layer) && (this.map.setLayoutProperty(this.layer, "visibility", "visible"), this.map.setPaintProperty(this.layer, "line-color", "rgb(210,54,83)"), this.map.setPaintProperty(this.layer, "line-width", 2))) : setTimeout(() => {
+      var z;
+      this.map ? (console.log(this.map.style._layers), (z = this.map) != null && z.getLayer(this.layer) && (this.map.setLayoutProperty(this.layer, "visibility", "visible"), this.map.setPaintProperty(this.layer, "line-color", "rgb(210,54,83)"), this.map.setPaintProperty(this.layer, "line-width", 2))) : setTimeout(() => {
         this.handleRender();
       }, 500);
     },
     handleClear() {
-      var b;
-      (b = this.map) != null && b.getLayer(this.layer) && this.map.setLayoutProperty(this.layer, "visibility", "none");
+      var z;
+      (z = this.map) != null && z.getLayer(this.layer) && this.map.setLayoutProperty(this.layer, "visibility", "none");
     }
   }
 };
-function xz(b, M, z, O, p, o) {
+function xz(z, M, b, O, p, o) {
   return null;
 }
 const Iz = /* @__PURE__ */ Q(Ez, [["render", xz]]);
@@ -8869,10 +8869,9 @@ const Dz = {
       activeWindLayer: !1,
       showWindFeather: !1,
       showWindParticle: !1,
-      windParticeVersion: 0,
+      toggleParticeVersion: 0,
       showCurrentIsoband: !1,
       showCurrentParticle: !1,
-      currentParticeVersion: 0,
       enc: "",
       defaultMeteoToken: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg",
       helper: new s2()
@@ -8880,8 +8879,8 @@ const Dz = {
   },
   watch: {
     ts: {
-      handler(b, M) {
-        b && M && Y(b).utc().format("yyyy-MM-DD HH") !== Y(M).utc().format("yyyy-MM-DD HH") && this.$nextTick(() => {
+      handler(z, M) {
+        z && M && Y(z).utc().format("yyyy-MM-DD HH") !== Y(M).utc().format("yyyy-MM-DD HH") && this.$nextTick(() => {
           this.handleDateChange({ tropicals: !1 });
         });
       },
@@ -8894,17 +8893,17 @@ const Dz = {
       immediate: !0
     },
     enc: {
-      handler(b, M) {
-        var z, O, p, o, A, a, q, i;
-        b ? ((O = (z = this.map) == null ? void 0 : z.getLayer(b)) == null || O.setLayoutProperty("visibility", "visible"), (o = (p = this.map) == null ? void 0 : p.getLayer(M)) == null || o.setLayoutProperty("visibility", "none")) : ((a = (A = this.map) == null ? void 0 : A.getLayer("i4")) == null || a.setLayoutProperty("visibility", "none"), (i = (q = this.map) == null ? void 0 : q.getLayer("hi")) == null || i.setLayoutProperty("visibility", "none"));
+      handler(z, M) {
+        var b, O, p, o, A, a, q, i;
+        z ? ((O = (b = this.map) == null ? void 0 : b.getLayer(z)) == null || O.setLayoutProperty("visibility", "visible"), (o = (p = this.map) == null ? void 0 : p.getLayer(M)) == null || o.setLayoutProperty("visibility", "none")) : ((a = (A = this.map) == null ? void 0 : A.getLayer("i4")) == null || a.setLayoutProperty("visibility", "none"), (i = (q = this.map) == null ? void 0 : q.getLayer("hi")) == null || i.setLayoutProperty("visibility", "none"));
       }
     },
     activeWeatherLayers: {
       handler() {
-        var b, M, z, O, p, o, A, a, q, i, e, r, s, n, m, L, d, h;
+        var z, M, b, O, p, o, A, a, q, i, e, r, s, n, m, L, d, h;
         if (!this.map)
           return !1;
-        this.activeWeatherLayers.length > 0 ? ((M = (b = this.map) == null ? void 0 : b.getLayer(this.enc)) == null || M.setLayoutProperty("visibility", "none"), (O = (z = this.map) == null ? void 0 : z.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || O.setLayoutProperty("visibility", "visible"), (o = this.map) != null && o.getLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer) && ((A = this.map) != null && A.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((q = this.map) == null || q.moveLayer((a = this.viewport) == null ? void 0 : a.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (e = this.map) != null && e.getLayer((i = this.viewport) == null ? void 0 : i.particleLayer) && ((r = this.map) != null && r.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((n = this.map) == null || n.moveLayer((s = this.viewport) == null ? void 0 : s.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : ((L = (m = this.map) == null ? void 0 : m.getLayer(this.enc)) == null || L.setLayoutProperty("visibility", "visible"), (h = (d = this.map) == null ? void 0 : d.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || h.setLayoutProperty("visibility", "none")), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
+        this.activeWeatherLayers.length > 0 ? ((M = (z = this.map) == null ? void 0 : z.getLayer(this.enc)) == null || M.setLayoutProperty("visibility", "none"), (O = (b = this.map) == null ? void 0 : b.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || O.setLayoutProperty("visibility", "visible"), (o = this.map) != null && o.getLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer) && ((A = this.map) != null && A.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((q = this.map) == null || q.moveLayer((a = this.viewport) == null ? void 0 : a.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (e = this.map) != null && e.getLayer((i = this.viewport) == null ? void 0 : i.particleLayer) && ((r = this.map) != null && r.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((n = this.map) == null || n.moveLayer((s = this.viewport) == null ? void 0 : s.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : ((L = (m = this.map) == null ? void 0 : m.getLayer(this.enc)) == null || L.setLayoutProperty("visibility", "visible"), (h = (d = this.map) == null ? void 0 : d.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || h.setLayoutProperty("visibility", "none")), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
       },
       immediate: !0
     },
@@ -8955,10 +8954,10 @@ const Dz = {
     // },
   },
   methods: {
-    async fetchWeatherLayers(b = { tropicals: !1 }) {
+    async fetchWeatherLayers(z = { tropicals: !1 }) {
       var p, o, A, a, q, i, e, r;
       const M = (/* @__PURE__ */ new Date()).valueOf();
-      let z = 0, O = 0;
+      let b = 0, O = 0;
       if (this.map) {
         const s = ((p = this.map) == null ? void 0 : p.getZoom()) + 1, n = (o = this.map) == null ? void 0 : o.getBounds(), m = `${n._sw.lng},${n._sw.lat},${n._ne.lng},${n._ne.lat}`;
         if (this.particleFactor) {
@@ -8970,13 +8969,13 @@ const Dz = {
         }
         if (this.weatherWeight > 0) {
           let L = this.weatherWeight, d;
-          if (b.tropicals || this.weatherWeight & 256 && (d = this.weatherLayers.tropicals, d && (L -= 256, d.version = Math.random() + 1)), L > 0) {
+          if (z.tropicals || this.weatherWeight & 256 && (d = this.weatherLayers.tropicals, d && (L -= 256, d.version = Math.random() + 1)), L > 0) {
             const h = await N0.get(`${this.gateway}/api/arc/weather/layers/links?l=${L}&v=${this.source}&z=${s}&bbox=${m}&t=${this.ts}`, {
               headers: {
                 Authorization: this.token || this.defaultMeteoToken
               }
             });
-            if (O = (/* @__PURE__ */ new Date()).valueOf() - (M + z), console.log("weather links elapsed: ", O, ", total: ", z += O), ((A = h == null ? void 0 : h.data) == null ? void 0 : A.code) === 0) {
+            if (O = (/* @__PURE__ */ new Date()).valueOf() - (M + b), console.log("weather links elapsed: ", O, ", total: ", b += O), ((A = h == null ? void 0 : h.data) == null ? void 0 : A.code) === 0) {
               const R = (a = h == null ? void 0 : h.data) == null ? void 0 : a.data, w = [];
               for (const X in R)
                 X === "ice-edge" && (R[X] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), X !== "tropicals" && w.push(
@@ -9017,7 +9016,7 @@ const Dz = {
                 };
               });
             }
-            if (O = (/* @__PURE__ */ new Date()).valueOf() - (M + z), console.log("weather layers elapsed: ", O, ", total: ", z += O), this.weatherLayers["swell-direction"] || this.weatherLayers["swell-height"]) {
+            if (O = (/* @__PURE__ */ new Date()).valueOf() - (M + b), console.log("weather layers elapsed: ", O, ", total: ", b += O), this.weatherLayers["swell-direction"] || this.weatherLayers["swell-height"]) {
               const R = (q = this.weatherLayers["swell-direction"]) == null ? void 0 : q.raw, w = (i = this.weatherLayers["swell-height"]) == null ? void 0 : i.raw;
               delete this.weatherLayers["swell-direction"], delete this.weatherLayers["swell-height"], this.weatherLayers.swell = {
                 type: "json",
@@ -9042,21 +9041,21 @@ const Dz = {
       }
       this.$emit("toggleVersion", Math.random());
     },
-    async fetchOtherLayers(b = { all: !1, dayNight: !1, enc: !1, world12nm: !1 }) {
-      var M, z, O, p;
+    async fetchOtherLayers(z = { all: !1, dayNight: !1, enc: !1, world12nm: !1 }) {
+      var M, b, O, p;
       if (this.map) {
         let o = this.otherWeight;
         if (o) {
           let A = !1, a = !1;
           if (this.otherWeight & 2048 && (o = this.otherWeight - 2048, A = !0), this.otherWeight & 8192 && (o = o - 8192, a = !0), o) {
-            if (b.all) {
+            if (z.all) {
               const q = await N0.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
               });
               if (((M = q == null ? void 0 : q.data) == null ? void 0 : M.code) === 0) {
-                const i = (z = q == null ? void 0 : q.data) == null ? void 0 : z.data, e = [];
+                const i = (b = q == null ? void 0 : q.data) == null ? void 0 : b.data, e = [];
                 for (const s in i)
                   e.push(
                     N0.get(i[s], {
@@ -9073,7 +9072,7 @@ const Dz = {
                   this.otherLayers[m] = n;
                 });
               }
-            } else if (b.dayNight && o & 1024) {
+            } else if (z.dayNight && o & 1024) {
               const q = await N0.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
@@ -9105,8 +9104,8 @@ const Dz = {
       }
     },
     handleRampColorState() {
-      var b;
-      if (this.showRampColor = !1, this.showWindParticle = !1, this.showCurrentParticle = !1, (b = this.particleFactor) != null && b.particle)
+      var z;
+      if (this.showRampColor = !1, this.showWindParticle = !1, this.showCurrentParticle = !1, (z = this.particleFactor) != null && z.particle)
         this.showRampColor = !0, this.particleFactor.key === "wind" && (this.showWindParticle = !0), this.particleFactor.key === "current" && (this.showCurrentParticle = !0);
       else
         for (const M of this.activeWeatherLayers)
@@ -9114,10 +9113,10 @@ const Dz = {
       this.activeWindLayer = !!this.activeWeatherLayers.find((M) => M.key === "wind"), this.$refs.layer && (this.$refs.layer.activeWeatherLayers = this.activeWeatherLayers);
     },
     handleRampColorInitial() {
-      var b, M, z, O, p, o, A, a, q, i, e, r;
-      this.viewport.map.getSource((b = this.viewport) == null ? void 0 : b.rampColorSource) || this.viewport.map.addSource((M = this.viewport) == null ? void 0 : M.rampColorSource, {
+      var z, M, b, O, p, o, A, a, q, i, e, r;
+      this.viewport.map.getSource((z = this.viewport) == null ? void 0 : z.rampColorSource) || this.viewport.map.addSource((M = this.viewport) == null ? void 0 : M.rampColorSource, {
         type: "canvas",
-        canvas: (z = this.viewport) == null ? void 0 : z.rampColorCanvas,
+        canvas: (b = this.viewport) == null ? void 0 : b.rampColorCanvas,
         animate: !0,
         coordinates: this.viewport.getBoundLngLat()
       }), this.viewport.map.getLayer((O = this.viewport) == null ? void 0 : O.rampColorLayer) || this.viewport.map.addLayer(
@@ -9149,8 +9148,8 @@ const Dz = {
     },
     handleDragEndWithZoom4Json() {
       var i, e, r, s;
-      const b = (/* @__PURE__ */ new Date()).valueOf();
-      let M = 0, z = 0;
+      const z = (/* @__PURE__ */ new Date()).valueOf();
+      let M = 0, b = 0;
       const O = (i = this.map) == null ? void 0 : i.getBounds(), p = this.map.getZoom(), o = o0.convertToStdLng(O._sw.lng), A = o0.convertToStdLng(O._ne.lng), a = Math.floor(O._sw.lat), q = Math.ceil(O._ne.lat);
       for (const n in this.weatherLayers)
         if (this.weatherLayers[n].active && this.weatherLayers[n].type === "json") {
@@ -9181,7 +9180,7 @@ const Dz = {
                   }
                 });
               }
-            if (z = (/* @__PURE__ */ new Date()).valueOf() - (b + M), console.log("direction elapsed: ", z, ", total: ", M += z), n === "swell") {
+            if (b = (/* @__PURE__ */ new Date()).valueOf() - (z + M), console.log("direction elapsed: ", b, ", total: ", M += b), n === "swell") {
               const d = this.weatherLayers[n].height;
               if (d) {
                 if (!d.data) {
@@ -9201,7 +9200,7 @@ const Dz = {
                   const h = this.handleBboxClip(d.data, O);
                   m = m.concat(h);
                 }
-                z = (/* @__PURE__ */ new Date()).valueOf() - (b + M), console.log("height elapsed: ", z, ", total: ", M += z);
+                b = (/* @__PURE__ */ new Date()).valueOf() - (z + M), console.log("height elapsed: ", b, ", total: ", M += b);
               }
             }
             if (n === "current") {
@@ -9221,7 +9220,7 @@ const Dz = {
                   d.data = T.featureCollection(R);
                 }
                 const h = p < this.zoom ? d.data.features.filter((R) => R.properties.val > 0.5) : d.data.features;
-                m = m.concat(h), z = (/* @__PURE__ */ new Date()).valueOf() - (b + M), console.log("speed elapsed: ", z, ", total: ", M += z);
+                m = m.concat(h), b = (/* @__PURE__ */ new Date()).valueOf() - (z + M), console.log("speed elapsed: ", b, ", total: ", M += b);
               }
             }
           } else if (n === "wind") {
@@ -9247,7 +9246,7 @@ const Dz = {
                   }
                 });
               }
-            z = (/* @__PURE__ */ new Date()).valueOf() - (b + M), console.log("wind barb elapsed: ", z, ", total: ", M += z);
+            b = (/* @__PURE__ */ new Date()).valueOf() - (z + M), console.log("wind barb elapsed: ", b, ", total: ", M += b);
           } else if (n === "sig-wave-height") {
             if (this.weatherLayers[n].data)
               m = this.weatherLayers[n].data;
@@ -9276,7 +9275,7 @@ const Dz = {
                 m = m.concat(d);
               }
             }
-            z = (/* @__PURE__ */ new Date()).valueOf() - (b + M), console.log("sigWave elapsed: ", z, ", total: ", M += z);
+            b = (/* @__PURE__ */ new Date()).valueOf() - (z + M), console.log("sigWave elapsed: ", b, ", total: ", M += b);
           } else if (n === "prmsl") {
             if (this.weatherLayers[n].data)
               m = this.weatherLayers[n].data;
@@ -9305,7 +9304,7 @@ const Dz = {
                 m = m.concat(d);
               }
             }
-            z = (/* @__PURE__ */ new Date()).valueOf() - (b + M), console.log("prmsl elapsed: ", z, ", total: ", M += z);
+            b = (/* @__PURE__ */ new Date()).valueOf() - (z + M), console.log("prmsl elapsed: ", b, ", total: ", M += b);
           } else if (n === "arctic" || n === "iceberg") {
             if (this.weatherLayers[n].data)
               m = this.weatherLayers[n].data;
@@ -9325,90 +9324,90 @@ const Dz = {
                 m = m.concat(d);
               }
             }
-            z = (/* @__PURE__ */ new Date()).valueOf() - (b + M);
+            b = (/* @__PURE__ */ new Date()).valueOf() - (z + M);
           }
-          console.log(n, " elapsed: ", z, ", total: ", M += z), m.length && (this.weatherLayers[n].data = T.featureCollection(m)), this.weatherLayers[n].active = !0, this.weatherLayers[n].version = Math.random() + 1;
+          console.log(n, " elapsed: ", b, ", total: ", M += b), m.length && (this.weatherLayers[n].data = T.featureCollection(m)), this.weatherLayers[n].active = !0, this.weatherLayers[n].version = Math.random() + 1;
         }
     },
     handleDragEndWithZoom4Image() {
-      for (const b in this.weatherLayers)
-        this.weatherLayers[b].active && this.weatherLayers[b].type === "image" && (this.weatherLayers[b].active = !0, this.weatherLayers[b].version = Math.random() + 1);
+      for (const z in this.weatherLayers)
+        this.weatherLayers[z].active && this.weatherLayers[z].type === "image" && (this.weatherLayers[z].active = !0, this.weatherLayers[z].version = Math.random() + 1);
     },
-    handleBboxClip(b, M) {
-      const z = [], O = o0.convertToStdLng(M._sw.lng), p = o0.convertToStdLng(M._ne.lng);
-      return b.features.forEach((o) => {
+    handleBboxClip(z, M) {
+      const b = [], O = o0.convertToStdLng(M._sw.lng), p = o0.convertToStdLng(M._ne.lng);
+      return z.features.forEach((o) => {
         if (o.geometry.type !== "Point")
           if (O > p) {
             let A = [O, M._sw.lat, 180, M._ne.lat], a = T.bboxClip(o, A);
-            a.geometry.coordinates.length && z.push(a), A = [-180, M._sw.lat, p, M._ne.lat], a = T.bboxClip(o, A), a.geometry.coordinates.length && z.push(a);
+            a.geometry.coordinates.length && b.push(a), A = [-180, M._sw.lat, p, M._ne.lat], a = T.bboxClip(o, A), a.geometry.coordinates.length && b.push(a);
           } else {
             const A = [O, M._sw.lat, p, M._ne.lat], a = T.bboxClip(o, A);
-            a.geometry.coordinates.length && z.push(a);
+            a.geometry.coordinates.length && b.push(a);
           }
         else
-          z.push(o);
-      }), z;
+          b.push(o);
+      }), b;
     },
     handleWeatherLayerToggle() {
-      var b;
+      var z;
       for (const M in this.weatherLayers)
         this.weatherLayers[M].active = !1, this.weatherLayers[M].version = Math.random() + 1;
       for (const M of this.activeWeatherLayers) {
-        let z = M.key;
-        z.indexOf("swell") > -1 ? z = "swell" : z.indexOf("current") > -1 && (z = "current"), this.weatherLayers[z] && (this.weatherLayers[z].active = !0, this.weatherLayers[z].version = Math.random() + 1, ((b = this.particleFactor) == null ? void 0 : b.key) === z && this.weatherLayers[`${z}-particle`] && (this.weatherLayers[`${z}-particle`].active = this.particleFactor.particle));
+        let b = M.key;
+        b.indexOf("swell") > -1 ? b = "swell" : b.indexOf("current") > -1 && (b = "current"), this.weatherLayers[b] && (this.weatherLayers[b].active = !0, this.weatherLayers[b].version = Math.random() + 1, ((z = this.particleFactor) == null ? void 0 : z.key) === b && this.weatherLayers[`${b}-particle`] && (this.weatherLayers[`${b}-particle`].active = this.particleFactor.particle));
       }
       this.handleBeforeLayerToggle();
     },
     handleBeforeLayerToggle() {
-      var b, M, z, O, p, o, A, a, q, i, e, r, s, n;
-      (b = this.map) != null && b.getLayer(this.beforeLayer) && ((M = this.activeWeatherLayers) != null && M.length || (z = this.otherLayers) != null && z["war-zones"] || (O = this.otherLayers) != null && O["gmdss-areas"] || (p = this.otherLayers) != null && p["load-lines"] || (o = this.otherLayers) != null && o["high-risk-area"] || (A = this.otherLayers) != null && A["time-zones"] || (a = this.otherLayers) != null && a.pirates || (q = this.otherLayers) != null && q.ports || (i = this.otherLayers) != null && i.enc || (e = this.otherLayers) != null && e.world12nm || (r = this.otherLayers) != null && r["voluntary-reporting-area"] || (s = this.otherLayers) != null && s["eca-zones"] || (n = this.otherLayers) != null && n["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
+      var z, M, b, O, p, o, A, a, q, i, e, r, s, n;
+      (z = this.map) != null && z.getLayer(this.beforeLayer) && ((M = this.activeWeatherLayers) != null && M.length || (b = this.otherLayers) != null && b["war-zones"] || (O = this.otherLayers) != null && O["gmdss-areas"] || (p = this.otherLayers) != null && p["load-lines"] || (o = this.otherLayers) != null && o["high-risk-area"] || (A = this.otherLayers) != null && A["time-zones"] || (a = this.otherLayers) != null && a.pirates || (q = this.otherLayers) != null && q.ports || (i = this.otherLayers) != null && i.enc || (e = this.otherLayers) != null && e.world12nm || (r = this.otherLayers) != null && r["voluntary-reporting-area"] || (s = this.otherLayers) != null && s["eca-zones"] || (n = this.otherLayers) != null && n["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
     },
-    handleDateChange(b = { tropicals: !1 }) {
-      console.log(999, "handleDateChange"), this.fetchWeatherLayers(b), this.fetchOtherLayers({ dayNight: !0 });
+    handleDateChange(z = { tropicals: !1 }) {
+      console.log(999, "handleDateChange"), this.fetchWeatherLayers(z), this.fetchOtherLayers({ dayNight: !0 });
     },
-    handleWeatherLayerChange(b, M) {
+    handleWeatherLayerChange(z, M) {
       this.showWindParticle = !1, this.showCurrentParticle = !1, this.map ? setTimeout(() => {
-        this.activeWeatherLayers = JSON.parse(JSON.stringify(b));
-        const z = this.activeWeatherLayers.some(
+        this.activeWeatherLayers = JSON.parse(JSON.stringify(z));
+        const b = this.activeWeatherLayers.some(
           (o) => {
             var A;
             return ["wind", "current"].includes(o.key) && (!((A = Object.keys(o)) != null && A.some((a) => a === "particle")) || !!o.particle);
           }
         ), O = this.activeWeatherLayers.some((o) => ["png", "jpg"].includes(o.type));
-        z && !O ? (this.activeWeatherLayers.forEach((o) => {
+        b && !O ? (this.activeWeatherLayers.forEach((o) => {
           o.key === "wind" && o.particle && (this.particleFactor = o, this.showWindParticle = !0), o.key === "current" && o.particle && (this.particleFactor = o, this.showCurrentParticle = !0);
         }), this.particleFactor.particle = !0) : O && this.particleFactor && (this.particleFactor.particle = !1);
-        const p = b == null ? void 0 : b.reduce((o, A) => o + (o & (A == null ? void 0 : A.weight) ? 0 : A == null ? void 0 : A.weight), 0);
+        const p = z == null ? void 0 : z.reduce((o, A) => o + (o & (A == null ? void 0 : A.weight) ? 0 : A == null ? void 0 : A.weight), 0);
         this.weatherWeight !== p || this.source !== M ? (this.source = M, this.weatherWeight = p, console.log(999, "handleWeatherLayerChange"), this.fetchWeatherLayers({ tropicals: !1 })) : this.handleWeatherLayerToggle();
       }) : setTimeout(() => {
-        this.handleWeatherLayerChange(b, M);
+        this.handleWeatherLayerChange(z, M);
       }, 500);
     },
-    handleOtherLayerChange(b) {
+    handleOtherLayerChange(z) {
       if (!this.map)
         setTimeout(() => {
-          this.handleOtherLayerChange(b);
+          this.handleOtherLayerChange(z);
         }, 500);
       else {
-        const M = b == null ? void 0 : b.reduce((z, O) => z + (O == null ? void 0 : O.weight), 0);
-        b.find((z) => z.key === "enc") ? this.enc = "i4" : this.enc = "", this.otherWeight != M && (this.otherWeight = M, this.fetchOtherLayers({ all: !0 }));
+        const M = z == null ? void 0 : z.reduce((b, O) => b + (O == null ? void 0 : O.weight), 0);
+        z.find((b) => b.key === "enc") ? this.enc = "i4" : this.enc = "", this.otherWeight != M && (this.otherWeight = M, this.fetchOtherLayers({ all: !0 }));
       }
     },
-    handle3dToggle(b) {
-      var M, z, O, p, o, A, a, q, i, e, r, s, n, m, L, d, h, R, w, x;
-      b ? (this.map.setProjection("globe"), this.mapProjection = "globe", (z = this.map) != null && z.getLayer((M = this.viewport) == null ? void 0 : M.rampColorLayer) && ((O = this.map) != null && O.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((o = this.map) == null || o.moveLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer, this.helper.mapboxCustomer.layers.water.id)), (a = this.map) != null && a.getLayer((A = this.viewport) == null ? void 0 : A.particleLayer) && ((q = this.map) != null && q.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((e = this.map) == null || e.moveLayer((i = this.viewport) == null ? void 0 : i.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(), (s = this.map) != null && s.getLayer((r = this.viewport) == null ? void 0 : r.rampColorLayer) && ((n = this.map) != null && n.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((L = this.map) == null || L.moveLayer((m = this.viewport) == null ? void 0 : m.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (h = this.map) != null && h.getLayer((d = this.viewport) == null ? void 0 : d.particleLayer) && ((R = this.map) != null && R.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((x = this.map) == null || x.moveLayer((w = this.viewport) == null ? void 0 : w.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
+    handle3dToggle(z) {
+      var M, b, O, p, o, A, a, q, i, e, r, s, n, m, L, d, h, R, w, x;
+      z ? (this.map.setProjection("globe"), this.mapProjection = "globe", (b = this.map) != null && b.getLayer((M = this.viewport) == null ? void 0 : M.rampColorLayer) && ((O = this.map) != null && O.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((o = this.map) == null || o.moveLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer, this.helper.mapboxCustomer.layers.water.id)), (a = this.map) != null && a.getLayer((A = this.viewport) == null ? void 0 : A.particleLayer) && ((q = this.map) != null && q.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((e = this.map) == null || e.moveLayer((i = this.viewport) == null ? void 0 : i.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(), (s = this.map) != null && s.getLayer((r = this.viewport) == null ? void 0 : r.rampColorLayer) && ((n = this.map) != null && n.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((L = this.map) == null || L.moveLayer((m = this.viewport) == null ? void 0 : m.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (h = this.map) != null && h.getLayer((d = this.viewport) == null ? void 0 : d.particleLayer) && ((R = this.map) != null && R.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((x = this.map) == null || x.moveLayer((w = this.viewport) == null ? void 0 : w.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
     },
-    handleParticle(b) {
-      this.particleFactor = b, this.weatherLayers[b.key] && (this.weatherLayers[b.key].particle = b.particle), this.activeWeatherLayers.map((O) => {
+    handleParticle(z) {
+      this.particleFactor = z, this.weatherLayers[z.key] && (this.weatherLayers[z.key].particle = z.particle), this.activeWeatherLayers.map((O) => {
         var p;
-        return O.key === b.key ? O.particle = b.particle : (p = Object.keys(O)) != null && p.some((o) => o === "particle") && (O.particle = !1), O;
+        return O.key === z.key ? O.particle = z.particle : (p = Object.keys(O)) != null && p.some((o) => o === "particle") && (O.particle = !1), O;
       });
       let M = localStorage.getItem("activeWeatherLayersCache");
-      const z = JSON.parse(M) || [];
-      z == null || z.forEach((O) => {
+      const b = JSON.parse(M) || [];
+      b == null || b.forEach((O) => {
         var p;
-        O.key === b.key ? O.particle = b.particle : (p = Object.keys(O)) != null && p.some((o) => o === "particle") && (O.particle = !1);
-      }), localStorage.setItem("activeWeatherLayersCache", JSON.stringify(z)), console.log(999, "handleParticle"), this.fetchWeatherLayers({ tropicals: !1 });
+        O.key === z.key ? O.particle = z.particle : (p = Object.keys(O)) != null && p.some((o) => o === "particle") && (O.particle = !1);
+      }), localStorage.setItem("activeWeatherLayersCache", JSON.stringify(b)), console.log(999, "handleParticle"), this.fetchWeatherLayers({ tropicals: !1 });
     },
     handleToggleVersion() {
       this.$emit("toggleVersion", Math.random());
@@ -9419,229 +9418,228 @@ const Dz = {
   ref: "mapGlHome",
   className: "map-gl-home"
 };
-function Sz(b, M, z, O, p, o) {
-  var r0, d0, B0, s0, S, b0, e0, I, M0, W0, N, y0, g0, t, f, u, B, C, D, K, k, j, E0, x0, I0, D0, P0;
+function Sz(z, M, b, O, p, o) {
+  var r0, d0, B0, s0, S, b0, t0, I, M0, W0, N, y0, g0, t, f, u, B, C, D, K, k, j, E0, x0, I0, D0, P0;
   const A = P("IdmGlLayer"), a = P("IdmENC"), q = P("IdmWorld12nm"), i = P("IdmSigWave"), e = P("IdmSwell"), r = P("IdmPrmsl"), s = P("IdmIceberg"), n = P("IdmTropicals"), m = P("IdmCurrents"), L = P("IdmCurrentParticle"), d = P("IdmWindBarb"), h = P("IdmWindParticle"), R = P("IdmPrecip3h"), w = P("IdmVisibility"), x = P("IdmWaterTemp"), X = P("IdmTemp"), _ = P("IdmArctic"), V = P("IdmWarZone"), $ = P("IdmGmdssArea"), z0 = P("IdmEcaZone"), p0 = P("IdmAlertZone"), q0 = P("IdmPort"), L0 = P("IdmLoadLine"), h0 = P("IdmTimezone"), i0 = P("IdmVRA"), l0 = P("IdmSpecialArea"), O0 = P("IdmTerminator"), R0 = P("IdmLatLng"), m0 = P("IdmMeasure"), f0 = P("IdmPoint");
-  return z.map ? (W(), l("div", Pz, [
+  return b.map ? (W(), l("div", Pz, [
     E(A, H({
       ref: "layer",
-      map: z.map,
-      "toggle-version": z.toggleVersion,
+      map: b.map,
+      "toggle-version": b.toggleVersion,
       "map-projection": p.mapProjection,
       showWindFeather: p.showWindFeather,
       showWindParticle: p.showWindParticle,
       showCurrentIsoband: p.showCurrentIsoband,
       showCurrentParticle: p.showCurrentParticle,
-      token: z.token,
+      token: b.token,
       gateway: p.gateway
-    }, b.$attrs, {
-      forecastModel: z.forecastModel,
+    }, z.$attrs, {
+      forecastModel: b.forecastModel,
       onWeather: o.handleWeatherLayerChange,
       onOther: o.handleOtherLayerChange,
-      onToggleWindParticle: M[0] || (M[0] = (t0) => {
-        p.showWindParticle = t0, p.windParticeVersion = Math.random();
-      }),
-      onToggleWindFeather: M[1] || (M[1] = (t0) => p.showWindFeather = t0),
-      onToggleCurrentParticle: M[2] || (M[2] = (t0) => {
-        p.showCurrentParticle = t0, p.currentParticeVersion = Math.random();
+      onToggleWindParticle: M[0] || (M[0] = (A0) => {
+        p.showWindParticle = A0;
       }),
-      onToggleCurrentIsoband: M[3] || (M[3] = (t0) => p.showCurrentIsoband = t0),
-      onCoordinate: M[4] || (M[4] = (t0) => p.showCoord = t0),
-      onMeasure: M[5] || (M[5] = (t0) => p.showMeasure = t0),
-      onPoint: M[6] || (M[6] = (t0) => p.showPoint = t0),
+      onToggleWindFeather: M[1] || (M[1] = (A0) => p.showWindFeather = A0),
+      onToggleCurrentParticle: M[2] || (M[2] = (A0) => p.showCurrentParticle = A0),
+      onToggleCurrentIsoband: M[3] || (M[3] = (A0) => p.showCurrentIsoband = A0),
+      onToggleParticeVersion: M[4] || (M[4] = (A0) => p.toggleParticeVersion = Math.random()),
+      onCoordinate: M[5] || (M[5] = (A0) => p.showCoord = A0),
+      onMeasure: M[6] || (M[6] = (A0) => p.showMeasure = A0),
+      onPoint: M[7] || (M[7] = (A0) => p.showPoint = A0),
       on3d: o.handle3dToggle,
       onHandleToggleVersion: o.handleToggleVersion
     }), null, 16, ["map", "toggle-version", "map-projection", "showWindFeather", "showWindParticle", "showCurrentIsoband", "showCurrentParticle", "token", "gateway", "forecastModel", "onWeather", "onOther", "on3d", "onHandleToggleVersion"]),
     E(a, H({
-      map: z.map,
-      token: z.token,
+      map: b.map,
+      token: b.token,
       enabled: (r0 = p.otherLayers) == null ? void 0 : r0.enc,
-      "toggle-version": z.toggleVersion
-    }, b.$attrs, {
-      onEnc: M[7] || (M[7] = (t0) => p.enc = t0)
+      "toggle-version": b.toggleVersion
+    }, z.$attrs, {
+      onEnc: M[8] || (M[8] = (A0) => p.enc = A0)
     }), null, 16, ["map", "token", "enabled", "toggle-version"]),
     E(q, H({
-      map: z.map,
-      token: z.token,
+      map: b.map,
+      token: b.token,
       "weather-layers": p.weatherLayers,
       enabled: (d0 = p.otherLayers) == null ? void 0 : d0.world12nm
-    }, b.$attrs), null, 16, ["map", "token", "weather-layers", "enabled"]),
+    }, z.$attrs), null, 16, ["map", "token", "weather-layers", "enabled"]),
     E(i, H({
-      map: z.map,
+      map: b.map,
       "sig-wave": (B0 = p.weatherLayers) == null ? void 0 : B0["sig-wave-height"],
-      "before-layer": z.beforeLayer,
+      "before-layer": b.beforeLayer,
       activeWeatherLayers: p.activeWeatherLayers
-    }, b.$attrs), null, 16, ["map", "sig-wave", "before-layer", "activeWeatherLayers"]),
+    }, z.$attrs), null, 16, ["map", "sig-wave", "before-layer", "activeWeatherLayers"]),
     E(e, H({
-      map: z.map,
+      map: b.map,
       swell: (s0 = p.weatherLayers) == null ? void 0 : s0.swell,
-      "before-layer": z.beforeLayer,
+      "before-layer": b.beforeLayer,
       activeWeatherLayers: p.activeWeatherLayers
-    }, b.$attrs), null, 16, ["map", "swell", "before-layer", "activeWeatherLayers"]),
+    }, z.$attrs), null, 16, ["map", "swell", "before-layer", "activeWeatherLayers"]),
     E(r, H({
-      map: z.map,
+      map: b.map,
       prmsl: (S = p.weatherLayers) == null ? void 0 : S.prmsl,
-      "before-layer": z.beforeLayer,
+      "before-layer": b.beforeLayer,
       "active-weather-layers": p.activeWeatherLayers
-    }, b.$attrs), null, 16, ["map", "prmsl", "before-layer", "active-weather-layers"]),
+    }, z.$attrs), null, 16, ["map", "prmsl", "before-layer", "active-weather-layers"]),
     E(s, H({
-      map: z.map,
+      map: b.map,
       iceberg: (b0 = p.weatherLayers) == null ? void 0 : b0.iceberg,
-      "before-layer": z.beforeLayer
-    }, b.$attrs), null, 16, ["map", "iceberg", "before-layer"]),
+      "before-layer": b.beforeLayer
+    }, z.$attrs), null, 16, ["map", "iceberg", "before-layer"]),
     E(n, H({
-      map: z.map,
-      date: z.ts,
-      tropicals: (e0 = p.weatherLayers) == null ? void 0 : e0.tropicals,
-      "before-layer": z.beforeLayer
-    }, b.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
+      map: b.map,
+      date: b.ts,
+      tropicals: (t0 = p.weatherLayers) == null ? void 0 : t0.tropicals,
+      "before-layer": b.beforeLayer
+    }, z.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
     E(m, H({
-      map: z.map,
+      map: b.map,
       "map-projection": p.mapProjection,
       current: (I = p.weatherLayers) == null ? void 0 : I.current,
-      "before-layer": z.beforeLayer,
+      "before-layer": b.beforeLayer,
       showCurrentIsoband: p.showCurrentIsoband,
       showCurrentParticle: p.showCurrentParticle,
-      currentParticeVersion: p.currentParticeVersion,
+      toggleParticeVersion: p.toggleParticeVersion,
       "margin-bottom": p.activeWindLayer ? p.showRampColor ? "84px" : "56px" : p.showRampColor ? "56px" : "30px",
-      "toggle-version": z.toggleVersion,
+      "toggle-version": b.toggleVersion,
       "weather-layers": p.weatherLayers
-    }, b.$attrs, {
+    }, z.$attrs, {
       onParticle: o.handleParticle,
       onHandleToggleVersion: o.handleToggleVersion
-    }), null, 16, ["map", "map-projection", "current", "before-layer", "showCurrentIsoband", "showCurrentParticle", "currentParticeVersion", "margin-bottom", "toggle-version", "weather-layers", "onParticle", "onHandleToggleVersion"]),
+    }), null, 16, ["map", "map-projection", "current", "before-layer", "showCurrentIsoband", "showCurrentParticle", "toggleParticeVersion", "margin-bottom", "toggle-version", "weather-layers", "onParticle", "onHandleToggleVersion"]),
     E(L, H({
       viewport: p.viewport,
       factor: (M0 = p.weatherLayers) == null ? void 0 : M0["current-particle"],
-      "before-layer": z.beforeLayer,
-      "toggle-version": z.toggleVersion
-    }, b.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
+      "before-layer": b.beforeLayer,
+      "toggle-version": b.toggleVersion
+    }, z.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     E(d, H({
       ref: "windBarb",
-      map: z.map,
+      map: b.map,
       "map-projection": p.mapProjection,
       wind: (W0 = p.weatherLayers) == null ? void 0 : W0.wind,
       current: (N = p.weatherLayers) == null ? void 0 : N.current,
-      "before-layer": z.beforeLayer,
+      "before-layer": b.beforeLayer,
       "margin-bottom": p.showRampColor ? "56px" : "30px",
       showWindFeather: p.showWindFeather,
       showWindParticle: p.showWindParticle,
-      windParticeVersion: p.windParticeVersion
-    }, b.$attrs, {
-      "toggle-version": z.toggleVersion,
+      toggleParticeVersion: p.toggleParticeVersion
+    }, z.$attrs, {
+      "toggle-version": b.toggleVersion,
       "weather-layers": p.weatherLayers,
       onParticle: o.handleParticle
-    }), null, 16, ["map", "map-projection", "wind", "current", "before-layer", "margin-bottom", "showWindFeather", "showWindParticle", "windParticeVersion", "toggle-version", "weather-layers", "onParticle"]),
+    }), null, 16, ["map", "map-projection", "wind", "current", "before-layer", "margin-bottom", "showWindFeather", "showWindParticle", "toggleParticeVersion", "toggle-version", "weather-layers", "onParticle"]),
     E(h, H({
       viewport: p.viewport,
       factor: (y0 = p.weatherLayers) == null ? void 0 : y0["wind-particle"],
-      "before-layer": z.beforeLayer,
-      "toggle-version": z.toggleVersion
-    }, b.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
+      "before-layer": b.beforeLayer,
+      "toggle-version": b.toggleVersion
+    }, z.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     E(R, H({
       viewport: p.viewport,
       factor: (g0 = p.weatherLayers) == null ? void 0 : g0.precip3h,
-      "before-layer": z.beforeLayer,
-      "toggle-version": z.toggleVersion
-    }, b.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
+      "before-layer": b.beforeLayer,
+      "toggle-version": b.toggleVersion
+    }, z.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     E(w, H({
       viewport: p.viewport,
       factor: (t = p.weatherLayers) == null ? void 0 : t.visibility,
-      "before-layer": z.beforeLayer,
-      "toggle-version": z.toggleVersion
-    }, b.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
+      "before-layer": b.beforeLayer,
+      "toggle-version": b.toggleVersion
+    }, z.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     E(x, H({
       viewport: p.viewport,
       factor: (f = p.weatherLayers) == null ? void 0 : f["water-temp"],
-      "before-layer": z.beforeLayer,
-      "toggle-version": z.toggleVersion
-    }, b.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
+      "before-layer": b.beforeLayer,
+      "toggle-version": b.toggleVersion
+    }, z.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     E(X, H({
       viewport: p.viewport,
       factor: (u = p.weatherLayers) == null ? void 0 : u.temp,
-      "before-layer": z.beforeLayer,
-      "toggle-version": z.toggleVersion
-    }, b.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
+      "before-layer": b.beforeLayer,
+      "toggle-version": b.toggleVersion
+    }, z.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     E(_, H({
       viewport: p.viewport,
       factor: (B = p.weatherLayers) == null ? void 0 : B.arctic,
-      "before-layer": z.beforeLayer,
-      "toggle-version": z.toggleVersion
-    }, b.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
+      "before-layer": b.beforeLayer,
+      "toggle-version": b.toggleVersion
+    }, z.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     E(V, H({
-      map: z.map,
+      map: b.map,
       zone: (C = p.otherLayers) == null ? void 0 : C["war-zones"],
-      "before-layer": z.beforeLayer
-    }, b.$attrs), null, 16, ["map", "zone", "before-layer"]),
+      "before-layer": b.beforeLayer
+    }, z.$attrs), null, 16, ["map", "zone", "before-layer"]),
     E($, H({
-      map: z.map,
+      map: b.map,
       area: (D = p.otherLayers) == null ? void 0 : D["gmdss-areas"],
-      "before-layer": z.beforeLayer
-    }, b.$attrs), null, 16, ["map", "area", "before-layer"]),
+      "before-layer": b.beforeLayer
+    }, z.$attrs), null, 16, ["map", "area", "before-layer"]),
     E(z0, H({
-      map: z.map,
+      map: b.map,
       zone: (K = p.otherLayers) == null ? void 0 : K["eca-zones"],
-      "before-layer": z.beforeLayer
-    }, b.$attrs), null, 16, ["map", "zone", "before-layer"]),
+      "before-layer": b.beforeLayer
+    }, z.$attrs), null, 16, ["map", "zone", "before-layer"]),
     E(p0, H({
-      map: z.map,
+      map: b.map,
       zone: (k = p.otherLayers) == null ? void 0 : k["alert-zones"],
-      "before-layer": z.beforeLayer
-    }, b.$attrs), null, 16, ["map", "zone", "before-layer"]),
+      "before-layer": b.beforeLayer
+    }, z.$attrs), null, 16, ["map", "zone", "before-layer"]),
     E(q0, H({
-      map: z.map,
+      map: b.map,
       port: (j = p.otherLayers) == null ? void 0 : j.ports,
-      "before-layer": z.beforeLayer,
-      forecastModel: z.forecastModel
-    }, b.$attrs), null, 16, ["map", "port", "before-layer", "forecastModel"]),
+      "before-layer": b.beforeLayer,
+      forecastModel: b.forecastModel
+    }, z.$attrs), null, 16, ["map", "port", "before-layer", "forecastModel"]),
     E(L0, H({
-      map: z.map,
+      map: b.map,
       line: (E0 = p.otherLayers) == null ? void 0 : E0["load-lines"],
-      "before-layer": z.beforeLayer
-    }, b.$attrs), null, 16, ["map", "line", "before-layer"]),
+      "before-layer": b.beforeLayer
+    }, z.$attrs), null, 16, ["map", "line", "before-layer"]),
     E(h0, H({
-      map: z.map,
+      map: b.map,
       zone: (x0 = p.otherLayers) == null ? void 0 : x0["time-zones"],
-      "before-layer": z.beforeLayer
-    }, b.$attrs), null, 16, ["map", "zone", "before-layer"]),
+      "before-layer": b.beforeLayer
+    }, z.$attrs), null, 16, ["map", "zone", "before-layer"]),
     E(i0, H({
-      map: z.map,
+      map: b.map,
       area: (I0 = p.otherLayers) == null ? void 0 : I0["voluntary-reporting-area"],
-      "before-layer": z.beforeLayer
-    }, b.$attrs), null, 16, ["map", "area", "before-layer"]),
+      "before-layer": b.beforeLayer
+    }, z.$attrs), null, 16, ["map", "area", "before-layer"]),
     E(l0, H({
-      map: z.map,
+      map: b.map,
       area: (D0 = p.otherLayers) == null ? void 0 : D0["special-area"],
-      "before-layer": z.beforeLayer
-    }, b.$attrs), null, 16, ["map", "area", "before-layer"]),
+      "before-layer": b.beforeLayer
+    }, z.$attrs), null, 16, ["map", "area", "before-layer"]),
     E(O0, H({
-      map: z.map,
+      map: b.map,
       area: (P0 = p.otherLayers) == null ? void 0 : P0["day-night"]
-    }, b.$attrs), null, 16, ["map", "area"]),
+    }, z.$attrs), null, 16, ["map", "area"]),
     E(R0, H({
-      map: z.map,
+      map: b.map,
       show: p.showCoord,
-      "toggle-version": z.toggleVersion
-    }, b.$attrs), null, 16, ["map", "show", "toggle-version"]),
+      "toggle-version": b.toggleVersion
+    }, z.$attrs), null, 16, ["map", "show", "toggle-version"]),
     E(m0, H({
-      map: z.map,
+      map: b.map,
       show: p.showMeasure
-    }, b.$attrs), null, 16, ["map", "show"]),
+    }, z.$attrs), null, 16, ["map", "show"]),
     E(f0, H({
       ref: "idmPoint",
-      map: z.map,
+      map: b.map,
       show: p.showPoint,
       meteo: p.meteo,
-      ts: z.ts,
-      token: z.token,
+      ts: b.ts,
+      token: b.token,
       gateway: p.gateway,
-      forecastModel: z.forecastModel
-    }, b.$attrs), null, 16, ["map", "show", "meteo", "ts", "token", "gateway", "forecastModel"])
+      forecastModel: b.forecastModel
+    }, z.$attrs), null, 16, ["map", "show", "meteo", "ts", "token", "gateway", "forecastModel"])
   ], 512)) : U("", !0);
 }
 const kz = /* @__PURE__ */ Q(Dz, [["render", Sz]]), Yz = {
-  install(b) {
-    b.component("MapboxGL", kz), b.component("TropicalGL", a1), b.component("LatLngGL", q1);
+  install(z) {
+    z.component("MapboxGL", kz), z.component("TropicalGL", a1), z.component("LatLngGL", q1);
   }
 };
 export {