@idmwx/idmui-gl3 5.2.0 → 5.2.2

package/dist/index.js

@@ -25,38 +25,38 @@ var F0 = { exports: {} }, G0 = { exports: {} };
     b.exports ? b.exports = z(K) : z(M.moment);
   })(b1, function(M) {
     M.version === void 0 && M.default && (M = M.default);
-    var z = "0.5.47", O = {}, p = {}, o = {}, A = {}, a = {}, q;
+    var z = "0.5.47", O = {}, p = {}, o = {}, A = {}, q = {}, a;
     (!M || typeof M.version != "string") && e0("Moment Timezone requires Moment.js. See https://momentjs.com/timezone/docs/#/use-it/browser/");
-    var r = M.version.split("."), t = +r[0], n = +r[1];
-    (t < 2 || t === 2 && n < 6) && e0("Moment Timezone requires Moment.js >= 2.6.0. You are using Moment.js " + M.version + ". See momentjs.com");
-    function l(e) {
-      return e > 96 ? e - 87 : e > 64 ? e - 29 : e - 48;
-    }
-    function d(e) {
-      var i = 0, L = e.split("."), N = L[0], w = L[1] || "", D = 1, Z, S = 0, G = 1;
-      for (e.charCodeAt(0) === 45 && (i = 1, G = -1), i; i < N.length; i++)
+    var r = M.version.split("."), e = +r[0], n = +r[1];
+    (e < 2 || e === 2 && n < 6) && e0("Moment Timezone requires Moment.js >= 2.6.0. You are using Moment.js " + M.version + ". See momentjs.com");
+    function l(t) {
+      return t > 96 ? t - 87 : t > 64 ? t - 29 : t - 48;
+    }
+    function d(t) {
+      var i = 0, L = t.split("."), N = L[0], w = L[1] || "", D = 1, Z, S = 0, G = 1;
+      for (t.charCodeAt(0) === 45 && (i = 1, G = -1), i; i < N.length; i++)
         Z = l(N.charCodeAt(i)), S = 60 * S + Z;
       for (i = 0; i < w.length; i++)
         D = D / 60, Z = l(w.charCodeAt(i)), S += Z * D;
       return S * G;
     }
-    function B(e) {
-      for (var i = 0; i < e.length; i++)
-        e[i] = d(e[i]);
+    function B(t) {
+      for (var i = 0; i < t.length; i++)
+        t[i] = d(t[i]);
     }
-    function R(e, i) {
+    function R(t, i) {
       for (var L = 0; L < i; L++)
-        e[L] = Math.round((e[L - 1] || 0) + e[L] * 6e4);
-      e[i - 1] = 1 / 0;
+        t[L] = Math.round((t[L - 1] || 0) + t[L] * 6e4);
+      t[i - 1] = 1 / 0;
     }
-    function f(e, i) {
+    function f(t, i) {
       var L = [], N;
       for (N = 0; N < i.length; N++)
-        L[N] = e[i[N]];
+        L[N] = t[i[N]];
       return L;
     }
-    function h(e) {
-      var i = e.split("|"), L = i[2].split(" "), N = i[3].split(""), w = i[4].split(" ");
+    function h(t) {
+      var i = t.split("|"), L = i[2].split(" "), N = i[3].split(""), w = i[4].split(" ");
       return B(L), B(N), B(w), R(w, N.length), {
         name: i[0],
         abbrs: f(i[1].split(" "), N),
@@ -65,92 +65,92 @@ var F0 = { exports: {} }, G0 = { exports: {} };
         population: i[5] | 0
       };
     }
-    function m(e) {
-      e && this._set(h(e));
+    function m(t) {
+      t && this._set(h(t));
     }
-    function X(e, i) {
+    function X(t, i) {
       var L = i.length;
-      if (e < i[0])
+      if (t < i[0])
         return 0;
-      if (L > 1 && i[L - 1] === 1 / 0 && e >= i[L - 2])
+      if (L > 1 && i[L - 1] === 1 / 0 && t >= i[L - 2])
         return L - 1;
-      if (e >= i[L - 1])
+      if (t >= i[L - 1])
         return -1;
       for (var N, w = 0, D = L - 1; D - w > 1; )
-        N = Math.floor((w + D) / 2), i[N] <= e ? w = N : D = N;
+        N = Math.floor((w + D) / 2), i[N] <= t ? w = N : D = N;
       return D;
     }
     m.prototype = {
-      _set: function(e) {
-        this.name = e.name, this.abbrs = e.abbrs, this.untils = e.untils, this.offsets = e.offsets, this.population = e.population;
+      _set: function(t) {
+        this.name = t.name, this.abbrs = t.abbrs, this.untils = t.untils, this.offsets = t.offsets, this.population = t.population;
       },
-      _index: function(e) {
-        var i = +e, L = this.untils, N;
+      _index: function(t) {
+        var i = +t, L = this.untils, N;
         if (N = X(i, L), N >= 0)
           return N;
       },
       countries: function() {
-        var e = this.name;
+        var t = this.name;
         return Object.keys(o).filter(function(i) {
-          return o[i].zones.indexOf(e) !== -1;
+          return o[i].zones.indexOf(t) !== -1;
         });
       },
-      parse: function(e) {
-        var i = +e, L = this.offsets, N = this.untils, w = N.length - 1, D, Z, S, G;
+      parse: function(t) {
+        var i = +t, L = this.offsets, N = this.untils, w = N.length - 1, D, Z, S, G;
         for (G = 0; G < w; G++)
           if (D = L[G], Z = L[G + 1], S = L[G && G - 1], D < Z && I.moveAmbiguousForward ? D = Z : D > S && I.moveInvalidForward && (D = S), i < N[G] - D * 6e4)
             return L[G];
         return L[w];
       },
-      abbr: function(e) {
-        return this.abbrs[this._index(e)];
+      abbr: function(t) {
+        return this.abbrs[this._index(t)];
       },
-      offset: function(e) {
-        return e0("zone.offset has been deprecated in favor of zone.utcOffset"), this.offsets[this._index(e)];
+      offset: function(t) {
+        return e0("zone.offset has been deprecated in favor of zone.utcOffset"), this.offsets[this._index(t)];
       },
-      utcOffset: function(e) {
-        return this.offsets[this._index(e)];
+      utcOffset: function(t) {
+        return this.offsets[this._index(t)];
       }
     };
-    function E(e, i) {
-      this.name = e, this.zones = i;
+    function E(t, i) {
+      this.name = t, this.zones = i;
     }
-    function y(e) {
-      var i = e.toTimeString(), L = i.match(/\([a-z ]+\)/i);
-      L && L[0] ? (L = L[0].match(/[A-Z]/g), L = L ? L.join("") : void 0) : (L = i.match(/[A-Z]{3,5}/g), L = L ? L[0] : void 0), L === "GMT" && (L = void 0), this.at = +e, this.abbr = L, this.offset = e.getTimezoneOffset();
+    function y(t) {
+      var i = t.toTimeString(), L = i.match(/\([a-z ]+\)/i);
+      L && L[0] ? (L = L[0].match(/[A-Z]/g), L = L ? L.join("") : void 0) : (L = i.match(/[A-Z]{3,5}/g), L = L ? L[0] : void 0), L === "GMT" && (L = void 0), this.at = +t, this.abbr = L, this.offset = t.getTimezoneOffset();
     }
-    function F(e) {
-      this.zone = e, this.offsetScore = 0, this.abbrScore = 0;
+    function F(t) {
+      this.zone = t, this.offsetScore = 0, this.abbrScore = 0;
     }
-    F.prototype.scoreOffsetAt = function(e) {
-      this.offsetScore += Math.abs(this.zone.utcOffset(e.at) - e.offset), this.zone.abbr(e.at).replace(/[^A-Z]/g, "") !== e.abbr && this.abbrScore++;
+    F.prototype.scoreOffsetAt = function(t) {
+      this.offsetScore += Math.abs(this.zone.utcOffset(t.at) - t.offset), this.zone.abbr(t.at).replace(/[^A-Z]/g, "") !== t.abbr && this.abbrScore++;
     };
-    function J(e, i) {
-      for (var L, N; N = ((i.at - e.at) / 12e4 | 0) * 6e4; )
-        L = new y(new Date(e.at + N)), L.offset === e.offset ? e = L : i = L;
-      return e;
+    function J(t, i) {
+      for (var L, N; N = ((i.at - t.at) / 12e4 | 0) * 6e4; )
+        L = new y(new Date(t.at + N)), L.offset === t.offset ? t = L : i = L;
+      return t;
     }
     function V() {
-      var e = (/* @__PURE__ */ new Date()).getFullYear() - 2, i = new y(new Date(e, 0, 1)), L = i.offset, N = [i], w, D, Z, S;
+      var t = (/* @__PURE__ */ new Date()).getFullYear() - 2, i = new y(new Date(t, 0, 1)), L = i.offset, N = [i], w, D, Z, S;
       for (S = 1; S < 48; S++)
-        Z = new Date(e, S, 1).getTimezoneOffset(), Z !== L && (D = new y(new Date(e, S, 1)), w = J(i, D), N.push(w), N.push(new y(new Date(w.at + 6e4))), i = D, L = Z);
+        Z = new Date(t, S, 1).getTimezoneOffset(), Z !== L && (D = new y(new Date(t, S, 1)), w = J(i, D), N.push(w), N.push(new y(new Date(w.at + 6e4))), i = D, L = Z);
       for (S = 0; S < 4; S++)
-        N.push(new y(new Date(e + S, 0, 1))), N.push(new y(new Date(e + S, 6, 1)));
+        N.push(new y(new Date(t + S, 0, 1))), N.push(new y(new Date(t + S, 6, 1)));
       return N;
     }
-    function u(e, i) {
-      return e.offsetScore !== i.offsetScore ? e.offsetScore - i.offsetScore : e.abbrScore !== i.abbrScore ? e.abbrScore - i.abbrScore : e.zone.population !== i.zone.population ? i.zone.population - e.zone.population : i.zone.name.localeCompare(e.zone.name);
+    function u(t, i) {
+      return t.offsetScore !== i.offsetScore ? t.offsetScore - i.offsetScore : t.abbrScore !== i.abbrScore ? t.abbrScore - i.abbrScore : t.zone.population !== i.zone.population ? i.zone.population - t.zone.population : i.zone.name.localeCompare(t.zone.name);
     }
-    function g(e, i) {
+    function g(t, i) {
       var L, N;
       for (B(i), L = 0; L < i.length; L++)
-        N = i[L], a[N] = a[N] || {}, a[N][e] = !0;
+        N = i[L], q[N] = q[N] || {}, q[N][t] = !0;
     }
-    function A0(e) {
-      var i = e.length, L = {}, N = [], w = {}, D, Z, S, G;
+    function A0(t) {
+      var i = t.length, L = {}, N = [], w = {}, D, Z, S, G;
       for (D = 0; D < i; D++)
-        if (S = e[D].offset, !w.hasOwnProperty(S)) {
-          G = a[S] || {};
+        if (S = t[D].offset, !w.hasOwnProperty(S)) {
+          G = q[S] || {};
           for (Z in G)
             G.hasOwnProperty(Z) && (L[Z] = !0);
           w[S] = !0;
@@ -161,12 +161,12 @@ var F0 = { exports: {} }, G0 = { exports: {} };
     }
     function n0() {
       try {
-        var e = Intl.DateTimeFormat().resolvedOptions().timeZone;
-        if (e && e.length > 3) {
-          var i = A[i0(e)];
+        var t = Intl.DateTimeFormat().resolvedOptions().timeZone;
+        if (t && t.length > 3) {
+          var i = A[i0(t)];
           if (i)
             return i;
-          e0("Moment Timezone found " + e + " from the Intl api, but did not have that data loaded.");
+          e0("Moment Timezone found " + t + " from the Intl api, but did not have that data loaded.");
         }
       } catch {
       }
@@ -178,52 +178,52 @@ var F0 = { exports: {} }, G0 = { exports: {} };
       }
       return D.sort(u), D.length > 0 ? D[0].zone.name : void 0;
     }
-    function h0(e) {
-      return (!q || e) && (q = n0()), q;
+    function h0(t) {
+      return (!a || t) && (a = n0()), a;
     }
-    function i0(e) {
-      return (e || "").toLowerCase().replace(/\//g, "_");
+    function i0(t) {
+      return (t || "").toLowerCase().replace(/\//g, "_");
     }
-    function u0(e) {
+    function u0(t) {
       var i, L, N, w;
-      for (typeof e == "string" && (e = [e]), i = 0; i < e.length; i++)
-        N = e[i].split("|"), L = N[0], w = i0(L), O[w] = e[i], A[w] = L, g(w, N[2].split(" "));
+      for (typeof t == "string" && (t = [t]), i = 0; i < t.length; i++)
+        N = t[i].split("|"), L = N[0], w = i0(L), O[w] = t[i], A[w] = L, g(w, N[2].split(" "));
     }
-    function p0(e, i) {
-      e = i0(e);
-      var L = O[e], N;
-      return L instanceof m ? L : typeof L == "string" ? (L = new m(L), O[e] = L, L) : p[e] && i !== p0 && (N = p0(p[e], p0)) ? (L = O[e] = new m(), L._set(N), L.name = A[e], L) : null;
+    function p0(t, i) {
+      t = i0(t);
+      var L = O[t], N;
+      return L instanceof m ? L : typeof L == "string" ? (L = new m(L), O[t] = L, L) : p[t] && i !== p0 && (N = p0(p[t], p0)) ? (L = O[t] = new m(), L._set(N), L.name = A[t], L) : null;
     }
     function m0() {
-      var e, i = [];
-      for (e in A)
-        A.hasOwnProperty(e) && (O[e] || O[p[e]]) && A[e] && i.push(A[e]);
+      var t, i = [];
+      for (t in A)
+        A.hasOwnProperty(t) && (O[t] || O[p[t]]) && A[t] && i.push(A[t]);
       return i.sort();
     }
     function B0() {
       return Object.keys(o);
     }
-    function L0(e) {
+    function L0(t) {
       var i, L, N, w;
-      for (typeof e == "string" && (e = [e]), i = 0; i < e.length; i++)
-        L = e[i].split("|"), N = i0(L[0]), w = i0(L[1]), p[N] = w, A[N] = L[0], p[w] = N, A[w] = L[1];
+      for (typeof t == "string" && (t = [t]), i = 0; i < t.length; i++)
+        L = t[i].split("|"), N = i0(L[0]), w = i0(L[1]), p[N] = w, A[N] = L[0], p[w] = N, A[w] = L[1];
     }
-    function r0(e) {
+    function r0(t) {
       var i, L, N, w;
-      if (!(!e || !e.length))
-        for (i = 0; i < e.length; i++)
-          w = e[i].split("|"), L = w[0].toUpperCase(), N = w[1].split(" "), o[L] = new E(
+      if (!(!t || !t.length))
+        for (i = 0; i < t.length; i++)
+          w = t[i].split("|"), L = w[0].toUpperCase(), N = w[1].split(" "), o[L] = new E(
             L,
             N
           );
     }
-    function d0(e) {
-      return e = e.toUpperCase(), o[e] || null;
+    function d0(t) {
+      return t = t.toUpperCase(), o[t] || null;
     }
-    function g0(e, i) {
-      if (e = d0(e), !e)
+    function g0(t, i) {
+      if (t = d0(t), !t)
         return null;
-      var L = e.zones.sort();
+      var L = t.zones.sort();
       return i ? L.map(function(N) {
         var w = p0(N);
         return {
@@ -232,59 +232,59 @@ var F0 = { exports: {} }, G0 = { exports: {} };
         };
       }) : L;
     }
-    function s0(e) {
-      u0(e.zones), L0(e.links), r0(e.countries), I.dataVersion = e.version;
+    function s0(t) {
+      u0(t.zones), L0(t.links), r0(t.countries), I.dataVersion = t.version;
     }
-    function P(e) {
-      return P.didShowError || (P.didShowError = !0, e0("moment.tz.zoneExists('" + e + "') has been deprecated in favor of !moment.tz.zone('" + e + "')")), !!p0(e);
+    function P(t) {
+      return P.didShowError || (P.didShowError = !0, e0("moment.tz.zoneExists('" + t + "') has been deprecated in favor of !moment.tz.zone('" + t + "')")), !!p0(t);
     }
-    function M0(e) {
-      var i = e._f === "X" || e._f === "x";
-      return !!(e._a && e._tzm === void 0 && !i);
+    function M0(t) {
+      var i = t._f === "X" || t._f === "x";
+      return !!(t._a && t._tzm === void 0 && !i);
     }
-    function e0(e) {
-      typeof console < "u" && typeof console.error == "function" && console.error(e);
+    function e0(t) {
+      typeof console < "u" && typeof console.error == "function" && console.error(t);
     }
-    function I(e) {
+    function I(t) {
       var i = Array.prototype.slice.call(arguments, 0, -1), L = arguments[arguments.length - 1], N = M.utc.apply(null, i), w;
-      return !M.isMoment(e) && M0(N) && (w = p0(L)) && N.add(w.parse(N), "minutes"), N.tz(L), N;
+      return !M.isMoment(t) && M0(N) && (w = p0(L)) && N.add(w.parse(N), "minutes"), N.tz(L), N;
     }
     I.version = z, I.dataVersion = "", I._zones = O, I._links = p, I._names = A, I._countries = o, I.add = u0, I.link = L0, I.load = s0, I.zone = p0, I.zoneExists = P, I.guess = h0, I.names = m0, I.Zone = m, I.unpack = h, I.unpackBase60 = d, I.needsOffset = M0, I.moveInvalidForward = !0, I.moveAmbiguousForward = !1, I.countries = B0, I.zonesForCountry = g0;
     var b0 = M.fn;
-    M.tz = I, M.defaultZone = null, M.updateOffset = function(e, i) {
+    M.tz = I, M.defaultZone = null, M.updateOffset = function(t, i) {
       var L = M.defaultZone, N;
-      if (e._z === void 0 && (L && M0(e) && !e._isUTC && e.isValid() && (e._d = M.utc(e._a)._d, e.utc().add(L.parse(e), "minutes")), e._z = L), e._z)
-        if (N = e._z.utcOffset(e), Math.abs(N) < 16 && (N = N / 60), e.utcOffset !== void 0) {
-          var w = e._z;
-          e.utcOffset(-N, i), e._z = w;
+      if (t._z === void 0 && (L && M0(t) && !t._isUTC && t.isValid() && (t._d = M.utc(t._a)._d, t.utc().add(L.parse(t), "minutes")), t._z = L), t._z)
+        if (N = t._z.utcOffset(t), Math.abs(N) < 16 && (N = N / 60), t.utcOffset !== void 0) {
+          var w = t._z;
+          t.utcOffset(-N, i), t._z = w;
         } else
-          e.zone(N, i);
-    }, b0.tz = function(e, i) {
-      if (e) {
-        if (typeof e != "string")
-          throw new Error("Time zone name must be a string, got " + e + " [" + typeof e + "]");
-        return this._z = p0(e), this._z ? M.updateOffset(this, i) : e0("Moment Timezone has no data for " + e + ". See http://momentjs.com/timezone/docs/#/data-loading/."), this;
+          t.zone(N, i);
+    }, b0.tz = function(t, i) {
+      if (t) {
+        if (typeof t != "string")
+          throw new Error("Time zone name must be a string, got " + t + " [" + typeof t + "]");
+        return this._z = p0(t), this._z ? M.updateOffset(this, i) : e0("Moment Timezone has no data for " + t + ". See http://momentjs.com/timezone/docs/#/data-loading/."), this;
       }
       if (this._z)
         return this._z.name;
     };
-    function W0(e) {
+    function W0(t) {
       return function() {
-        return this._z ? this._z.abbr(this) : e.call(this);
+        return this._z ? this._z.abbr(this) : t.call(this);
       };
     }
-    function l0(e) {
+    function l0(t) {
       return function() {
-        return this._z = null, e.apply(this, arguments);
+        return this._z = null, t.apply(this, arguments);
       };
     }
-    function R0(e) {
+    function R0(t) {
       return function() {
-        return arguments.length > 0 && (this._z = null), e.apply(this, arguments);
+        return arguments.length > 0 && (this._z = null), t.apply(this, arguments);
       };
     }
-    b0.zoneName = W0(b0.zoneName), b0.zoneAbbr = W0(b0.zoneAbbr), b0.utc = l0(b0.utc), b0.local = l0(b0.local), b0.utcOffset = R0(b0.utcOffset), M.tz.setDefault = function(e) {
-      return (t < 2 || t === 2 && n < 9) && e0("Moment Timezone setDefault() requires Moment.js >= 2.9.0. You are using Moment.js " + M.version + "."), M.defaultZone = e ? p0(e) : null, M;
+    b0.zoneName = W0(b0.zoneName), b0.zoneAbbr = W0(b0.zoneAbbr), b0.utc = l0(b0.utc), b0.local = l0(b0.local), b0.utcOffset = R0(b0.utcOffset), M.tz.setDefault = function(t) {
+      return (e < 2 || e === 2 && n < 9) && e0("Moment Timezone setDefault() requires Moment.js >= 2.9.0. You are using Moment.js " + M.version + "."), M.defaultZone = t ? p0(t) : null, M;
     };
     var o0 = M.momentProperties;
     return Object.prototype.toString.call(o0) === "[object Array]" ? (o0.push("_z"), o0.push("_a")) : o0 && (o0._z = null), M;
@@ -1405,7 +1405,7 @@ const k = (b, M) => {
   class: "radio-tip"
 };
 function K1(b, M, z, O, p, o) {
-  const A = x("ElTooltip"), a = x("ElRadio"), q = x("ElRadioGroup"), r = x("ElScrollbar");
+  const A = x("ElTooltip"), q = x("ElRadio"), a = x("ElRadioGroup"), r = x("ElScrollbar");
   return s(), W("div", i1, [
     c("div", {
       class: "menu-bar-box",
@@ -1421,7 +1421,7 @@ function K1(b, M, z, O, p, o) {
           default: a0(() => [
             c("div", {
               class: U(z.layerToggle ? "menu-icon active" : "menu-icon"),
-              onClick: M[0] || (M[0] = (...t) => o.handleMenuToggle && o.handleMenuToggle(...t))
+              onClick: M[0] || (M[0] = (...e) => o.handleMenuToggle && o.handleMenuToggle(...e))
             }, M[17] || (M[17] = [
               c("span", { class: "iconfont" }, "", -1)
             ]), 2)
@@ -1444,7 +1444,7 @@ function K1(b, M, z, O, p, o) {
           default: a0(() => [
             c("div", {
               class: U(p.showMeasure ? "menu-icon active" : "menu-icon"),
-              onClick: M[1] || (M[1] = (...t) => o.handleMeasureToggle && o.handleMeasureToggle(...t))
+              onClick: M[1] || (M[1] = (...e) => o.handleMeasureToggle && o.handleMeasureToggle(...e))
             }, M[18] || (M[18] = [
               c("span", { class: "iconfont" }, "", -1)
             ]), 2)
@@ -1460,7 +1460,7 @@ function K1(b, M, z, O, p, o) {
           default: a0(() => [
             c("div", {
               class: U(p.showPoint ? "menu-icon active" : "menu-icon"),
-              onClick: M[2] || (M[2] = (...t) => o.handlePointToggle && o.handlePointToggle(...t))
+              onClick: M[2] || (M[2] = (...e) => o.handlePointToggle && o.handlePointToggle(...e))
             }, M[19] || (M[19] = [
               c("span", { class: "iconfont" }, "", -1)
             ]), 2)
@@ -1476,7 +1476,7 @@ function K1(b, M, z, O, p, o) {
           default: a0(() => [
             c("div", {
               class: U(p.showCoord ? "menu-icon active" : "menu-icon"),
-              onClick: M[3] || (M[3] = (...t) => o.handleCoordToggle && o.handleCoordToggle(...t))
+              onClick: M[3] || (M[3] = (...e) => o.handleCoordToggle && o.handleCoordToggle(...e))
             }, M[20] || (M[20] = [
               c("span", { class: "iconfont" }, "", -1)
             ]), 2)
@@ -1492,7 +1492,7 @@ function K1(b, M, z, O, p, o) {
           default: a0(() => [
             c("div", {
               class: U(p.show3d ? "menu-icon active" : "menu-icon"),
-              onClick: M[4] || (M[4] = (...t) => o.handle3DToggle && o.handle3DToggle(...t))
+              onClick: M[4] || (M[4] = (...e) => o.handle3DToggle && o.handle3DToggle(...e))
             }, M[21] || (M[21] = [
               c("span", { class: "iconfont" }, "", -1)
             ]), 2)
@@ -1511,24 +1511,24 @@ function K1(b, M, z, O, p, o) {
         c("div", {
           class: "switch flex-center",
           style: { "font-size": "28px", "margin-right": "0" },
-          onClick: M[5] || (M[5] = (...t) => o.toggleAutoActive && o.toggleAutoActive(...t))
+          onClick: M[5] || (M[5] = (...e) => o.toggleAutoActive && o.toggleAutoActive(...e))
         }, [
           p.autoActive ? (s(), W("i", s1, "")) : (s(), W("i", W1, ""))
         ])
       ]),
-      (s(!0), W(H, null, _(p.layers.weather.filter((t) => t.collected), (t) => (s(), W("div", {
-        key: t.key,
-        class: U(o.computeLayerClass(t, p.activeWeatherLayers))
+      (s(!0), W(H, null, _(p.layers.weather.filter((e) => e.collected), (e) => (s(), W("div", {
+        key: e.key,
+        class: U(o.computeLayerClass(e, p.activeWeatherLayers))
       }, [
         c("div", {
           class: "checkbox",
-          onClick: (n) => o.handleWeatherLayerPick(t)
+          onClick: (n) => o.handleWeatherLayerPick(e)
         }, null, 8, l1),
         c("span", {
           class: "name",
-          onClick: (n) => o.handleWeatherLayerPick(t)
-        }, C(t.name), 9, f1),
-        t.key === "wind" && p.activeWeatherLayers.some((n) => n.key === t.key) ? (s(), W("div", u1, [
+          onClick: (n) => o.handleWeatherLayerPick(e)
+        }, C(e.name), 9, f1),
+        e.key === "wind" && p.activeWeatherLayers.some((n) => n.key === e.key) ? (s(), W("div", u1, [
           c("i", {
             class: U(["iconfont sub-layer-icon", z.showWindParticle ? "active" : ""]),
             onClick: M[6] || (M[6] = (n) => o.handleToggleWindParticle())
@@ -1538,7 +1538,7 @@ function K1(b, M, z, O, p, o) {
             onClick: M[7] || (M[7] = (n) => o.handleToggleWindFeather())
           }, "", 2)
         ])) : j("", !0),
-        t.key === "current" && p.activeWeatherLayers.some((n) => n.key === t.key) ? (s(), W("div", L1, [
+        e.key === "current" && p.activeWeatherLayers.some((n) => n.key === e.key) ? (s(), W("div", L1, [
           c("i", {
             class: U(["iconfont sub-layer-icon", z.showCurrentParticle ? "active" : ""]),
             onClick: M[8] || (M[8] = (n) => o.handleToggleCurrentParticle())
@@ -1561,7 +1561,7 @@ function K1(b, M, z, O, p, o) {
           M[23] || (M[23] = c("div", null, "Layers", -1)),
           c("div", {
             class: "iconfont close-btn",
-            onClick: M[10] || (M[10] = (...t) => o.handleMenuToggle && o.handleMenuToggle(...t))
+            onClick: M[10] || (M[10] = (...e) => o.handleMenuToggle && o.handleMenuToggle(...e))
           }, "")
         ]),
         T(r, { style: { flex: "1" } }, {
@@ -1572,29 +1572,29 @@ function K1(b, M, z, O, p, o) {
                 c("div", {
                   class: "switch flex-center",
                   style: { "margin-right": "0" },
-                  onClick: M[11] || (M[11] = (...t) => o.toggleAutoActive && o.toggleAutoActive(...t))
+                  onClick: M[11] || (M[11] = (...e) => o.toggleAutoActive && o.toggleAutoActive(...e))
                 }, [
                   p.autoActive ? (s(), W("i", B1, "")) : (s(), W("i", g1, ""))
                 ])
               ]),
               c("div", N1, [
-                (s(!0), W(H, null, _(p.layers.weather, (t) => (s(), W(H, {
-                  key: t.key
+                (s(!0), W(H, null, _(p.layers.weather, (e) => (s(), W(H, {
+                  key: e.key
                 }, [
-                  t.hide ? j("", !0) : (s(), W("div", {
+                  e.hide ? j("", !0) : (s(), W("div", {
                     key: 0,
-                    class: U(o.computeLayerClass(t, p.activeWeatherLayers))
+                    class: U(o.computeLayerClass(e, p.activeWeatherLayers))
                   }, [
                     c("div", y1, [
                       c("div", {
                         class: "checkbox",
-                        onClick: (n) => o.handleWeatherLayerPick(t)
+                        onClick: (n) => o.handleWeatherLayerPick(e)
                       }, null, 8, X1),
                       c("span", {
                         class: "name",
-                        onClick: (n) => o.handleWeatherLayerPick(t)
-                      }, C(t.name), 9, w1),
-                      t.key === "wind" && p.activeWeatherLayers.some((n) => n.key === t.key) ? (s(), W("div", C1, [
+                        onClick: (n) => o.handleWeatherLayerPick(e)
+                      }, C(e.name), 9, w1),
+                      e.key === "wind" && p.activeWeatherLayers.some((n) => n.key === e.key) ? (s(), W("div", C1, [
                         c("i", {
                           class: U(["iconfont sub-layer-icon", z.showWindParticle ? "active" : ""]),
                           onClick: M[12] || (M[12] = (n) => o.handleToggleWindParticle())
@@ -1604,7 +1604,7 @@ function K1(b, M, z, O, p, o) {
                           onClick: M[13] || (M[13] = (n) => o.handleToggleWindFeather())
                         }, "", 2)
                       ])) : j("", !0),
-                      t.key === "current" && p.activeWeatherLayers.some((n) => n.key === t.key) ? (s(), W("div", v1, [
+                      e.key === "current" && p.activeWeatherLayers.some((n) => n.key === e.key) ? (s(), W("div", v1, [
                         c("i", {
                           class: U(["iconfont sub-layer-icon", z.showCurrentParticle ? "active" : ""]),
                           onClick: M[14] || (M[14] = (n) => o.handleToggleCurrentParticle())
@@ -1616,9 +1616,9 @@ function K1(b, M, z, O, p, o) {
                       ])) : j("", !0)
                     ]),
                     c("div", {
-                      onClick: (n) => o.handleWeatherLayerCollect(t)
+                      onClick: (n) => o.handleWeatherLayerCollect(e)
                     }, [
-                      t.collected ? (s(), W("i", E1, "")) : (s(), W("i", x1, ""))
+                      e.collected ? (s(), W("i", E1, "")) : (s(), W("i", x1, ""))
                     ], 8, T1)
                   ], 2))
                 ], 64))), 128)),
@@ -1634,18 +1634,18 @@ function K1(b, M, z, O, p, o) {
             c("div", I1, [
               M[26] || (M[26] = c("div", { class: "layers-title" }, "Other Layers", -1)),
               c("div", D1, [
-                (s(!0), W(H, null, _(p.layers.other, (t) => {
+                (s(!0), W(H, null, _(p.layers.other, (e) => {
                   var n;
                   return s(), W("div", {
-                    key: t.key,
-                    class: U(["layer flex-between", o.computeLayerClass(t, p.activeOtherLayers)]),
-                    onClick: (l) => o.handleOtherLayerPick(t)
+                    key: e.key,
+                    class: U(["layer flex-between", o.computeLayerClass(e, p.activeOtherLayers)]),
+                    onClick: (l) => o.handleOtherLayerPick(e)
                   }, [
                     c("div", S1, [
                       c("div", k1, [
-                        (n = o.computeLayerClass(t, p.activeOtherLayers)) != null && n.includes("active") ? (s(), W("i", Q1, "")) : (s(), W("i", H1, ""))
+                        (n = o.computeLayerClass(e, p.activeOtherLayers)) != null && n.includes("active") ? (s(), W("i", Q1, "")) : (s(), W("i", H1, ""))
                       ]),
-                      c("span", null, C(t.name), 1)
+                      c("span", null, C(e.name), 1)
                     ])
                   ], 10, P1);
                 }), 128))
@@ -1654,23 +1654,23 @@ function K1(b, M, z, O, p, o) {
             c("div", _1, [
               M[27] || (M[27] = c("span", { class: "layers-title" }, "Forecast Model", -1)),
               c("div", j1, [
-                T(q, {
+                T(a, {
                   modelValue: p.source,
-                  "onUpdate:modelValue": M[16] || (M[16] = (t) => p.source = t),
+                  "onUpdate:modelValue": M[16] || (M[16] = (e) => p.source = e),
                   class: "layer-radio flex-col-start-start",
                   style: { width: "180px", "align-items": "flex-start" }
                 }, {
                   default: a0(() => [
-                    (s(!0), W(H, null, _(p.sourceList, (t, n) => (s(), V0(a, {
-                      key: `source${t.name}`,
-                      value: t.name
+                    (s(!0), W(H, null, _(p.sourceList, (e, n) => (s(), V0(q, {
+                      key: `source${e.name}`,
+                      value: e.name
                     }, {
                       default: a0(() => {
                         var l, d, B, R, f, h;
                         return [
-                          z0(C(t.name) + " ", 1),
-                          n !== 0 ? (s(), W("span", F1, C(t.resolution) + "km " + C(t.length) + "days", 1)) : j("", !0),
-                          n === 0 ? (s(), W("div", G1, "Provides the best forecast")) : (B = (d = (l = t == null ? void 0 : t.update) == null ? void 0 : l.default) == null ? void 0 : d.meta) != null && B.initialisationTime ? (s(), W("div", U1, "Update: " + C(o.computeDateZ((h = (f = (R = t == null ? void 0 : t.update) == null ? void 0 : R.default) == null ? void 0 : f.meta) == null ? void 0 : h.initialisationTime)), 1)) : j("", !0)
+                          z0(C(e.name) + " ", 1),
+                          n !== 0 ? (s(), W("span", F1, C(e.resolution) + "km " + C(e.length) + "days", 1)) : j("", !0),
+                          n === 0 ? (s(), W("div", G1, "Provides the best forecast")) : (B = (d = (l = e == null ? void 0 : e.update) == null ? void 0 : l.default) == null ? void 0 : d.meta) != null && B.initialisationTime ? (s(), W("div", U1, "Update: " + C(o.computeDateZ((h = (f = (R = e == null ? void 0 : e.update) == null ? void 0 : R.default) == null ? void 0 : f.meta) == null ? void 0 : h.initialisationTime)), 1)) : j("", !0)
                         ];
                       }),
                       _: 2
@@ -1771,13 +1771,13 @@ const Y1 = {
         }, 500);
       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))
-          (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);
+        let o = 0, A = 0, q = this.empty;
+        if ((b = this.wind) != null && b.active && (q = (M = this.wind) == null ? void 0 : M.data), (z = this.map) != null && z.getSource(this.source))
+          (O = this.map) == null || O.getSource(this.source).setData(q), 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 });
-          for (let q = 0; q < (this.barbs ?? []).length - 1; q++) {
-            const r = (this.barbs ?? [])[q] || 0, t = (this.barbs ?? [])[q + 1] || 0, n = r < 10 ? `00${r}kts` : r < 100 ? `0${r}kts` : `${r}kts`;
+          this.map.addSource(this.source, { type: "geojson", data: q });
+          for (let a = 0; a < (this.barbs ?? []).length - 1; a++) {
+            const r = (this.barbs ?? [])[a] || 0, e = (this.barbs ?? [])[a + 1] || 0, n = r < 10 ? `00${r}kts` : r < 100 ? `0${r}kts` : `${r}kts`;
             this.map.addLayer(
               {
                 id: n,
@@ -1787,7 +1787,7 @@ const Y1 = {
                   // @ts-ignore
                   [">=", "spd", r],
                   // @ts-ignore
-                  ["<", "spd", t]
+                  ["<", "spd", e]
                 ],
                 source: this.source,
                 layout: {
@@ -1886,8 +1886,8 @@ class S0 {
    * @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]), [r, t] = this.mercator.px([o, O[1]], z), [n, l] = this.mercator.px([a, p[1]], z), d = Math.round(this.mercator.size * Math.pow(2, z) * (A + q));
-    return [n, l, r + d, t];
+    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]), [q, a] = this.convertNLng(p[0]), [r, e] = this.mercator.px([o, O[1]], z), [n, l] = this.mercator.px([q, p[1]], z), d = Math.round(this.mercator.size * Math.pow(2, z) * (A + a));
+    return [n, l, r + d, e];
   }
   /**
    * [视窗边界像素宽度]
@@ -1902,13 +1902,13 @@ class S0 {
    * @param zoom
    */
   getWorldCopy(M, z) {
-    const O = 2 ** z, [p, o, A, a] = M.map((t) => ~~(t / (O * 256))), q = [];
-    for (let t = a; t <= o; t++)
+    const O = 2 ** z, [p, o, A, q] = M.map((e) => ~~(e / (O * 256))), a = [];
+    for (let e = q; e <= o; e++)
       for (let n = p; n <= A; n++)
-        q.push([n, t]);
-    return q.map((t) => {
+        a.push([n, e]);
+    return a.map((e) => {
       const n = 2 ** z * 256;
-      return [t[0] * n, t[1] * n, n];
+      return [e[0] * n, e[1] * n, n];
     });
   }
   resize() {
@@ -1949,9 +1949,9 @@ class C0 {
    * @param width??
    * @param height??
    */
-  createTexture(M, z, 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;
+  createTexture(M, z, O, p, o, A, q) {
+    const a = M.createTexture();
+    return M.bindTexture(M.TEXTURE_2D, a), 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, q, 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), a;
   }
   /**
    * 创建数据资源
@@ -1989,13 +1989,13 @@ class C0 {
     const p = this.createProgram(M, z, O);
     if (p) {
       const o = { program: p }, A = M.getProgramParameter(p, M.ACTIVE_ATTRIBUTES);
-      for (let q = 0; q < A; q++) {
-        const r = M.getActiveAttrib(p, q);
+      for (let a = 0; a < A; a++) {
+        const r = M.getActiveAttrib(p, a);
         o[r.name] = M.getAttribLocation(p, r.name);
       }
-      const a = M.getProgramParameter(p, M.ACTIVE_UNIFORMS);
-      for (let q = 0; q < a; q++) {
-        const r = M.getActiveUniform(p, q);
+      const q = M.getProgramParameter(p, M.ACTIVE_UNIFORMS);
+      for (let a = 0; a < q; a++) {
+        const r = M.getActiveUniform(p, a);
         o[r.name] = M.getUniformLocation(p, r.name);
       }
       return o;
@@ -2008,19 +2008,19 @@ class C0 {
   setup(M, z, 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(([r, t]) => {
-        q.addColorStop(r, t);
-      }), a.fillStyle = q, a.fillRect(0, 0, 256, 1), {
+    const q = A.getContext("2d");
+    if (q && M) {
+      const a = q == null ? void 0 : q.createLinearGradient(0, 0, 256, 0);
+      return z.forEach(([r, e]) => {
+        a.addColorStop(r, e);
+      }), q.fillStyle = a, q.fillRect(0, 0, 256, 1), {
         canvas: A,
         texture: this.createTexture(
           M,
           M.LINEAR,
           M.LINEAR,
           M.CLAMP_TO_EDGE,
-          O ? new Uint8Array(a.getImageData(0, 0, 256, 1).data) : A,
+          O ? new Uint8Array(q.getImageData(0, 0, 256, 1).data) : A,
           p,
           o
         )
@@ -2029,53 +2029,53 @@ class C0 {
   }
   setupParticle(M, z = 1e3) {
     const O = Math.ceil(Math.sqrt(z)), p = O * O, o = new Uint8Array(p * 4);
-    for (let t = 0; t < o.length; t++)
-      o[t] = 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);
-    for (let t = 0; t < p; t++)
-      q[t] = t;
-    const r = this.createDataBuffer(M, "array", q);
-    return { resolution: O, total: p, texture0: A, texture1: a, indexBuffer: r };
+    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), q = this.createTexture(M, M.NEAREST, M.NEAREST, M.CLAMP_TO_EDGE, o, O, O), a = new Float32Array(p);
+    for (let e = 0; e < p; e++)
+      a[e] = e;
+    const r = this.createDataBuffer(M, "array", a);
+    return { resolution: O, total: p, texture0: A, texture1: q, indexBuffer: r };
   }
   bind(M, z, O) {
     const p = this.createProgram(M, z, 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);
-      const a = new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1]);
-      this.createDataBuffer(M, "array", a);
-      const q = M.getAttribLocation(p, "a_texCoord");
-      return M.enableVertexAttribArray(q), M.vertexAttribPointer(q, 2, M.FLOAT, !1, 0, 0), { program: p, aPositionBuffer: o };
+      const q = new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1]);
+      this.createDataBuffer(M, "array", q);
+      const a = M.getAttribLocation(p, "a_texCoord");
+      return M.enableVertexAttribArray(a), M.vertexAttribPointer(a, 2, M.FLOAT, !1, 0, 0), { program: p, aPositionBuffer: o };
     }
     return {};
   }
   bindParticle(M, z, O, p, o, A) {
-    const a = this.createProgramWrapper(M, z, O), q = this.createProgramWrapper(M, p, o), r = this.createProgramWrapper(M, p, A), t = this.createDataBuffer(M, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), n = M.createFramebuffer();
-    return { particle: a, screen: q, update: r, quadBuffer: t, frameBuffer: n };
+    const q = this.createProgramWrapper(M, z, O), a = this.createProgramWrapper(M, p, o), r = this.createProgramWrapper(M, p, A), e = this.createDataBuffer(M, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), n = M.createFramebuffer();
+    return { particle: q, screen: a, update: r, quadBuffer: e, frameBuffer: n };
   }
-  draw(M, z, O, p, o, A, a) {
-    var q, r;
+  draw(M, z, O, p, o, A, q) {
+    var a, r;
     if (z && O) {
-      M.resize(), z == null || z.viewport(0, 0, (q = z == null ? void 0 : z.canvas) == null ? void 0 : q.width, (r = z == null ? void 0 : z.canvas) == null ? void 0 : r.height), z.clearColor(0, 0, 0, 0), z.clear(z.COLOR_BUFFER_BIT | z.DEPTH_BUFFER_BIT);
+      M.resize(), z == null || z.viewport(0, 0, (a = z == null ? void 0 : z.canvas) == null ? void 0 : a.width, (r = z == null ? void 0 : z.canvas) == null ? void 0 : r.height), z.clearColor(0, 0, 0, 0), z.clear(z.COLOR_BUFFER_BIT | z.DEPTH_BUFFER_BIT);
       try {
-        const t = z.getUniformLocation(O, "u_resolution"), n = z.getUniformLocation(O, "u_image"), l = z.getUniformLocation(O, "u_color");
-        if (z.useProgram(O), z.uniform2f(t, z.canvas.width * M.ratio, z.canvas.height * M.ratio), z.activeTexture(z.TEXTURE0), z.bindTexture(z.TEXTURE_2D, p), z.uniform1i(n, 0), z.activeTexture(z.TEXTURE1), z.bindTexture(z.TEXTURE_2D, o), z.uniform1i(l, 1), a != null && a.uvRange && (a != null && a.sRange)) {
+        const e = z.getUniformLocation(O, "u_resolution"), n = z.getUniformLocation(O, "u_image"), l = 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(n, 0), z.activeTexture(z.TEXTURE1), z.bindTexture(z.TEXTURE_2D, o), z.uniform1i(l, 1), q != null && q.uvRange && (q != null && q.sRange)) {
           const f = z.getUniformLocation(O, "u_range_u_v"), h = z.getUniformLocation(O, "u_range_s");
-          z.uniform2f(f, a.uvRange[0], a.uvRange[1]), z.uniform2f(h, a.sRange[0], a.sRange[1]);
+          z.uniform2f(f, q.uvRange[0], q.uvRange[1]), z.uniform2f(h, q.sRange[0], q.sRange[1]);
         }
         const d = M.getBoundPixel(), B = M.map.getZoom() + 1, R = M.getWorldCopy(d, B);
         for (const f of R) {
           const h = (f[0] - d[0]) * M.ratio, m = (f[1] - d[3]) * M.ratio, X = f[2] * M.ratio, [E, y, F, J] = [h, X + h, m, X + m], V = new Float32Array([E, F, y, F, E, J, E, J, y, F, y, J]);
           z.bindBuffer(z.ARRAY_BUFFER, A), z.bufferData(z.ARRAY_BUFFER, V, z.STATIC_DRAW), z.drawArrays(z.TRIANGLES, 0, 6);
         }
-      } catch (t) {
-        console.log(`render failed...${t}`);
+      } catch (e) {
+        console.log(`render failed...${e}`);
       }
     }
   }
   drawParticle(M, z, 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));
+    var A, q;
+    z && (z == null || z.viewport(0, 0, (A = z == null ? void 0 : z.canvas) == null ? void 0 : A.width, (q = z == null ? void 0 : z.canvas) == null ? void 0 : q.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));
   }
   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);
@@ -2093,11 +2093,11 @@ class C0 {
     }
   }
   updateParticles(M, z, O, p) {
-    var A, a;
+    var A, q;
     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);
-      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);
+      const a = M.getBoundRange();
+      z.uniform4f(O.update.u_viewport, a[0], a[1], a[2], a[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, (q = O == null ? void 0 : O.image) == null ? void 0 : q.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);
     }
     const o = O.texture0;
     O.texture0 = O.texture1, O.texture1 = o;
@@ -4094,8 +4094,8 @@ const b2 = {
       }
     },
     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 b, M, z, O, p, o, A, q;
+      (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), (q = (A = this.viewport) == null ? void 0 : A.map) == null || q.off("moveend", this.handlePlay), this.handlePause();
     },
     handleSetup() {
       if (!this.context) {
@@ -4435,8 +4435,8 @@ const t2 = {
       }
     },
     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 b, M, z, O, p, o, A, q;
+      (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), (q = (A = this.viewport) == null ? void 0 : A.map) == null || q.off("moveend", this.handlePlay), this.handlePause();
     },
     handleSetup() {
       if (!this.context) {
@@ -5099,29 +5099,29 @@ const B2 = {
       var O, p;
       const b = ((p = (O = this.tropicals) == null ? void 0 : O.data) == null ? void 0 : p.features) || [], M = K().utc().hour(), z = [];
       b.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);
+        var A, q, a;
+        (A = o.properties) != null && A.name && !z.includes((q = o.properties) == null ? void 0 : q.name) && z.push((a = o.properties) == null ? void 0 : a.name);
       }), z.forEach((o) => {
         var r;
-        let A = 0, a;
-        const q = b.filter((t) => {
+        let A = 0, q;
+        const a = b.filter((e) => {
           var n, l;
-          return ((l = (n = t.properties) == null ? void 0 : n.category) == null ? void 0 : l.split("-")[0]) === o;
+          return ((l = (n = e.properties) == null ? void 0 : n.category) == null ? void 0 : l.split("-")[0]) === o;
         });
-        (r = q.filter((t) => {
+        (r = a.filter((e) => {
           var n, l;
-          return ((n = t.geometry) == null ? void 0 : n.type) === "LineString" && ((l = t.properties) == null ? void 0 : l.type) === "forecast";
-        })[0]) == null || r.properties.model, q.forEach((t, n) => {
+          return ((n = e.geometry) == null ? void 0 : n.type) === "LineString" && ((l = e.properties) == null ? void 0 : l.type) === "forecast";
+        })[0]) == null || r.properties.model, a.forEach((e, n) => {
           var l, d, B, R, f, h;
-          ((l = t.geometry) == null ? void 0 : l.type) === "Point" && ((d = t.properties) == null ? void 0 : d.type) === "history" && (A = n, a = a === void 0 ? n : a), ((B = t.geometry) == null ? void 0 : B.type) === "Point" && ((R = t.properties) == null ? void 0 : R.type) === "forecast" && a === void 0 && (a = n), ((f = t.geometry) == null ? void 0 : f.type) === "LineString" && ((h = t.properties) == null || h.type);
-        }), q.map((t, n) => {
+          ((l = e.geometry) == null ? void 0 : l.type) === "Point" && ((d = e.properties) == null ? void 0 : d.type) === "history" && (A = n, q = q === void 0 ? n : q), ((B = e.geometry) == null ? void 0 : B.type) === "Point" && ((R = e.properties) == null ? void 0 : R.type) === "forecast" && q === void 0 && (q = n), ((f = e.geometry) == null ? void 0 : f.type) === "LineString" && ((h = e.properties) == null || h.type);
+        }), a.map((e, n) => {
           var l, d, B, R, f, h, m;
-          if (((l = t.geometry) == null ? void 0 : l.type) === "LineString" && ((d = t.properties) == null || d.type), ((B = t.geometry) == null ? void 0 : B.type) === "Point" && ((R = t.properties) == null ? void 0 : R.type) === "forecast" && (t.properties.name = o, t.properties.format = K(t.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((f = t.geometry) == null ? void 0 : f.type) === "Point" && ((h = t.properties) == null ? void 0 : h.type) === "history") {
-            t.properties.format = K(t.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
-            const X = K((m = t.properties) == null ? void 0 : m.date).utc().format("HHmm") === K().utc().hour(Math.floor(M / 6) * 6).minute("00").format("HHmm");
-            t.properties.showHistoryLabel = X || n === A, t.properties.showNameLabel = n === A, t.properties.name = o;
+          if (((l = e.geometry) == null ? void 0 : l.type) === "LineString" && ((d = e.properties) == null || d.type), ((B = e.geometry) == null ? void 0 : B.type) === "Point" && ((R = e.properties) == null ? void 0 : R.type) === "forecast" && (e.properties.name = o, e.properties.format = K(e.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((f = e.geometry) == null ? void 0 : f.type) === "Point" && ((h = e.properties) == null ? void 0 : h.type) === "history") {
+            e.properties.format = K(e.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
+            const X = K((m = e.properties) == null ? void 0 : m.date).utc().format("HHmm") === K().utc().hour(Math.floor(M / 6) * 6).minute("00").format("HHmm");
+            e.properties.showHistoryLabel = X || n === A, e.properties.showNameLabel = n === A, e.properties.name = o;
           }
-          return t;
+          return e;
         });
       }), this.handleInit();
     },
@@ -5156,7 +5156,7 @@ const B2 = {
       ));
     },
     handleRender() {
-      var b, M, z, O, p, o, A, a, q, r;
+      var b, M, z, O, p, o, A, q, a, r;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
@@ -5262,9 +5262,9 @@ const B2 = {
               ],
               "text-halo-width": 4
             }
-          }), d = (/* @__PURE__ */ new Date()).valueOf() - (n + l), console.log("[tropical] add elapsed: ", d, ", total: ", l += d)), (o = this.map) != null && o.getSource(this.clusterSource) ? ((a = this.map) == null || a.getSource(this.clusterSource).setData((A = this.tropicals) != null && A.active ? this.tropicals.data : this.empty), d = (/* @__PURE__ */ new Date()).valueOf() - (n + l), console.log("[tropical] update elapsed: ", d, ", total: ", l += d)) : (this.map.addSource(this.clusterSource, {
+          }), d = (/* @__PURE__ */ new Date()).valueOf() - (n + l), console.log("[tropical] add elapsed: ", d, ", total: ", l += d)), (o = this.map) != null && o.getSource(this.clusterSource) ? ((q = this.map) == null || q.getSource(this.clusterSource).setData((A = this.tropicals) != null && A.active ? this.tropicals.data : this.empty), d = (/* @__PURE__ */ new Date()).valueOf() - (n + l), console.log("[tropical] update elapsed: ", d, ", total: ", l += d)) : (this.map.addSource(this.clusterSource, {
             type: "geojson",
-            data: (q = this.tropicals) != null && q.active ? (r = this.tropicals) == null ? void 0 : r.data : this.empty
+            data: (a = this.tropicals) != null && a.active ? (r = this.tropicals) == null ? void 0 : r.data : this.empty
             // cluster: true,
             // clusterRadius: 10, // 聚合半径
           }), this.map.addLayer({
@@ -5382,8 +5382,8 @@ const B2 = {
           }), d = (/* @__PURE__ */ new Date()).valueOf() - (n + l), console.log("[tropical] add elapsed: ", d, ", total: ", l += d));
         }
         this.handleDrawCircle();
-        const t = j0.interpolate(this.tropicals, 1);
-        this.interpolateData = JSON.parse(JSON.stringify(t)), this.interpolateData.filter((n) => n.properties.name === "kristy" && n.properties.model === "ecmwf"), this.handleDateChange();
+        const e = j0.interpolate(this.tropicals, 1);
+        this.interpolateData = JSON.parse(JSON.stringify(e)), this.interpolateData.filter((n) => n.properties.name === "kristy" && n.properties.model === "ecmwf"), this.handleDateChange();
       }
     },
     handleClear() {
@@ -5391,7 +5391,7 @@ const B2 = {
       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));
     },
     handleDateChange() {
-      var b, M, z, O, p, o, A, a, q, r, t, n, l, d, B, R, f, h, m, X, E, y, F, J, V, u, g, A0, n0, h0, i0, u0, p0, m0, B0, L0;
+      var b, M, z, O, p, o, A, q, a, r, e, n, l, d, B, R, f, h, m, X, E, y, F, J, V, u, g, A0, n0, h0, i0, u0, p0, m0, B0, L0;
       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) {
         const r0 = K(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), d0 = this.interpolateData.filter((P) => P.properties.date === r0.format() && !P.properties.disabled), g0 = this.handleComputePolygons(d0), s0 = v.featureCollection([...d0]);
         g0.forEach((P) => {
@@ -5413,7 +5413,7 @@ const B2 = {
         for (const P of d0)
           if (!P.properties.disabled) {
             let M0 = "#f44336";
-            ((a = (A = P.properties) == null ? void 0 : A.wind) == null ? void 0 : a.spd) < 17.2 || !((r = (q = P.properties) == null ? void 0 : q.wind) != null && r.spd) ? M0 = "#03f869" : ((n = (t = P.properties) == null ? void 0 : t.wind) == null ? void 0 : n.spd) >= 17.2 && ((d = (l = P.properties) == null ? void 0 : l.wind) == null ? void 0 : d.spd) < 24.5 ? M0 = "#f2f202" : ((R = (B = P.properties) == null ? void 0 : B.wind) == null ? void 0 : R.spd) >= 24.5 && ((h = (f = P.properties) == null ? void 0 : f.wind) == null ? void 0 : h.spd) < 32.7 ? M0 = "#ff9100" : ((X = (m = P.properties) == null ? void 0 : m.wind) == null ? void 0 : X.spd) >= 32.7 && ((y = (E = P.properties) == null ? void 0 : E.wind) == null ? void 0 : y.spd) < 41.5 ? M0 = "#f44336" : ((J = (F = P.properties) == null ? void 0 : F.wind) == null ? void 0 : J.spd) >= 41.5 && ((u = (V = P.properties) == null ? void 0 : V.wind) == null ? void 0 : u.spd) < 51 ? M0 = "#f903d0" : ((A0 = (g = P.properties) == null ? void 0 : g.wind) == null ? void 0 : A0.spd) >= 51 ? M0 = "#8702f9" : M0 = "#f44336";
+            ((q = (A = P.properties) == null ? void 0 : A.wind) == null ? void 0 : q.spd) < 17.2 || !((r = (a = P.properties) == null ? void 0 : a.wind) != null && r.spd) ? M0 = "#03f869" : ((n = (e = P.properties) == null ? void 0 : e.wind) == null ? void 0 : n.spd) >= 17.2 && ((d = (l = P.properties) == null ? void 0 : l.wind) == null ? void 0 : d.spd) < 24.5 ? M0 = "#f2f202" : ((R = (B = P.properties) == null ? void 0 : B.wind) == null ? void 0 : R.spd) >= 24.5 && ((h = (f = P.properties) == null ? void 0 : f.wind) == null ? void 0 : h.spd) < 32.7 ? M0 = "#ff9100" : ((X = (m = P.properties) == null ? void 0 : m.wind) == null ? void 0 : X.spd) >= 32.7 && ((y = (E = P.properties) == null ? void 0 : E.wind) == null ? void 0 : y.spd) < 41.5 ? M0 = "#f44336" : ((J = (F = P.properties) == null ? void 0 : F.wind) == null ? void 0 : J.spd) >= 41.5 && ((u = (V = P.properties) == null ? void 0 : V.wind) == null ? void 0 : u.spd) < 51 ? M0 = "#f903d0" : ((A0 = (g = P.properties) == null ? void 0 : g.wind) == null ? void 0 : A0.spd) >= 51 ? M0 = "#8702f9" : M0 = "#f44336";
             const e0 = `<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">
@@ -5447,7 +5447,7 @@ const B2 = {
         (B0 = this.map) != null && B0.getSource(this.interpolateSource) && ((L0 = this.map) == null || L0.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(b) {
-      var o, A, a, q, r, t, n, l;
+      var o, A, q, a, r, e, n, l;
       const M = b.features[0], z = (A = (o = this.tropicals) == null ? void 0 : o.data) == null ? void 0 : A.features.filter(
         (d) => {
           var B;
@@ -5458,7 +5458,7 @@ const B2 = {
         var R, f, h, m;
         return ((R = d.properties) == null ? void 0 : R.model) === "cma" ? -1 : ((f = d.properties) == null ? void 0 : f.model) === "jma" ? ((h = B.properties) == null ? void 0 : h.model) === "cma" ? 1 : -1 : d.properties.model === "ecmwf" ? ["jma", "cma"].includes((m = B.properties) == null ? void 0 : m.model) ? 1 : -1 : 0;
       });
-      const O = (q = (a = this.tropicals) == null ? void 0 : a.data) == null ? void 0 : q.features.filter(
+      const O = (a = (q = this.tropicals) == null ? void 0 : q.data) == null ? void 0 : a.features.filter(
         (d) => {
           var B;
           return d.geometry.type === "LineString" && d.properties.type === "history" && d.properties.name === ((B = M == null ? void 0 : M.properties) == null ? void 0 : B.name);
@@ -5467,21 +5467,21 @@ const B2 = {
       this.activeTropicals = {
         name: (r = M == null ? void 0 : M.properties) == null ? void 0 : r.name,
         forecasts: z.map((d) => d.properties),
-        history: (t = O[0]) == null ? void 0 : t.properties,
+        history: (e = O[0]) == null ? void 0 : e.properties,
         showCircle: (l = (n = z[0]) == null ? void 0 : n.properties) == null ? void 0 : l.showCircle
       }, this.showTropicals = !0;
       const p = document.getElementById("active-tropical");
       this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([b.lngLat.lng, b.lngLat.lat]) : this.activeTropicalsMarker = new w0.Marker(p).setLngLat([b.lngLat.lng, b.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
     },
     handleForecastToggle(b) {
-      var O, p, o, A, a, q;
+      var O, p, o, A, q, a;
       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((r) => {
         r.properties.category === M && (r.properties.disabled = b.disabled);
       }), this.interpolateData.forEach((r) => {
         r.properties.category === M && (r.properties.disabled = b.disabled);
-      }), (A = (o = this.map) == null ? void 0 : o.getSource(this.source)) == null || A.setData(v.featureCollection(z)), (q = (a = this.map) == null ? void 0 : a.getSource(this.clusterSource)) == null || q.setData(v.featureCollection(z)), this.handleDateChange();
+      }), (A = (o = this.map) == null ? void 0 : o.getSource(this.source)) == null || A.setData(v.featureCollection(z)), (a = (q = this.map) == null ? void 0 : q.getSource(this.clusterSource)) == null || a.setData(v.featureCollection(z)), this.handleDateChange();
     },
     handleStrikeProbability(b) {
       this.$emit("tropicalProbability", b);
@@ -5525,8 +5525,8 @@ const B2 = {
           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 });
-        M.push(a);
+        }, q = this.handleComputeArc(z.geometry.coordinates, A, { ...z.properties, level: 10 });
+        M.push(q);
       }
       return M;
     },
@@ -5534,23 +5534,23 @@ const B2 = {
       var o;
       const O = [];
       for (const A in M) {
-        const a = M[A] ?? 0;
-        let q;
+        const q = M[A] ?? 0;
+        let a;
         switch (A) {
           case "ne":
-            q = v.lineArc(b, a * 1.852, 0, 90, { steps: a > 0 ? 64 : 1 });
+            a = v.lineArc(b, q * 1.852, 0, 90, { steps: q > 0 ? 64 : 1 });
             break;
           case "se":
-            q = v.lineArc(b, a * 1.852, 90, 180, { steps: a > 0 ? 64 : 1 });
+            a = v.lineArc(b, q * 1.852, 90, 180, { steps: q > 0 ? 64 : 1 });
             break;
           case "sw":
-            q = v.lineArc(b, a * 1.852, 180, 270, { steps: a > 0 ? 64 : 1 });
+            a = v.lineArc(b, q * 1.852, 180, 270, { steps: q > 0 ? 64 : 1 });
             break;
           case "nw":
-            q = v.lineArc(b, a * 1.852, 270, 360, { steps: a > 0 ? 64 : 1 });
+            a = v.lineArc(b, q * 1.852, 270, 360, { steps: q > 0 ? 64 : 1 });
             break;
         }
-        O.push(...(o = q == null ? void 0 : q.geometry) == null ? void 0 : o.coordinates);
+        O.push(...(o = a == null ? void 0 : a.geometry) == null ? void 0 : o.coordinates);
       }
       const p = v.lineString(O);
       return v.lineToPolygon(p, { properties: z });
@@ -5573,7 +5573,7 @@ const B2 = {
   style: { "justify-content": "flex-start" }
 }, P2 = { class: "forecast-models" }, S2 = ["onClick"], k2 = { class: "more" };
 function Q2(b, M, z, O, p, o) {
-  var A, a, q, r, t, n, l, d, B, R, f, h, m, X, E;
+  var A, q, a, r, e, n, l, d, B, R, f, h, m, X, E;
   return y0((s(), W("div", g2, [
     c("div", N2, [
       c("div", {
@@ -5581,8 +5581,8 @@ function Q2(b, M, z, O, p, o) {
         onClick: M[0] || (M[0] = (y) => p.showTropicals = !1)
       }, ""),
       c("div", y2, [
-        (a = (A = p.activeTropicals) == null ? void 0 : A.history) != null && a.level ? (s(), W("span", X2, C((r = (q = p.activeTropicals) == null ? void 0 : q.history) == null ? void 0 : r.level) + " , ", 1)) : j("", !0),
-        z0(C((t = p.activeTropicals) == null ? void 0 : t.name), 1)
+        (q = (A = p.activeTropicals) == null ? void 0 : A.history) != null && q.level ? (s(), W("span", X2, C((r = (a = p.activeTropicals) == null ? void 0 : a.history) == null ? void 0 : r.level) + " , ", 1)) : j("", !0),
+        z0(C((e = p.activeTropicals) == null ? void 0 : e.name), 1)
       ]),
       c("div", w2, " Last update: " + C(o.computeTime(((l = (n = p.activeTropicals) == null ? void 0 : n.history) == null ? void 0 : l.updated) || ((R = (B = (d = p.activeTropicals) == null ? void 0 : d.forecasts) == null ? void 0 : B.filter((y) => !y.disabled)[0]) == null ? void 0 : R.date))), 1)
     ]),
@@ -6353,9 +6353,9 @@ const qM = {
         var b;
         if (this.showMeteo && this.ts) {
           const M = K(), z = (b = K(this.ts)) == null ? void 0 : b.diff(M, "d", !0), p = [0, 1, 2, 3, 4, 5, 6, 7].every((o) => {
-            var a;
+            var q;
             const A = T0(this.ts).tz(this.positionGmt).add(3 * o, "h").format();
-            return (a = v0.pickHourly(this.meteoData, A)) == null ? void 0 : a[0];
+            return (q = v0.pickHourly(this.meteoData, A)) == null ? void 0 : q[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) {
             const o = I0.pickDailyExtremes(this.tideData, this.ts);
@@ -6409,12 +6409,12 @@ const qM = {
         forecastDays: z ?? 7,
         weatherModels: p,
         marineModels: o
-      }, a = await f0.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, A, {
+      }, q = await f0.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, A, {
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
       });
-      (a == null ? void 0 : a.data.code) === 0 && (this.meteoData = a == null ? void 0 : a.data.data, this.loading = !1);
+      (q == null ? void 0 : q.data.code) === 0 && (this.meteoData = q == null ? void 0 : q.data.data, this.loading = !1);
     },
     async fetchHistoryData(b, M) {
       this.loading = !0, this.meteoData = [];
@@ -6434,24 +6434,24 @@ const qM = {
       (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;
-      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 = T0(this.ts)) == null ? void 0 : o.tz(this.positionGmt)) == null ? void 0 : A.format("MMM-DD/HHmm[LT]"), this.currentHourData = (a = v0.pickHourly(b, K(this.ts))) == null ? void 0 : a[0], this.$nextTick(() => {
-        var r, t, n, l, d, B, R, f, h, m, X, E, y, F, J, V, u, g, A0, n0, h0, i0, u0, p0, m0, B0, L0, r0, d0, g0, s0, P, M0, e0, I, b0, W0, l0, R0;
-        const q = document.getElementById("meteoMainBox");
-        if (!q)
+      var M, z, O, p, o, A, q;
+      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 = T0(this.ts)) == null ? void 0 : o.tz(this.positionGmt)) == null ? void 0 : A.format("MMM-DD/HHmm[LT]"), this.currentHourData = (q = v0.pickHourly(b, K(this.ts))) == null ? void 0 : q[0], this.$nextTick(() => {
+        var r, e, n, l, d, B, R, f, h, m, X, E, y, F, J, V, u, g, A0, n0, h0, i0, u0, p0, m0, B0, L0, r0, d0, g0, s0, P, M0, e0, I, b0, W0, l0, R0;
+        const a = document.getElementById("meteoMainBox");
+        if (!a)
           return !1;
-        if (q.className = "main-box", q.style.backgroundImage = null, q.style.backgroundPosition = "top left", ((t = (r = this.currentHourData) == null ? void 0 : r.weather) == null ? void 0 : t.code) === 0 && ((l = (n = this.currentHourData) == null ? void 0 : n.weather) == null ? void 0 : l.isDay) === 0)
-          q.className = "main-box night-bg";
+        if (a.className = "main-box", a.style.backgroundImage = null, a.style.backgroundPosition = "top left", ((e = (r = this.currentHourData) == null ? void 0 : r.weather) == null ? void 0 : e.code) === 0 && ((l = (n = this.currentHourData) == null ? void 0 : n.weather) == null ? void 0 : l.isDay) === 0)
+          a.className = "main-box night-bg";
         else {
           const o0 = (B = (d = this.currentHourData) == null ? void 0 : d.weather) == null ? void 0 : B.bg;
-          o0 ? (q.className = "main-box font-color-white", q.style.backgroundImage = `url(${o0})`, (o0 === "https://osshz.idmwx.com/asset/weather/bg2.png" || o0 === "https://osshz.idmwx.com/asset/weather/bg5.png") && (q.style.backgroundPosition = "right bottom")) : q.className = "main-box day-bg";
+          o0 ? (a.className = "main-box font-color-white", a.style.backgroundImage = `url(${o0})`, (o0 === "https://osshz.idmwx.com/asset/weather/bg2.png" || o0 === "https://osshz.idmwx.com/asset/weather/bg5.png") && (a.style.backgroundPosition = "right bottom")) : a.className = "main-box day-bg";
         }
         if (!this.currentHourData)
           return this.loading = !1, this.tableData.hours = [void 0, void 0, void 0, void 0, void 0, void 0, void 0, void 0], this.handleRender(), !1;
         for (let o0 = 0; o0 < 8; o0++) {
-          const e = T0(this.ts).tz(this.positionGmt).add(3 * o0, "h").format();
-          this.tableData.hours.push(e);
-          const i = ((R = v0.pickHourly(b, e)) == null ? void 0 : R[0]) || {};
+          const t = T0(this.ts).tz(this.positionGmt).add(3 * o0, "h").format();
+          this.tableData.hours.push(t);
+          const i = ((R = v0.pickHourly(b, t)) == null ? void 0 : R[0]) || {};
           this.tableData.temp.push(this.roundPrecision((f = i == null ? void 0 : i.weather) == null ? void 0 : f.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((m = (h = i == null ? void 0 : i.weather) == null ? void 0 : h.precip) == null ? void 0 : m.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((E = (X = i == null ? void 0 : i.weather) == null ? void 0 : X.precip) == null ? void 0 : E.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((y = i == null ? void 0 : i.weather) == null ? void 0 : y.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((J = (F = i == null ? void 0 : i.weather) == null ? void 0 : F.wind) == null ? void 0 : J.kts, 1) ?? "-"), this.tableData.windDir.push((u = (V = i == null ? void 0 : i.weather) == null ? void 0 : V.wind) == null ? void 0 : u.bearing), this.tableData.windGust.push(this.roundPrecision((A0 = (g = i == null ? void 0 : i.weather) == null ? void 0 : g.wind) == null ? void 0 : A0.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((h0 = (n0 = i == null ? void 0 : i.wave) == null ? void 0 : n0.sig) == null ? void 0 : h0.height, 1) ?? "-"), this.tableData.sigwaveDir.push((u0 = (i0 = i == null ? void 0 : i.wave) == null ? void 0 : i0.sig) == null ? void 0 : u0.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((m0 = (p0 = i == null ? void 0 : i.wave) == null ? void 0 : p0.wd) == null ? void 0 : m0.height, 1) ?? "-"), this.tableData.windwaveDir.push((L0 = (B0 = i == null ? void 0 : i.wave) == null ? void 0 : B0.wd) == null ? void 0 : L0.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((d0 = (r0 = i == null ? void 0 : i.wave) == null ? void 0 : r0.wd) == null ? void 0 : d0.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((s0 = (g0 = i == null ? void 0 : i.wave) == null ? void 0 : g0.swell) == null ? void 0 : s0.height, 1) ?? "-"), this.tableData.swellDir.push((M0 = (P = i == null ? void 0 : i.wave) == null ? void 0 : P.swell) == null ? void 0 : M0.bearing), this.tableData.swellPeriod.push(this.roundPrecision((I = (e0 = i == null ? void 0 : i.wave) == null ? void 0 : e0.swell) == null ? void 0 : I.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((b0 = i == null ? void 0 : i.current) == null ? void 0 : b0.speed, 1) ?? "-"), this.tableData.currentDir.push((W0 = i == null ? void 0 : i.current) == null ? void 0 : W0.bearing), this.tableData.seaLevel.push(this.roundPrecision(i == null ? void 0 : i.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(i == null ? void 0 : i.sst, 0) ?? "-"), this.tableData.weatherUrls.push((l0 = i == null ? void 0 : i.weather) == null ? void 0 : l0.url), this.tableData.weatherNames.push(((R0 = i == null ? void 0 : i.weather) == null ? void 0 : R0.name) ?? "-");
         }
       });
@@ -6546,19 +6546,19 @@ const qM = {
   class: "main-box flex-center"
 };
 function ab(b, M, z, O, p, o) {
-  var r, t, n, l, d, B, R, f, h, m, X, E, y, F, J, V;
-  const A = x("LocationFilled"), a = x("ElIcon"), q = x("ElTooltip");
+  var r, e, n, l, d, B, R, f, h, m, X, E, y, F, J, V;
+  const A = x("LocationFilled"), q = x("ElIcon"), a = x("ElTooltip");
   return y0((s(), W("div", iM, [
     c("div", rM, [
       c("div", nM, [
         c("div", dM, [
-          T(a, { size: "22" }, {
+          T(q, { size: "22" }, {
             default: a0(() => [
               T(A)
             ]),
             _: 1
           }),
-          c("div", sM, C(o.computeLat((r = p.point) == null ? void 0 : r.lat)) + "," + C(o.computeLng((t = p.point) == null ? void 0 : t.lng)), 1)
+          c("div", sM, C(o.computeLat((r = p.point) == null ? void 0 : r.lat)) + "," + C(o.computeLng((e = p.point) == null ? void 0 : e.lng)), 1)
         ]),
         c("div", {
           class: "iconfont close",
@@ -6570,7 +6570,7 @@ function ab(b, M, z, O, p, o) {
       ]))) : (s(), W("div", WM, [
         c("div", lM, [
           c("div", fM, [
-            T(q, {
+            T(a, {
               placement: "top",
               effect: "light",
               content: (l = (n = p.currentHourData) == null ? void 0 : n.weather) == null ? void 0 : l.name,
@@ -6676,7 +6676,7 @@ function ab(b, M, z, O, p, o) {
                 colspan: "1",
                 key: `weatherUrls${g}${u}`
               }, [
-                T(q, {
+                T(a, {
                   placement: "top",
                   effect: "light",
                   content: p.tableData.weatherNames[g],
@@ -6804,7 +6804,7 @@ function ab(b, M, z, O, p, o) {
                 colspan: "1",
                 key: `currentweatherUrls${g}${u}`
               }, [
-                T(q, {
+                T(a, {
                   placement: "top",
                   effect: "light",
                   content: p.tableData.weatherNames[g],
@@ -6955,7 +6955,7 @@ function ab(b, M, z, O, p, o) {
                 colspan: "1",
                 key: `seaweatherUrls${g}${u}`
               }, [
-                T(q, {
+                T(a, {
                   placement: "top",
                   effect: "light",
                   content: p.tableData.weatherNames[g],
@@ -7518,7 +7518,7 @@ function mb(b, M, z, O, p, o) {
   return y0((s(), W("div", Rb, [
     c("div", {
       class: "iconfont close",
-      onClick: M[0] || (M[0] = (a) => p.showZone = !1)
+      onClick: M[0] || (M[0] = (q) => p.showZone = !1)
     }, ""),
     c("div", {
       class: "rich-context",
@@ -8338,44 +8338,51 @@ const K0 = /* @__PURE__ */ k(Vb, [["render", Zb], ["__scopeId", "data-v-ad66a24c
   watch: {
     show: {
       handler() {
-        this.handleBind();
+        var b, M, z;
+        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");
+          let O = this.geojson.find((p) => !p.closed);
+          O && this.handleClear(O, !0), this.geojson = this.geojson.filter((p) => !!p.closed), O = v.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(O);
+        }
       },
       immediate: !0
     },
     map: {
       handler() {
-        this.map && this.handleBind();
+        this.map && (this.show ? this.handleBind() : this.handleUnbind());
       }
     }
   },
   methods: {
     handleBind() {
-      var b, M, z, O, p, o, A, a, q, r;
-      if (this.show)
-        (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");
-      else {
-        (o = this.map) == null || o.getCanvas().removeEventListener("keydown", this.handleKeydown), (A = this.map) == null || A.off("mousemove", this.handleMove), (a = this.map) == null || a.off("dblclick", this.handleDblClick), (q = this.map) == null || q.off("click", this.handleClick), (r = this.map) == null || r.off("contextmenu", this.handleContextmenu);
-        for (const t of this.geojson)
-          this.handleClear(t, !0);
-        this.geojson = [], this.map && (this.map.getCanvas().style.cursor = "grab");
-      }
+      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");
+    },
+    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);
+      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") {
         this.navigation = this.navigation === "RL" ? "GC" : "RL";
-        const z = this.geojson.at(-1).features.filter((O) => O.geometry.type === "Point");
-        z.length && (z.at(-1).properties.mode = this.navigation);
+        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);
       }
     },
     handleDrag(b) {
-      var z, O, p, o, A, a, q, r, t, n;
+      var z, O, p, o, A, q, a, r, e, n;
       const M = (O = (z = b.target) == null ? void 0 : z._element) == null ? void 0 : O.id;
       if ((M == null ? void 0 : M.split("-").length) === 2) {
         const l = this.geojson.filter((f) => f.id === M.split("-")[0])[0];
         this.pointMarkers[l.id].filter((f) => {
           var h;
           return ((h = f._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 = b.target) == null ? void 0 : p._lngLat) == null ? void 0 : o.lng, (q = (A = b.target) == null ? void 0 : A._lngLat) == null ? void 0 : q.lat]);
         let B;
         l.features.forEach((f, h) => {
           if (f.geometry.type === "Point" && f.properties.id == M.split("-")[1]) {
@@ -8387,22 +8394,22 @@ const K0 = /* @__PURE__ */ k(Vb, [["render", Zb], ["__scopeId", "data-v-ad66a24c
         this.handleTmpPointUpdate(
           l,
           R[B - 1],
-          { lng: (r = (q = b.target) == null ? void 0 : q._lngLat) == null ? void 0 : r.lng, lat: (n = (t = b.target) == null ? void 0 : t._lngLat) == null ? void 0 : n.lat, properties: R[B].properties },
+          { lng: (r = (a = b.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, lat: (n = (e = b.target) == null ? void 0 : e._lngLat) == null ? void 0 : n.lat, properties: R[B].properties },
           B === R.length - 1 ? void 0 : R[B + 1]
         );
       }
     },
     handleDragEnd(b) {
-      var z, O, p, o, A, a, q, r, t, n;
+      var z, O, p, o, A, q, a, r, e, n;
       const M = (O = (z = b.target) == null ? void 0 : z._element) == null ? void 0 : O.id;
       if ((M == null ? void 0 : M.split("-").length) === 2) {
         const l = this.geojson.filter((R) => R.id === M.split("-")[0])[0];
         this.pointMarkers[l.id].filter((R) => {
           var f;
           return ((f = R._element) == null ? void 0 : f.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 = b.target) == null ? void 0 : p._lngLat) == null ? void 0 : o.lng, (q = (A = b.target) == null ? void 0 : A._lngLat) == null ? void 0 : q.lat]);
         const B = l.features.filter((R) => R.geometry.type === "Point" && R.properties.id == M.split("-")[1])[0];
-        B.geometry.coordinates = [(r = (q = b.target) == null ? void 0 : q._lngLat) == null ? void 0 : r.lng, (n = (t = b.target) == null ? void 0 : t._lngLat) == null ? void 0 : n.lat], l.features = l.features.filter((R) => R.geometry.type === "Point"), this.handlePointUpdate(l);
+        B.geometry.coordinates = [(r = (a = b.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, (n = (e = b.target) == null ? void 0 : e._lngLat) == null ? void 0 : n.lat], l.features = l.features.filter((R) => R.geometry.type === "Point"), this.handlePointUpdate(l);
       }
     },
     handleContextmenu(b) {
@@ -8410,27 +8417,27 @@ const K0 = /* @__PURE__ */ k(Vb, [["render", Zb], ["__scopeId", "data-v-ad66a24c
       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;
       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((r) => r.properties.id === (M == null ? void 0 : M.split("-")[1]))[0]) {
+        const q = this.geojson.filter((a) => a.id === M.split("-")[0])[0].features.filter((a) => a.geometry.type === "Point");
+        if (q.length > 2 && q.filter((r) => r.properties.id === (M == null ? void 0 : M.split("-")[1]))[0]) {
           const r = document.createElement("div");
           r.className = "point-contextmenu-marker", r.innerHTML = `<span id="del-${M}" class="del-point">Del</span>`, this.contextmenu = new w0.Marker(r).setOffset([24, 0]).setLngLat([b.lngLat.lng, b.lngLat.lat]).addTo(this.map);
         }
       }
     },
     handleClick(b) {
-      var z, O, p, o, A;
+      var z, O, p, o, A, q;
       (z = this.contextmenu) == null || z.remove();
       const M = b.originalEvent.target.className;
       if (M === "marker-close") {
-        const a = (p = (O = b.originalEvent) == null ? void 0 : O.srcElement) == null ? void 0 : p.id, q = this.geojson.filter((r) => r.id === a)[0];
-        q && this.handleClear(q, !0), this.geojson = this.geojson.filter((r) => r.id !== a);
+        const a = (p = (O = b.originalEvent) == null ? void 0 : O.srcElement) == null ? void 0 : p.id, r = this.geojson.filter((e) => e.id === a)[0];
+        r && this.handleClear(r, !0), this.geojson = this.geojson.filter((e) => e.id !== a), !this.show && !((o = this.geojson) != null && o.some((e) => e.closed)) && this.handleUnbind();
       } else if (M === "del-point") {
-        const a = (A = (o = b.originalEvent.target.id) == null ? void 0 : o.replace("del-", "")) == null ? void 0 : A.split("-"), q = this.geojson.filter((r) => r.id === a[0])[0];
-        q.features = q.features.filter((r) => r.geometry.type === "Point" && r.properties.id !== a[1]), this.handlePointUpdate(q);
-      } else if (M !== "marker-label") {
+        const a = (q = (A = b.originalEvent.target.id) == null ? void 0 : A.replace("del-", "")) == null ? void 0 : q.split("-"), r = this.geojson.filter((e) => e.id === a[0])[0];
+        r.features = r.features.filter((e) => e.geometry.type === "Point" && e.properties.id !== a[1]), this.handlePointUpdate(r);
+      } else if (M !== "marker-label" && this.show) {
         let a = this.geojson.at(-1);
-        a || (a = v.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(a)), a.features = a.features.filter((r) => r.geometry.type === "Point");
-        const q = v.feature(
+        a || (a = v.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(a)), a.features = a.features.filter((e) => e.geometry.type === "Point");
+        const r = v.feature(
           {
             type: "Point",
             coordinates: [b.lngLat.lng, b.lngLat.lat]
@@ -8440,7 +8447,7 @@ const K0 = /* @__PURE__ */ k(Vb, [["render", Zb], ["__scopeId", "data-v-ad66a24c
             mode: this.navigation
           }
         );
-        a.features.push(q), this.handlePointUpdate(a);
+        a.features.push(r), this.handlePointUpdate(a);
       }
     },
     handlePointUpdate(b) {
@@ -8449,12 +8456,12 @@ const K0 = /* @__PURE__ */ k(Vb, [["render", Zb], ["__scopeId", "data-v-ad66a24c
         let z = 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] }, r = { lng: A.geometry.coordinates[0], lat: A.geometry.coordinates[1] }, t = N0.calculateDistance(q, r, a.mode === "RL", 2), n = N0.calculateBearing(q, r, a.mode === "RL", 2);
-          z = $.roundPrecision(z + t, 2);
+          const o = M[p - 1], A = M[p], q = o.properties, a = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, r = { lng: A.geometry.coordinates[0], lat: A.geometry.coordinates[1] }, e = N0.calculateDistance(a, r, q.mode === "RL", 2), n = N0.calculateBearing(a, r, q.mode === "RL", 2);
+          z = $.roundPrecision(z + e, 2);
           let l;
-          a.mode === "RL" ? l = $.convertToMonotonicLng([q, r]) : l = $.convertToMonotonicLng(N0.interpolateCoordinates(q, r, 200));
+          q.mode === "RL" ? l = $.convertToMonotonicLng([a, r]) : l = $.convertToMonotonicLng(N0.interpolateCoordinates(a, r, 200));
           const d = v.lineString(l.map((B) => [B.lng, B.lat]));
-          d.properties.dist = t, d.properties.bearing = n, d.properties.total = z, O.push(d);
+          d.properties.dist = e, d.properties.bearing = n, d.properties.total = z, O.push(d);
         }
         M.push(...O), b.total = z;
       }
@@ -8464,18 +8471,18 @@ const K0 = /* @__PURE__ */ k(Vb, [["render", Zb], ["__scopeId", "data-v-ad66a24c
       const p = v.featureCollection([]);
       let o, A;
       if (M) {
-        const q = M.properties, r = { lng: M.geometry.coordinates[0], lat: M.geometry.coordinates[1] }, t = { lng: z.lng, lat: z.lat };
-        o = N0.calculateDistance(r, t, q.mode === "RL", 2), A = N0.calculateBearing(r, t, q.mode === "RL", 2);
+        const a = M.properties, r = { lng: M.geometry.coordinates[0], lat: M.geometry.coordinates[1] }, e = { lng: z.lng, lat: z.lat };
+        o = N0.calculateDistance(r, e, a.mode === "RL", 2), A = N0.calculateBearing(r, e, a.mode === "RL", 2);
         let n;
-        q.mode === "RL" ? n = $.convertToMonotonicLng([r, t]) : n = $.convertToMonotonicLng(N0.interpolateCoordinates(r, t, 200));
+        a.mode === "RL" ? n = $.convertToMonotonicLng([r, e]) : n = $.convertToMonotonicLng(N0.interpolateCoordinates(r, e, 200));
         const l = v.lineString(n.map((d) => [d.lng, d.lat]));
         l.properties.dist = o, l.properties.bearing = A, p.features.push(l);
       }
       if (O) {
-        const q = z.properties, r = z, t = { lng: O.geometry.coordinates[0], lat: O.geometry.coordinates[1] };
-        o = N0.calculateDistance(r, t, q.mode === "RL", 2), A = N0.calculateBearing(r, t, q.mode === "RL", 2);
+        const a = z.properties, r = z, e = { lng: O.geometry.coordinates[0], lat: O.geometry.coordinates[1] };
+        o = N0.calculateDistance(r, e, a.mode === "RL", 2), A = N0.calculateBearing(r, e, a.mode === "RL", 2);
         let n;
-        q.mode === "RL" ? n = $.convertToMonotonicLng([r, t]) : n = $.convertToMonotonicLng(N0.interpolateCoordinates(r, t, 200));
+        a.mode === "RL" ? n = $.convertToMonotonicLng([r, e]) : n = $.convertToMonotonicLng(N0.interpolateCoordinates(r, e, 200));
         const l = v.lineString(n.map((d) => [d.lng, d.lat]));
         l.properties.dist = o, l.properties.bearing = A, p.features.push(l);
       }
@@ -8516,12 +8523,12 @@ const K0 = /* @__PURE__ */ k(Vb, [["render", Zb], ["__scopeId", "data-v-ad66a24c
           "text-halo-blur": 0
         }
       });
-      let a;
-      if (O ? a = '<div class="marker-label">Drag and drop</div>' : a = `<div class="marker-label">Tol distance: <b>${$.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]);
+      let q;
+      if (O ? q = '<div class="marker-label">Drag and drop</div>' : q = `<div class="marker-label">Total distance: <b>${$.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 = q, this.tipMarker.setLngLat([z.lng, z.lat]);
       else {
-        const q = document.createElement("div");
-        q.className = "tip-marker", q.innerHTML = a, this.tipMarker = new w0.Marker(q).setOffset([140, 0]).setLngLat([z.lng, z.lat]).addTo(this.map);
+        const a = document.createElement("div");
+        a.className = "tip-marker", a.innerHTML = q, this.tipMarker = new w0.Marker(a).setOffset([140, 0]).setLngLat([z.lng, z.lat]).addTo(this.map);
       }
     },
     handleMove(b) {
@@ -8577,21 +8584,21 @@ const K0 = /* @__PURE__ */ k(Vb, [["render", Zb], ["__scopeId", "data-v-ad66a24c
         });
         const o = b.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>';
-          const q = new w0.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];
+          const q = document.createElement("div");
+          q.id = `${b.id}-${A.properties.id}`, q.className = `${b.closed ? "point-marker closed" : "point-marker"}`, q.innerHTML = '<div class="marker-circle"></div>';
+          const a = new w0.Marker({ element: q, draggable: !0, contextmenu: !0 }).setLngLat(A.geometry.coordinates).addTo(this.map);
+          a.on("drag", this.handleDrag), a.on("dragend", this.handleDragEnd), this.pointMarkers[b.id] ? this.pointMarkers[b.id].push(a) : this.pointMarkers[b.id] = [a];
         }
         if (b.closed) {
-          const A = o.at(-1), q = b.features.filter((t) => t.geometry.type === "LineString").at(-1), r = document.createElement("div");
-          r.className = "point-summary-marker", r.innerHTML = `<div id="${b.id}" class="marker-close">×</div><div class="marker-label">Tol: ${q.properties.total}nm</div>`, this.closeMarkers[b.id] = new w0.Marker(r).setOffset([60, 0]).setLngLat(A.geometry.coordinates).addTo(this.map);
+          const A = o.at(-1), a = b.features.filter((e) => e.geometry.type === "LineString").at(-1), r = document.createElement("div");
+          r.className = "point-summary-marker", r.innerHTML = `<div id="${b.id}" class="marker-close">×</div><div class="marker-label">Tol: ${a.properties.total}nm</div>`, this.closeMarkers[b.id] = new w0.Marker(r).setOffset([60, 0]).setLngLat(A.geometry.coordinates).addTo(this.map);
         }
       }
     },
     handleClear(b, M = !0) {
-      var o, A, a, q, r, t, n, l, d;
+      var o, A, q, a, r, e, n, l, d;
       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), (r = this.closeMarkers[b.id]) == null || r.remove(), this.closeMarkers[b.id] = void 0, (t = this.pointMarkers[b.id]) == null || t.forEach((B) => {
+      (o = this.map) != null && o.getLayer(O) && this.map.removeLayer(O), (A = this.map) != null && A.getLayer(p) && this.map.removeLayer(p), (q = this.map) != null && q.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (a = this.map) != null && a.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (r = this.closeMarkers[b.id]) == null || r.remove(), this.closeMarkers[b.id] = void 0, (e = this.pointMarkers[b.id]) == null || e.forEach((B) => {
         B == null || B.remove();
       }), this.pointMarkers[b.id] = [], (n = this.tipMarker) == null || n.remove(), this.tipMarker = void 0, M && ((l = this.map) != null && l.getSource(z)) && this.map.removeSource(z), M && ((d = this.map) != null && d.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
@@ -8671,7 +8678,7 @@ function oz(b, M, z, O, p, o) {
           default: a0(() => [
             c("div", {
               class: U(p.vendor === "hi" ? "menu-icon active" : "menu-icon"),
-              onClick: M[0] || (M[0] = (a) => p.vendor = "hi")
+              onClick: M[0] || (M[0] = (q) => p.vendor = "hi")
             }, M[2] || (M[2] = [
               c("span", { class: "iconfont" }, "HI", -1)
             ]), 2)
@@ -8687,7 +8694,7 @@ function oz(b, M, z, O, p, o) {
           default: a0(() => [
             c("div", {
               class: U(p.vendor === "i4" ? "menu-icon active" : "menu-icon"),
-              onClick: M[1] || (M[1] = (a) => p.vendor = "i4")
+              onClick: M[1] || (M[1] = (q) => p.vendor = "i4")
             }, M[3] || (M[3] = [
               c("span", { class: "iconfont" }, "I4", -1)
             ]), 2)
@@ -8863,16 +8870,16 @@ const az = {
     },
     enc: {
       handler(b, M) {
-        var z, O, p, o, A, a, q, r;
-        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"), (r = (q = this.map) == null ? void 0 : q.getLayer("hi")) == null || r.setLayoutProperty("visibility", "none"));
+        var z, O, p, o, A, q, a, r;
+        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")) : ((q = (A = this.map) == null ? void 0 : A.getLayer("i4")) == null || q.setLayoutProperty("visibility", "none"), (r = (a = this.map) == null ? void 0 : a.getLayer("hi")) == null || r.setLayoutProperty("visibility", "none"));
       }
     },
     activeWeatherLayers: {
       handler() {
-        var b, M, z, O, p, o, A, a, q, r, t, n, l, d;
+        var b, M, z, O, p, o, A, q, a, r, e, n, l, d;
         if (!this.map)
           return !1;
-        this.activeWeatherLayers.length > 0 ? ((M = (b = this.map) == null ? void 0 : b.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || M.setLayoutProperty("visibility", "visible"), (O = this.map) != null && O.getLayer((z = this.viewport) == null ? void 0 : z.rampColorLayer) && ((p = this.map) != null && p.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((A = this.map) == null || A.moveLayer((o = this.viewport) == null ? void 0 : o.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (q = this.map) != null && q.getLayer((a = this.viewport) == null ? void 0 : a.particleLayer) && ((r = this.map) != null && r.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((n = this.map) == null || n.moveLayer((t = this.viewport) == null ? void 0 : t.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : (d = (l = this.map) == null ? void 0 : l.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || d.setLayoutProperty("visibility", "none"), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
+        this.activeWeatherLayers.length > 0 ? ((M = (b = this.map) == null ? void 0 : b.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || M.setLayoutProperty("visibility", "visible"), (O = this.map) != null && O.getLayer((z = this.viewport) == null ? void 0 : z.rampColorLayer) && ((p = this.map) != null && p.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((A = this.map) == null || A.moveLayer((o = this.viewport) == null ? void 0 : o.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (a = this.map) != null && a.getLayer((q = this.viewport) == null ? void 0 : q.particleLayer) && ((r = this.map) != null && r.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((n = this.map) == null || n.moveLayer((e = this.viewport) == null ? void 0 : e.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : (d = (l = this.map) == null ? void 0 : l.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || d.setLayoutProperty("visibility", "none"), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
       },
       immediate: !0
     },
@@ -8924,7 +8931,7 @@ const az = {
   },
   methods: {
     async fetchWeatherLayers(b = { tropicals: !1 }) {
-      var p, o, A, a, q, r, t, n;
+      var p, o, A, q, a, r, e, n;
       const M = (/* @__PURE__ */ new Date()).valueOf();
       let z = 0, O = 0;
       if (this.map) {
@@ -8945,7 +8952,7 @@ const az = {
               }
             });
             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) {
-              const m = (a = h == null ? void 0 : h.data) == null ? void 0 : a.data, X = [];
+              const m = (q = h == null ? void 0 : h.data) == null ? void 0 : q.data, X = [];
               for (const y in m)
                 y === "ice-edge" && (m[y] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), y !== "tropicals" && X.push(
                   f0.get(m[y], {
@@ -8986,7 +8993,7 @@ const az = {
               });
             }
             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"]) {
-              const m = (q = this.weatherLayers["swell-direction"]) == null ? void 0 : q.raw, X = (r = this.weatherLayers["swell-height"]) == null ? void 0 : r.raw;
+              const m = (a = this.weatherLayers["swell-direction"]) == null ? void 0 : a.raw, X = (r = this.weatherLayers["swell-height"]) == null ? void 0 : r.raw;
               delete this.weatherLayers["swell-direction"], delete this.weatherLayers["swell-height"], this.weatherLayers.swell = {
                 type: "json",
                 direction: m,
@@ -8995,7 +9002,7 @@ const az = {
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
-              const m = (t = this.weatherLayers["current-direction"]) == null ? void 0 : t.raw, X = (n = this.weatherLayers["current-speed"]) == null ? void 0 : n.raw;
+              const m = (e = this.weatherLayers["current-direction"]) == null ? void 0 : e.raw, X = (n = this.weatherLayers["current-speed"]) == null ? void 0 : n.raw;
               delete this.weatherLayers["current-direction"], delete this.weatherLayers["current-speed"], this.weatherLayers.current = {
                 type: "json",
                 direction: m,
@@ -9015,18 +9022,18 @@ const az = {
       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) {
+          let A = !1, q = !1;
+          if (this.otherWeight & 2048 && (o = this.otherWeight - 2048, A = !0), this.otherWeight & 8192 && (o = o - 8192, q = !0), o) {
             if (b.all) {
-              const q = await f0.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
+              const a = await f0.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 r = (z = q == null ? void 0 : q.data) == null ? void 0 : z.data, t = [];
+              if (((M = a == null ? void 0 : a.data) == null ? void 0 : M.code) === 0) {
+                const r = (z = a == null ? void 0 : a.data) == null ? void 0 : z.data, e = [];
                 for (const l in r)
-                  t.push(
+                  e.push(
                     f0.get(r[l], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
@@ -9034,23 +9041,23 @@ const az = {
                       }
                     })
                   );
-                const n = await Promise.all(t);
-                this.otherLayers = { enc: A, world12nm: a }, n.map((l) => {
+                const n = await Promise.all(e);
+                this.otherLayers = { enc: A, world12nm: q }, n.map((l) => {
                   var R, f, h;
                   const d = ((R = l == null ? void 0 : l.data) == null ? void 0 : R.data) || (l == null ? void 0 : l.data), B = (h = (f = l == null ? void 0 : l.config) == null ? void 0 : f.headers) == null ? void 0 : h.key;
                   this.otherLayers[B] = d;
                 });
               }
             } else if (b.dayNight && o & 1024) {
-              const q = await f0.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
+              const a = await f0.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
               });
-              if (((O = q == null ? void 0 : q.data) == null ? void 0 : O.code) === 0) {
-                const r = (p = q == null ? void 0 : q.data) == null ? void 0 : p.data, t = [];
+              if (((O = a == null ? void 0 : a.data) == null ? void 0 : O.code) === 0) {
+                const r = (p = a == null ? void 0 : a.data) == null ? void 0 : p.data, e = [];
                 for (const l in r)
-                  t.push(
+                  e.push(
                     f0.get(r[l], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
@@ -9058,7 +9065,7 @@ const az = {
                       }
                     })
                   );
-                (await Promise.all(t)).map((l) => {
+                (await Promise.all(e)).map((l) => {
                   var R, f, h;
                   const d = ((R = l == null ? void 0 : l.data) == null ? void 0 : R.data) || (l == null ? void 0 : l.data), B = (h = (f = l == null ? void 0 : l.config) == null ? void 0 : f.headers) == null ? void 0 : h.key;
                   this.otherLayers[B] = d;
@@ -9066,7 +9073,7 @@ const az = {
               }
             }
           } else
-            this.otherLayers = { enc: A, world12nm: a };
+            this.otherLayers = { enc: A, world12nm: q };
         } else
           this.otherLayers = {};
         this.handleBeforeLayerToggle();
@@ -9082,7 +9089,7 @@ const az = {
       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, r, t, n;
+      var b, M, z, O, p, o, A, q, a, r, e, n;
       this.viewport.map.getSource((b = this.viewport) == null ? void 0 : b.rampColorSource) || this.viewport.map.addSource((M = this.viewport) == null ? void 0 : M.rampColorSource, {
         type: "canvas",
         canvas: (z = this.viewport) == null ? void 0 : z.rampColorCanvas,
@@ -9098,15 +9105,15 @@ const az = {
           }
         },
         this.beforeLayer
-      ), this.viewport.map.getSource((A = this.viewport) == null ? void 0 : A.particleSource) || this.viewport.map.addSource((a = this.viewport) == null ? void 0 : a.particleSource, {
+      ), this.viewport.map.getSource((A = this.viewport) == null ? void 0 : A.particleSource) || this.viewport.map.addSource((q = this.viewport) == null ? void 0 : q.particleSource, {
         type: "canvas",
-        canvas: (q = this.viewport) == null ? void 0 : q.particleCanvas,
+        canvas: (a = this.viewport) == null ? void 0 : a.particleCanvas,
         animate: !0,
         coordinates: this.viewport.getBoundLngLat()
       }), this.viewport.map.getLayer((r = this.viewport) == null ? void 0 : r.particleLayer) || this.viewport.map.addLayer(
         {
           type: "raster",
-          id: (t = this.viewport) == null ? void 0 : t.particleLayer,
+          id: (e = this.viewport) == null ? void 0 : e.particleLayer,
           source: (n = this.viewport) == null ? void 0 : n.particleSource,
           layout: {
             visibility: "none"
@@ -9116,18 +9123,18 @@ const az = {
       );
     },
     handleDragEndWithZoom4Json() {
-      var r, t, n, l;
+      var r, e, n, l;
       const b = (/* @__PURE__ */ new Date()).valueOf();
       let M = 0, z = 0;
-      const O = (r = this.map) == null ? void 0 : r.getBounds(), p = this.map.getZoom(), o = $.convertToStdLng(O._sw.lng), A = $.convertToStdLng(O._ne.lng), a = Math.floor(O._sw.lat), q = Math.ceil(O._ne.lat);
+      const O = (r = this.map) == null ? void 0 : r.getBounds(), p = this.map.getZoom(), o = $.convertToStdLng(O._sw.lng), A = $.convertToStdLng(O._ne.lng), q = Math.floor(O._sw.lat), a = Math.ceil(O._ne.lat);
       for (const d in this.weatherLayers)
         if (this.weatherLayers[d].active && this.weatherLayers[d].type === "json") {
           this.weatherLayers[d].active = !1, this.weatherLayers[d].version = Math.random() + 1;
           let B = [];
           if (["swell", "current"].includes(d)) {
-            const R = ((t = this.weatherLayers[d]) == null ? void 0 : t.direction) || {};
+            const R = ((e = this.weatherLayers[d]) == null ? void 0 : e.direction) || {};
             for (const f in R)
-              if (f > a && f < q && (!(p <= this.zoom) || f % (p < this.zoom / 2 ? 5 : 3) === 0)) {
+              if (f > q && f < a && (!(p <= this.zoom) || f % (p < this.zoom / 2 ? 5 : 3) === 0)) {
                 const h = R[f].lng;
                 o > A ? h.forEach((m, X) => {
                   var E;
@@ -9195,7 +9202,7 @@ const az = {
           } else if (d === "wind") {
             const R = this.weatherLayers.wind.raw;
             for (const f in R)
-              if (f > a && f < q && (!(p <= this.zoom) || f % (p < this.zoom / 2 ? 5 : 3) === 0)) {
+              if (f > q && f < a && (!(p <= this.zoom) || f % (p < this.zoom / 2 ? 5 : 3) === 0)) {
                 const h = R[f].lng;
                 o > A ? h.forEach((m, X) => {
                   if ((m >= o && m <= 180 || m >= -180 && m <= A) && (!(p <= this.zoom) || m % (p < this.zoom / 2 ? 5 : 3) === 0)) {
@@ -9307,11 +9314,11 @@ const az = {
       return b.features.forEach((o) => {
         if (o.geometry.type !== "Point")
           if (O > p) {
-            let A = [O, M._sw.lat, 180, M._ne.lat], a = v.bboxClip(o, A);
-            a.geometry.coordinates.length && z.push(a), A = [-180, M._sw.lat, p, M._ne.lat], a = v.bboxClip(o, A), a.geometry.coordinates.length && z.push(a);
+            let A = [O, M._sw.lat, 180, M._ne.lat], q = v.bboxClip(o, A);
+            q.geometry.coordinates.length && z.push(q), A = [-180, M._sw.lat, p, M._ne.lat], q = v.bboxClip(o, A), q.geometry.coordinates.length && z.push(q);
           } else {
-            const A = [O, M._sw.lat, p, M._ne.lat], a = v.bboxClip(o, A);
-            a.geometry.coordinates.length && z.push(a);
+            const A = [O, M._sw.lat, p, M._ne.lat], q = v.bboxClip(o, A);
+            q.geometry.coordinates.length && z.push(q);
           }
         else
           z.push(o);
@@ -9328,8 +9335,8 @@ const az = {
       this.handleBeforeLayerToggle();
     },
     handleBeforeLayerToggle() {
-      var b, M, z, O, p, o, A, a, q, r, t, n, l, d;
-      (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 || (r = this.otherLayers) != null && r.enc || (t = this.otherLayers) != null && t.world12nm || (n = this.otherLayers) != null && n["voluntary-reporting-area"] || (l = this.otherLayers) != null && l["eca-zones"] || (d = this.otherLayers) != null && d["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
+      var b, M, z, O, p, o, A, q, a, r, e, n, l, d;
+      (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"] || (q = this.otherLayers) != null && q.pirates || (a = this.otherLayers) != null && a.ports || (r = this.otherLayers) != null && r.enc || (e = this.otherLayers) != null && e.world12nm || (n = this.otherLayers) != null && n["voluntary-reporting-area"] || (l = this.otherLayers) != null && l["eca-zones"] || (d = this.otherLayers) != null && d["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
     },
     handleDateChange(b = { tropicals: !1 }) {
       this.fetchWeatherLayers(b), this.fetchOtherLayers({ dayNight: !0 });
@@ -9340,7 +9347,7 @@ const az = {
         const z = this.activeWeatherLayers.some(
           (o) => {
             var A;
-            return ["wind", "current"].includes(o.key) && (!((A = Object.keys(o)) != null && A.some((a) => a === "particle")) || !!o.particle);
+            return ["wind", "current"].includes(o.key) && (!((A = Object.keys(o)) != null && A.some((q) => q === "particle")) || !!o.particle);
           }
         ), O = this.activeWeatherLayers.some((o) => ["png", "jpg"].includes(o.type));
         z && !O ? (this.activeWeatherLayers.forEach((o) => {
@@ -9363,8 +9370,8 @@ const az = {
       }
     },
     handle3dToggle(b) {
-      var M, z, O, p, o, A, a, q, r, t, n, l, d, B, R, f, h, m, X, E;
-      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)) && ((t = this.map) == null || t.moveLayer((r = this.viewport) == null ? void 0 : r.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(), (l = this.map) != null && l.getLayer((n = this.viewport) == null ? void 0 : n.rampColorLayer) && ((d = this.map) != null && d.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((R = this.map) == null || R.moveLayer((B = this.viewport) == null ? void 0 : B.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (h = this.map) != null && h.getLayer((f = this.viewport) == null ? void 0 : f.particleLayer) && ((m = this.map) != null && m.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((E = this.map) == null || E.moveLayer((X = this.viewport) == null ? void 0 : X.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
+      var M, z, O, p, o, A, q, a, r, e, n, l, d, B, R, f, h, m, X, E;
+      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)), (q = this.map) != null && q.getLayer((A = this.viewport) == null ? void 0 : A.particleLayer) && ((a = this.map) != null && a.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((e = this.map) == null || e.moveLayer((r = this.viewport) == null ? void 0 : r.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(), (l = this.map) != null && l.getLayer((n = this.viewport) == null ? void 0 : n.rampColorLayer) && ((d = this.map) != null && d.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((R = this.map) == null || R.moveLayer((B = this.viewport) == null ? void 0 : B.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (h = this.map) != null && h.getLayer((f = this.viewport) == null ? void 0 : f.particleLayer) && ((m = this.map) != null && m.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((E = this.map) == null || E.moveLayer((X = this.viewport) == null ? void 0 : X.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) => {
@@ -9388,8 +9395,8 @@ const az = {
   className: "map-gl-home"
 };
 function iz(b, M, z, O, p, o) {
-  var r0, d0, g0, s0, P, M0, e0, I, b0, W0, l0, R0, o0, e, i, L, N, w, D, Z, S, G, x0, k0, Q0, H0, _0;
-  const A = x("IdmGlLayer"), a = x("IdmENC"), q = x("IdmWorld12nm"), r = x("IdmSigWave"), t = x("IdmSwell"), n = x("IdmPrmsl"), l = x("IdmIceberg"), d = x("IdmTropicals"), B = x("IdmCurrents"), R = x("IdmCurrentParticle"), f = x("IdmWindBarb"), h = x("IdmWindParticle"), m = x("IdmPrecip3h"), X = x("IdmVisibility"), E = x("IdmWaterTemp"), y = x("IdmTemp"), F = x("IdmArctic"), J = x("IdmWarZone"), V = x("IdmGmdssArea"), u = x("IdmEcaZone"), g = x("IdmAlertZone"), A0 = x("IdmPort"), n0 = x("IdmLoadLine"), h0 = x("IdmTimezone"), i0 = x("IdmVRA"), u0 = x("IdmSpecialArea"), p0 = x("IdmTerminator"), m0 = x("IdmLatLng"), B0 = x("IdmMeasure"), L0 = x("IdmPoint");
+  var r0, d0, g0, s0, P, M0, e0, I, b0, W0, l0, R0, o0, t, i, L, N, w, D, Z, S, G, x0, k0, Q0, H0, _0;
+  const A = x("IdmGlLayer"), q = x("IdmENC"), a = x("IdmWorld12nm"), r = x("IdmSigWave"), e = x("IdmSwell"), n = x("IdmPrmsl"), l = x("IdmIceberg"), d = x("IdmTropicals"), B = x("IdmCurrents"), R = x("IdmCurrentParticle"), f = x("IdmWindBarb"), h = x("IdmWindParticle"), m = x("IdmPrecip3h"), X = x("IdmVisibility"), E = x("IdmWaterTemp"), y = x("IdmTemp"), F = x("IdmArctic"), J = x("IdmWarZone"), V = x("IdmGmdssArea"), u = x("IdmEcaZone"), g = x("IdmAlertZone"), A0 = x("IdmPort"), n0 = x("IdmLoadLine"), h0 = x("IdmTimezone"), i0 = x("IdmVRA"), u0 = x("IdmSpecialArea"), p0 = x("IdmTerminator"), m0 = x("IdmLatLng"), B0 = x("IdmMeasure"), L0 = x("IdmPoint");
   return z.map ? (s(), W("div", qz, [
     T(A, Q({
       ref: "layer",
@@ -9416,7 +9423,7 @@ function iz(b, M, z, O, p, o) {
       on3d: o.handle3dToggle,
       onHandleToggleVersion: o.handleToggleVersion
     }), null, 16, ["map", "toggle-version", "map-projection", "showWindFeather", "showWindParticle", "showCurrentIsoband", "showCurrentParticle", "token", "gateway", "forecastModel", "onWeather", "onOther", "on3d", "onHandleToggleVersion"]),
-    T(a, Q({
+    T(q, Q({
       map: z.map,
       token: z.token,
       enabled: (r0 = p.otherLayers) == null ? void 0 : r0.enc,
@@ -9424,7 +9431,7 @@ function iz(b, M, z, O, p, o) {
     }, b.$attrs, {
       onEnc: M[7] || (M[7] = (t0) => p.enc = t0)
     }), null, 16, ["map", "token", "enabled", "toggle-version"]),
-    T(q, Q({
+    T(a, Q({
       map: z.map,
       token: z.token,
       "weather-layers": p.weatherLayers,
@@ -9436,7 +9443,7 @@ function iz(b, M, z, O, p, o) {
       "before-layer": z.beforeLayer,
       activeWeatherLayers: p.activeWeatherLayers
     }, b.$attrs), null, 16, ["map", "sig-wave", "before-layer", "activeWeatherLayers"]),
-    T(t, Q({
+    T(e, Q({
       map: z.map,
       swell: (s0 = p.weatherLayers) == null ? void 0 : s0.swell,
       "before-layer": z.beforeLayer,
@@ -9508,7 +9515,7 @@ function iz(b, M, z, O, p, o) {
     }, b.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     T(X, Q({
       viewport: p.viewport,
-      factor: (e = p.weatherLayers) == null ? void 0 : e.visibility,
+      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"]),