@idmwx/idmui-gl3 3.4.5 → 3.4.7

package/dist/index.js

@@ -1,11 +1,11 @@
 var rt = Object.defineProperty;
 var st = (i, e, t) => e in i ? rt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
 var M = (i, e, t) => (st(i, typeof e != "symbol" ? e + "" : e, t), t);
-import { LayerHelper as Fe, CompanyHelper as Ve, LngLatHelper as K, convertToMonotonicLng2 as ot, calculateDistance as We, calculateBearing as Ne, convertToMonotonicLng as pe, interpolateCoordinates as je, convertToStandardLng as Ae } from "@idmwx/idmwx-base";
-import { resolveComponent as T, openBlock as w, createElementBlock as x, createElementVNode as l, normalizeStyle as N, normalizeClass as z, Fragment as $e, renderList as De, toDisplayString as S, createVNode as E, withCtx as nt, createTextVNode as Qe, createCommentVNode as j, pushScopeId as U, popScopeId as G, withDirectives as ze, vShow as Me, createStaticVNode as lt, mergeProps as R } from "vue";
+import { LayerHelper as Fe, CompanyHelper as Ve, LngLatHelper as Q, convertToMonotonicLng2 as ot, calculateDistance as We, calculateBearing as Ne, convertToMonotonicLng as pe, interpolateCoordinates as je, convertToStandardLng as Ae } from "@idmwx/idmwx-base";
+import { resolveComponent as T, openBlock as w, createElementBlock as x, createElementVNode as l, normalizeStyle as j, normalizeClass as z, Fragment as $e, renderList as De, toDisplayString as S, createVNode as E, withCtx as nt, createTextVNode as Qe, createCommentVNode as O, pushScopeId as U, popScopeId as G, withDirectives as ze, vShow as Me, createStaticVNode as lt, mergeProps as R } from "vue";
 import * as C from "@turf/turf";
 import ht from "@mapbox/sphericalmercator";
-import q from "moment";
+import K from "moment";
 import ae from "mapbox-gl";
 import { TropicalHelper as et } from "@idm-plugin/geo";
 import ie from "axios";
@@ -140,14 +140,14 @@ const k = (i, e) => {
       this.source = i, this.handleConfirm();
     }
   }
-}, X = (i) => (U("data-v-66a5718f"), i = i(), G(), i), dt = { class: "idm-gl-layer" }, pt = { class: "bar-item layer-bars" }, mt = /* @__PURE__ */ X(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1)), ut = [
+}, X = (i) => (U("data-v-4df358dd"), i = i(), G(), i), dt = { class: "idm-gl-layer" }, pt = { class: "bar-item layer-bars" }, mt = /* @__PURE__ */ X(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1)), ut = [
   mt
 ], ft = { class: "bar-item tool-bars" }, yt = /* @__PURE__ */ X(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1)), gt = [
   yt
 ], bt = /* @__PURE__ */ X(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1)), vt = [
   bt
-], _t = /* @__PURE__ */ X(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1)), Lt = [
-  _t
+], Lt = /* @__PURE__ */ X(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1)), _t = [
+  Lt
 ], wt = /* @__PURE__ */ X(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1)), xt = [
   wt
 ], Ct = ["onClick"], St = /* @__PURE__ */ X(() => /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1)), Pt = /* @__PURE__ */ X(() => /* @__PURE__ */ l("i", { class: "iconfont" }, "", -1)), Tt = [
@@ -161,7 +161,7 @@ function Ft(i, e, t, r, a, s) {
   return w(), x("div", dt, [
     l("div", {
       class: "menu-bar-box",
-      style: N({ top: t.top + 10 + "px", right: a.right + "px" })
+      style: j({ top: t.top + 10 + "px", right: a.right + "px" })
     }, [
       l("div", pt, [
         l("div", {
@@ -172,7 +172,7 @@ function Ft(i, e, t, r, a, s) {
     ], 4),
     l("div", {
       class: "menu-bar-box",
-      style: N({ top: t.top + 160 + "px", right: a.right + "px" })
+      style: j({ top: t.top + 160 + "px", right: a.right + "px" })
     }, [
       l("div", ft, [
         l("div", {
@@ -186,7 +186,7 @@ function Ft(i, e, t, r, a, s) {
         l("div", {
           class: z(a.showCoord ? "menu-icon active" : "menu-icon"),
           onClick: e[3] || (e[3] = (...o) => s.handleCoordToggle && s.handleCoordToggle(...o))
-        }, Lt, 2),
+        }, _t, 2),
         l("div", {
           class: z(a.show3d ? "menu-icon active" : "menu-icon"),
           onClick: e[4] || (e[4] = (...o) => s.handle3DToggle && s.handle3DToggle(...o))
@@ -195,7 +195,7 @@ function Ft(i, e, t, r, a, s) {
     ], 4),
     l("div", {
       class: "active-layers",
-      style: N({ right: a.right + "px", bottom: "100px" })
+      style: j({ right: a.right + "px", bottom: "100px" })
     }, [
       (w(!0), x($e, null, De(a.weatherLayers, (o) => (w(), x("div", {
         key: o.key,
@@ -208,11 +208,11 @@ function Ft(i, e, t, r, a, s) {
     ], 4),
     l("div", {
       class: "available-layers flex-center",
-      style: N({ top: t.top + "px", right: a.showLayers ? "0px" : "-240px" })
+      style: j({ top: t.top + "px", right: a.showLayers ? "0px" : "-240px" })
     }, [
       l("div", {
         class: "side-bar",
-        style: N({ right: a.showLayers ? "0px" : "-240px" }),
+        style: j({ right: a.showLayers ? "0px" : "-240px" }),
         onClick: e[5] || (e[5] = (...o) => s.handleMenuToggle && s.handleMenuToggle(...o))
       }, Tt, 4),
       l("div", {
@@ -231,7 +231,7 @@ function Ft(i, e, t, r, a, s) {
                 (w(!0), x($e, null, De(a.layers.weather, (o) => (w(), x($e, {
                   key: o.key
                 }, [
-                  o.hide ? j("", !0) : (w(), x("div", {
+                  o.hide ? O("", !0) : (w(), x("div", {
                     key: 0,
                     class: z(s.computeLayerClass(o, a.weatherLayers)),
                     onClick: (h) => s.handleWeatherLayerPick(o)
@@ -275,7 +275,7 @@ function Ft(i, e, t, r, a, s) {
     ], 4)
   ]);
 }
-const Vt = /* @__PURE__ */ k(ct, [["render", Ft], ["__scopeId", "data-v-66a5718f"]]);
+const Vt = /* @__PURE__ */ k(ct, [["render", Ft], ["__scopeId", "data-v-4df358dd"]]);
 const Ut = {
   name: "IdmWindBarb",
   props: {
@@ -413,7 +413,7 @@ const Ut = {
                 },
                 paint: {
                   "icon-opacity": 1,
-                  "icon-color": "#222"
+                  "text-color": "#222"
                 }
               },
               this.beforeLayer
@@ -458,7 +458,7 @@ function Yt(i, e, t, r, a, s) {
   return (n = t.wind) != null && n.active ? (w(), x("div", Gt, [
     l("div", {
       class: "flex-center tool-bars",
-      style: N([{ position: "absolute" }, { right: a.right + "px", bottom: a.bottom + "px" }])
+      style: j([{ position: "absolute" }, { right: a.right + "px", bottom: a.bottom + "px" }])
     }, [
       l("div", {
         class: "flex-start",
@@ -479,11 +479,11 @@ function Yt(i, e, t, r, a, s) {
         l("span", {
           class: z(a.showFeather ? "active" : "")
         }, "Wind Feather", 2)
-      ])) : j("", !0)
+      ])) : O("", !0)
     ], 4)
-  ])) : j("", !0);
+  ])) : O("", !0);
 }
-const qt = /* @__PURE__ */ k(Ut, [["render", Yt], ["__scopeId", "data-v-59d56055"]]);
+const qt = /* @__PURE__ */ k(Ut, [["render", Yt], ["__scopeId", "data-v-fc7a24ef"]]);
 class Ue {
   constructor(e) {
     M(this, "map");
@@ -708,7 +708,7 @@ class le {
         }
         const u = e.getBoundPixel(), g = e.map.getZoom() + 1, y = e.getWorldCopy(u, g);
         for (const p of y) {
-          const v = (p[0] - u[0]) * e.ratio, b = (p[1] - u[3]) * e.ratio, L = p[2] * e.ratio, [P, _, I, $] = [v, L + v, b, L + b], D = new Float32Array([P, I, _, I, P, $, P, $, _, I, _, $]);
+          const v = (p[0] - u[0]) * e.ratio, b = (p[1] - u[3]) * e.ratio, _ = p[2] * e.ratio, [P, L, I, $] = [v, _ + v, b, _ + b], D = new Float32Array([P, I, L, I, P, $, P, $, L, I, L, $]);
           t.bindBuffer(t.ARRAY_BUFFER, n), t.bufferData(t.ARRAY_BUFFER, D, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
         }
       } catch (f) {
@@ -1131,9 +1131,9 @@ function hi(i, e, t, r, a, s) {
   return (n = t.factor) != null && n.active ? (w(), x("div", Qt, [
     l("div", {
       class: "legend-bars flex-center",
-      style: N([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
+      style: j([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
     }, li, 4)
-  ])) : j("", !0);
+  ])) : O("", !0);
 }
 const ci = /* @__PURE__ */ k(Kt, [["render", hi], ["__scopeId", "data-v-bc5ff165"]]);
 const di = {
@@ -1319,7 +1319,7 @@ function gi(i, e, t, r, a, s) {
   return (n = t.current) != null && n.active ? (w(), x("div", pi, [
     l("div", {
       class: "flex-center tool-bars",
-      style: N([{ position: "absolute" }, { right: a.right + "px", bottom: a.bottom + "px" }])
+      style: j([{ position: "absolute" }, { right: a.right + "px", bottom: a.bottom + "px" }])
     }, [
       l("div", {
         class: "flex-start",
@@ -1340,9 +1340,9 @@ function gi(i, e, t, r, a, s) {
         l("span", {
           class: z(a.showJson ? "active" : "")
         }, "Current", 2)
-      ])) : j("", !0)
+      ])) : O("", !0)
     ], 4)
-  ])) : j("", !0);
+  ])) : O("", !0);
 }
 const bi = /* @__PURE__ */ k(di, [["render", gi], ["__scopeId", "data-v-ce5e09b8"]]);
 const vi = {
@@ -1506,8 +1506,8 @@ const vi = {
       });
     }
   }
-}, he = (i) => (U("data-v-5f45c14c"), i = i(), G(), i), _i = { key: 0 }, Li = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "kts", -1)), wi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "0", -1)), xi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "0.4", -1)), Ci = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "0.8", -1)), Si = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "1.6", -1)), Pi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "2", -1)), Ti = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "3.2", -1)), Ei = [
-  Li,
+}, he = (i) => (U("data-v-5f45c14c"), i = i(), G(), i), Li = { key: 0 }, _i = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "kts", -1)), wi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "0", -1)), xi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "0.4", -1)), Ci = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "0.8", -1)), Si = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "1.6", -1)), Pi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "2", -1)), Ti = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "3.2", -1)), Ei = [
+  _i,
   wi,
   xi,
   Ci,
@@ -1517,12 +1517,12 @@ const vi = {
 ];
 function ki(i, e, t, r, a, s) {
   var n;
-  return (n = t.factor) != null && n.active ? (w(), x("div", _i, [
+  return (n = t.factor) != null && n.active ? (w(), x("div", Li, [
     l("div", {
       class: "legend-bars flex-center",
-      style: N([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
+      style: j([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
     }, Ei, 4)
-  ])) : j("", !0);
+  ])) : O("", !0);
 }
 const Ri = /* @__PURE__ */ k(vi, [["render", ki], ["__scopeId", "data-v-5f45c14c"]]), Ii = {
   name: "IdmSigWave",
@@ -1998,7 +1998,7 @@ const Vi = {
     computeTime() {
       return function(i) {
         if (i) {
-          const e = q(i).utc();
+          const e = K(i).utc();
           return `${e.format("MMM-DD,HHmm[Z]")} (${e == null ? void 0 : e.fromNow()})`;
         }
         return "-";
@@ -2021,7 +2021,7 @@ const Vi = {
     "tropicals.version": {
       handler() {
         var r, a;
-        const i = ((a = (r = this.tropicals) == null ? void 0 : r.data) == null ? void 0 : a.features) || [], e = q().utc().hour(), t = [];
+        const i = ((a = (r = this.tropicals) == null ? void 0 : r.data) == null ? void 0 : a.features) || [], e = K().utc().hour(), t = [];
         i.forEach((s) => {
           var n, o, h;
           (n = s.properties) != null && n.name && !t.includes((o = s.properties) == null ? void 0 : o.name) && t.push((h = s.properties) == null ? void 0 : h.name);
@@ -2036,12 +2036,12 @@ const Vi = {
             var u, g;
             return ((u = m.geometry) == null ? void 0 : u.type) === "LineString" && ((g = m.properties) == null ? void 0 : g.type) === "forecast";
           })[0]) == null ? void 0 : d.properties.model, f.forEach((m, u) => {
-            var g, y, p, v, b, L;
-            ((g = m.geometry) == null ? void 0 : g.type) === "Point" && ((y = m.properties) == null ? void 0 : y.type) === "history" && (n = u, o = o === void 0 ? u : o), ((p = m.geometry) == null ? void 0 : p.type) === "Point" && ((v = m.properties) == null ? void 0 : v.type) === "forecast" && o === void 0 && (o = u), ((b = m.geometry) == null ? void 0 : b.type) === "LineString" && ((L = m.properties) == null ? void 0 : L.type) === "forecast" && (c = `${s}-${h}`);
+            var g, y, p, v, b, _;
+            ((g = m.geometry) == null ? void 0 : g.type) === "Point" && ((y = m.properties) == null ? void 0 : y.type) === "history" && (n = u, o = o === void 0 ? u : o), ((p = m.geometry) == null ? void 0 : p.type) === "Point" && ((v = m.properties) == null ? void 0 : v.type) === "forecast" && o === void 0 && (o = u), ((b = m.geometry) == null ? void 0 : b.type) === "LineString" && ((_ = m.properties) == null ? void 0 : _.type) === "forecast" && (c = `${s}-${h}`);
           }), f.map((m, u) => {
-            var g, y, p, v, b, L, P, _, I, $;
-            if (((g = m.geometry) == null ? void 0 : g.type) === "LineString" && ((y = m.properties) == null ? void 0 : y.type) === "forecast" && (m.properties.disabled = ((p = m.properties) == null ? void 0 : p.model) !== h), ((v = m.geometry) == null ? void 0 : v.type) === "Point" && ((b = m.properties) == null ? void 0 : b.type) === "forecast" && (m.properties.disabled = ((L = m.properties) == null ? void 0 : L.category) !== c, m.properties.name = s), ((P = m.geometry) == null ? void 0 : P.type) === "Point" && ((_ = m.properties) == null ? void 0 : _.type) === "history") {
-              const D = (($ = (I = m.properties) == null ? void 0 : I.format) == null ? void 0 : $.slice(7, 12)) === q().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm") + "Z";
+            var g, y, p, v, b, _, P, L, I, $;
+            if (((g = m.geometry) == null ? void 0 : g.type) === "LineString" && ((y = m.properties) == null ? void 0 : y.type) === "forecast" && (m.properties.disabled = ((p = m.properties) == null ? void 0 : p.model) !== h), ((v = m.geometry) == null ? void 0 : v.type) === "Point" && ((b = m.properties) == null ? void 0 : b.type) === "forecast" && (m.properties.disabled = ((_ = m.properties) == null ? void 0 : _.category) !== c, m.properties.name = s), ((P = m.geometry) == null ? void 0 : P.type) === "Point" && ((L = m.properties) == null ? void 0 : L.type) === "history") {
+              const D = (($ = (I = m.properties) == null ? void 0 : I.format) == null ? void 0 : $.slice(7, 12)) === K().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm") + "Z";
               m.properties.showHistoryLabel = D || u === n, m.properties.showNameLabel = u === n, m.properties.name = s;
             }
             return m;
@@ -2313,12 +2313,12 @@ const Vi = {
           }), u.forEach((g) => {
             var v;
             const p = (v = m.filter((b) => {
-              var L;
-              return ((L = b.properties) == null ? void 0 : L.name) === g;
+              var _;
+              return ((_ = b.properties) == null ? void 0 : _.name) === g;
             })[0]) == null ? void 0 : v.properties.model;
-            m.map((b, L) => {
-              var P, _;
-              return ((P = b.properties) == null ? void 0 : P.name) === g && (b.properties.disabled = ((_ = b.properties) == null ? void 0 : _.model) !== p), b;
+            m.map((b, _) => {
+              var P, L;
+              return ((P = b.properties) == null ? void 0 : P.name) === g && (b.properties.disabled = ((L = b.properties) == null ? void 0 : L.model) !== p), b;
             });
           }), this.interpolateData = JSON.parse(JSON.stringify(m));
         }
@@ -2330,9 +2330,9 @@ const Vi = {
       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), (i = this.interpolateMarkers) == null || i.forEach((e) => e == null ? void 0 : e.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource));
     },
     handleDateChange() {
-      var i, e, t, r, a, s, n, o, h, c, f, d, m, u, g, y, p, v, b, L, P, _, I, $, D, O, W, H;
+      var i, e, t, r, a, s, n, o, h, c, f, d, m, u, g, y, p, v, b, _, P, L, I, $, D, W, N, H;
       if ((i = this.interpolateMarkers) == null || i.forEach((Z) => Z == null ? void 0 : Z.remove()), (e = this.interpolateData) != null && e.length && this.tropicals.active) {
-        const Z = q(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), ee = this.interpolateData.filter((A) => A.properties.date === Z.format() && !A.properties.disabled), ce = this.handleComputePolygons(ee), te = C.featureCollection([...ee]);
+        const Z = K(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), ee = this.interpolateData.filter((A) => A.properties.date === Z.format() && !A.properties.disabled), ce = this.handleComputePolygons(ee), te = C.featureCollection([...ee]);
         ce.forEach((A) => {
           te.features.push(A);
         }), (t = this.map) != null && t.getSource(this.interpolateSource) ? (r = this.map) == null || r.getSource(this.interpolateSource).setData(te) : ((a = this.map) == null || a.addSource(this.interpolateSource, {
@@ -2352,7 +2352,7 @@ const Vi = {
         for (const A of ee)
           if (!A.properties.disabled) {
             let V = "#f44336";
-            ((o = (n = A.properties) == null ? void 0 : n.wind) == null ? void 0 : o.spd) < 17.2 ? V = "#03f869" : ((c = (h = A.properties) == null ? void 0 : h.wind) == null ? void 0 : c.spd) >= 17.2 && ((d = (f = A.properties) == null ? void 0 : f.wind) == null ? void 0 : d.spd) < 24.5 ? V = "#f2f202" : ((u = (m = A.properties) == null ? void 0 : m.wind) == null ? void 0 : u.spd) >= 24.5 && ((y = (g = A.properties) == null ? void 0 : g.wind) == null ? void 0 : y.spd) < 32.7 ? V = "#ff9100" : ((v = (p = A.properties) == null ? void 0 : p.wind) == null ? void 0 : v.spd) >= 32.7 && ((L = (b = A.properties) == null ? void 0 : b.wind) == null ? void 0 : L.spd) < 41.5 ? V = "#f44336" : ((_ = (P = A.properties) == null ? void 0 : P.wind) == null ? void 0 : _.spd) >= 41.5 && (($ = (I = A.properties) == null ? void 0 : I.wind) == null ? void 0 : $.spd) < 51 ? V = "#c604a4" : ((O = (D = A.properties) == null ? void 0 : D.wind) == null ? void 0 : O.spd) >= 51 ? V = "#6b05bb" : V = "#f44336";
+            ((o = (n = A.properties) == null ? void 0 : n.wind) == null ? void 0 : o.spd) < 17.2 ? V = "#03f869" : ((c = (h = A.properties) == null ? void 0 : h.wind) == null ? void 0 : c.spd) >= 17.2 && ((d = (f = A.properties) == null ? void 0 : f.wind) == null ? void 0 : d.spd) < 24.5 ? V = "#f2f202" : ((u = (m = A.properties) == null ? void 0 : m.wind) == null ? void 0 : u.spd) >= 24.5 && ((y = (g = A.properties) == null ? void 0 : g.wind) == null ? void 0 : y.spd) < 32.7 ? V = "#ff9100" : ((v = (p = A.properties) == null ? void 0 : p.wind) == null ? void 0 : v.spd) >= 32.7 && ((_ = (b = A.properties) == null ? void 0 : b.wind) == null ? void 0 : _.spd) < 41.5 ? V = "#f44336" : ((L = (P = A.properties) == null ? void 0 : P.wind) == null ? void 0 : L.spd) >= 41.5 && (($ = (I = A.properties) == null ? void 0 : I.wind) == null ? void 0 : $.spd) < 51 ? V = "#c604a4" : ((W = (D = A.properties) == null ? void 0 : D.wind) == null ? void 0 : W.spd) >= 51 ? V = "#6b05bb" : V = "#f44336";
             const de = `<svg t="1719918955501"
                           	class="icon" viewBox="0 0 1024 1024"  xmlns="http://www.w3.org/2000/svg" p-id="18382"
                           	xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
@@ -2367,13 +2367,13 @@ const Vi = {
                           	<path
                           		d="M420.66666667 959.17a16.08 16.08 0 0 1-15.91-13.49A15.89 15.89 0 0 1 415.50666667 928c1.49-0.55 38.88-14.76 72.79-65.52A354.55 354.55 0 0 1 162.66666667 509.17a450.14 450.14 0 0 1 450.5-450.5 16.07 16.07 0 0 1 15.91 13.48 15.88 15.88 0 0 1-10.75 17.66c-1.58 0.58-39.13 14.9-73.07 65.95A354.22 354.22 0 0 1 871.66666667 509.17a16 16 0 0 1-0.52 4.05A450.14 450.14 0 0 1 420.66666667 959.17zM554.80666667 94.72C351.57666667 123.2 194.66666667 298.21 194.66666667 509.17c0 177.08 144.06 321.74 321.13 322.48a16 16 0 0 1 14.07 23.49c-16.11 30.42-34.27 52.37-50.85 68C682.25666667 894.63 839.16666667 719.63 839.16666667 508.67a15.94 15.94 0 0 1 0.47-3.86C837.30666667 329.33 693.82666667 187 517.80666667 186.67A16 16 0 0 1 503.66666667 163.21c16.21-30.69 34.47-52.79 51.14-68.49z"
                           		fill="#ffffff" p-id="18386"></path>
-                          </svg>`, J = document.createElement("div");
-            J.className = "hurricane-hourly-marker", J.innerHTML = `<div class="${A.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${de}</div>`;
-            const ne = new ae.Marker(J).setLngLat(A.geometry.coordinates).addTo(this.map);
+                          </svg>`, Y = document.createElement("div");
+            Y.className = "hurricane-hourly-marker", Y.innerHTML = `<div class="${A.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${de}</div>`;
+            const ne = new ae.Marker(Y).setLngLat(A.geometry.coordinates).addTo(this.map);
             this.interpolateMarkers.push(ne);
           }
       } else
-        (W = this.map) != null && W.getSource(this.interpolateSource) && ((H = this.map) == null || H.getSource(this.interpolateSource).setData(this.empty));
+        (N = this.map) != null && N.getSource(this.interpolateSource) && ((H = this.map) == null || H.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(i) {
       var s, n, o, h, c, f;
@@ -2477,18 +2477,18 @@ const Vi = {
   style: { "justify-content": "flex-start" }
 }, ra = /* @__PURE__ */ Ge(() => /* @__PURE__ */ l("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)), sa = { class: "forecast-models" }, oa = ["onClick"], na = /* @__PURE__ */ lt('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-bb8414b4></div><div class="row" style="padding:2px 10px;" data-v-bb8414b4><div class="legend" data-v-bb8414b4><div class="icon td" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>TD</div></div><div class="legend" data-v-bb8414b4><div class="icon ts" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>TS</div></div><div class="legend" data-v-bb8414b4><div class="icon sts" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>STS</div></div><div class="legend" data-v-bb8414b4><div class="icon ty" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>TY</div></div><div class="legend" data-v-bb8414b4><div class="icon sty" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>STY</div></div><div class="legend" data-v-bb8414b4><div class="icon supper-ty" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-bb8414b4><div class="legend" data-v-bb8414b4><div class="icon history" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>History</div></div><div class="legend" data-v-bb8414b4><div class="icon r7" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>35kts Radii</div></div><div class="legend" data-v-bb8414b4><div class="icon r10" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>50kts Radii</div></div></div>', 3), la = { class: "more" };
 function ha(i, e, t, r, a, s) {
-  var n, o, h, c, f, d, m, u, g, y, p, v, b, L, P;
+  var n, o, h, c, f, d, m, u, g, y, p, v, b, _, P;
   return ze((w(), x("div", Ui, [
     l("div", Gi, [
       l("div", {
         class: "iconfont close-btn",
-        onClick: e[0] || (e[0] = (_) => a.showTropicals = !1)
+        onClick: e[0] || (e[0] = (L) => a.showTropicals = !1)
       }, ""),
       l("div", Hi, [
-        (o = (n = a.activeTropicals) == null ? void 0 : n.history) != null && o.level ? (w(), x("span", Xi, S((c = (h = a.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : c.level) + " , ", 1)) : j("", !0),
+        (o = (n = a.activeTropicals) == null ? void 0 : n.history) != null && o.level ? (w(), x("span", Xi, S((c = (h = a.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : c.level) + " , ", 1)) : O("", !0),
         Qe(S((f = a.activeTropicals) == null ? void 0 : f.name), 1)
       ]),
-      l("div", Zi, " Last update: " + S(s.computeTime(((m = (d = a.activeTropicals) == null ? void 0 : d.history) == null ? void 0 : m.updated) || ((y = (g = (u = a.activeTropicals) == null ? void 0 : u.forecasts) == null ? void 0 : g.filter((_) => !_.disabled)[0]) == null ? void 0 : y.date))), 1)
+      l("div", Zi, " Last update: " + S(s.computeTime(((m = (d = a.activeTropicals) == null ? void 0 : d.history) == null ? void 0 : m.updated) || ((y = (g = (u = a.activeTropicals) == null ? void 0 : u.forecasts) == null ? void 0 : g.filter((L) => !L.disabled)[0]) == null ? void 0 : y.date))), 1)
     ]),
     l("div", Ji, [
       l("div", Yi, [
@@ -2499,27 +2499,27 @@ function ha(i, e, t, r, a, s) {
           ]),
           l("div", ea, [
             ta,
-            l("span", null, S(((L = (b = a.activeTropicals) == null ? void 0 : b.history) == null ? void 0 : L.pressure) || "-") + "[hPa]", 1)
+            l("span", null, S(((_ = (b = a.activeTropicals) == null ? void 0 : b.history) == null ? void 0 : _.pressure) || "-") + "[hPa]", 1)
           ])
         ]),
         l("div", ia, [
           l("div", aa, [
             ra,
             l("div", sa, [
-              (w(!0), x($e, null, De((P = a.activeTropicals) == null ? void 0 : P.forecasts, (_, I) => {
-                var $, D, O, W;
+              (w(!0), x($e, null, De((P = a.activeTropicals) == null ? void 0 : P.forecasts, (L, I) => {
+                var $, D, W, N;
                 return w(), x("div", {
                   key: I,
                   class: z([
                     "model",
-                    _.disabled ? "" : "active",
-                    I > 0 && I < ((D = ($ = a.activeTropicals) == null ? void 0 : $.forecasts) == null ? void 0 : D.length) - 1 && ((W = (O = a.activeTropicals) == null ? void 0 : O.forecasts) == null ? void 0 : W.length) > 2 ? "center-child" : ""
+                    L.disabled ? "" : "active",
+                    I > 0 && I < ((D = ($ = a.activeTropicals) == null ? void 0 : $.forecasts) == null ? void 0 : D.length) - 1 && ((N = (W = a.activeTropicals) == null ? void 0 : W.forecasts) == null ? void 0 : N.length) > 2 ? "center-child" : ""
                   ]),
-                  onClick: (H) => s.handleForecastToggle(_)
+                  onClick: (H) => s.handleForecastToggle(L)
                 }, [
                   l("span", {
-                    class: z(_.model)
-                  }, S(_.model), 3)
+                    class: z(L.model)
+                  }, S(L.model), 3)
                 ], 10, oa);
               }), 128))
             ])
@@ -2530,7 +2530,7 @@ function ha(i, e, t, r, a, s) {
       l("div", la, [
         l("div", {
           class: "button",
-          onClick: e[1] || (e[1] = (_) => s.handleStrikeProbability(a.activeTropicals))
+          onClick: e[1] || (e[1] = (L) => s.handleStrikeProbability(a.activeTropicals))
         }, "Strike Probability >>")
       ])
     ])
@@ -2640,7 +2640,7 @@ const ca = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, se = (i) => (U("data-v-42b977ed"), i = i(), G(), i), da = { key: 0 }, pa = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "mm", -1)), ma = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "1.5", -1)), ua = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "2", -1)), fa = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "3", -1)), ya = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "7", -1)), ga = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "10", -1)), ba = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "20", -1)), va = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "30", -1)), _a = [
+}, se = (i) => (U("data-v-42b977ed"), i = i(), G(), i), da = { key: 0 }, pa = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "mm", -1)), ma = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "1.5", -1)), ua = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "2", -1)), fa = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "3", -1)), ya = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "7", -1)), ga = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "10", -1)), ba = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "20", -1)), va = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "30", -1)), La = [
   pa,
   ma,
   ua,
@@ -2650,16 +2650,16 @@ const ca = {
   ba,
   va
 ];
-function La(i, e, t, r, a, s) {
+function _a(i, e, t, r, a, s) {
   var n;
   return (n = t.factor) != null && n.active ? (w(), x("div", da, [
     l("div", {
       class: "legend-bars flex-center",
-      style: N([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
-    }, _a, 4)
-  ])) : j("", !0);
+      style: j([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
+    }, La, 4)
+  ])) : O("", !0);
 }
-const wa = /* @__PURE__ */ k(ca, [["render", La], ["__scopeId", "data-v-42b977ed"]]);
+const wa = /* @__PURE__ */ k(ca, [["render", _a], ["__scopeId", "data-v-42b977ed"]]);
 const xa = {
   name: "IdmVisibility",
   props: {
@@ -2767,9 +2767,9 @@ function Aa(i, e, t, r, a, s) {
   return (n = t.factor) != null && n.active ? (w(), x("div", Ca, [
     l("div", {
       class: "legend-bars flex-center",
-      style: N([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: j([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, Ia, 4)
-  ])) : j("", !0);
+  ])) : O("", !0);
 }
 const $a = /* @__PURE__ */ k(xa, [["render", Aa], ["__scopeId", "data-v-2a5fbadd"]]);
 const Da = {
@@ -2887,9 +2887,9 @@ function Va(i, e, t, r, a, s) {
   return (n = t.factor) != null && n.active ? (w(), x("div", za, [
     l("div", {
       class: "legend-bars flex-center",
-      style: N([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
+      style: j([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
     }, Fa, 4)
-  ])) : j("", !0);
+  ])) : O("", !0);
 }
 const Ua = /* @__PURE__ */ k(Da, [["render", Va], ["__scopeId", "data-v-5b28deaf"]]);
 const Ga = {
@@ -3012,9 +3012,9 @@ function ir(i, e, t, r, a, s) {
   return (n = t.factor) != null && n.active ? (w(), x("div", Ha, [
     l("div", {
       class: "legend-bars flex-center",
-      style: N([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
+      style: j([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
     }, tr, 4)
-  ])) : j("", !0);
+  ])) : O("", !0);
 }
 const ar = /* @__PURE__ */ k(Ga, [["render", ir], ["__scopeId", "data-v-72cd9cf1"]]);
 const rr = {
@@ -3126,9 +3126,9 @@ function mr(i, e, t, r, a, s) {
   return (n = t.factor) != null && n.active ? (w(), x("div", sr, [
     l("div", {
       class: "legend-bars flex-center",
-      style: N([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
+      style: j([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
     }, pr, 4)
-  ])) : j("", !0);
+  ])) : O("", !0);
 }
 const ur = /* @__PURE__ */ k(rr, [["render", mr], ["__scopeId", "data-v-2092df03"]]);
 const fr = {
@@ -3173,22 +3173,22 @@ const fr = {
   computed: {
     computeTime() {
       return function(i) {
-        return i ? `${q(i).utc().format("MMM-DD,HHmm[Z]")}` : "-";
+        return i ? `${K(i).utc().format("MMM-DD,HHmm[Z]")}` : "-";
       };
     },
     computeLat() {
       return function(i, e = 4) {
-        return K.lat2pretty(i, e).pretty;
+        return Q.lat2pretty(i, e).pretty;
       };
     },
     computeLng() {
       return function(i, e = 4) {
-        return K.lng2pretty(i, e).pretty;
+        return Q.lng2pretty(i, e).pretty;
       };
     },
     roundPrecision() {
       return function(i, e = 4) {
-        return isNaN(i) ? "-" : K.roundPrecision(i, e);
+        return isNaN(i) ? "-" : Q.roundPrecision(i, e);
       };
     }
   },
@@ -3210,12 +3210,18 @@ const fr = {
       }
     }
   }
-}, Q = (i) => (U("data-v-8b51d938"), i = i(), G(), i), yr = {
+}, J = (i) => (U("data-v-a7923724"), i = i(), G(), i), yr = {
   id: "point-meteo",
   class: "point-meteo"
-}, gr = { class: "meteo-box" }, br = { class: "header-box" }, vr = { class: "main" }, _r = { class: "sub" }, Lr = { class: "main-box" }, wr = { class: "flex-space" }, xr = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Wind", -1)), Cr = { class: "flex-space" }, Sr = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Wind.Wave", -1)), Pr = { class: "flex-space" }, Tr = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Swell", -1)), Er = { class: "flex-space" }, kr = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Sig.Wave", -1)), Rr = { class: "flex-space" }, Ir = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Current", -1)), Ar = { class: "flex-space" }, $r = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Precip", -1)), Dr = { class: "flex-space" }, zr = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Visibility", -1)), Mr = { class: "flex-space" }, Br = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Temp", -1)), Or = { class: "flex-space" }, Wr = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Water Temp", -1));
-function Nr(i, e, t, r, a, s) {
-  var n, o, h, c, f, d, m, u, g, y, p, v, b, L, P, _, I, $, D, O, W, H, Z, ee, ce, te, A, V, de, J, ne, ye, ge, be, ve, _e, Le, we, xe, Ce, Se, Pe, Te, Ee, ke, Re, Ie;
+}, gr = { class: "meteo-box" }, br = { class: "header-box" }, vr = { class: "main" }, Lr = { class: "sub" }, _r = { class: "main-box" }, wr = { class: "flex-space" }, xr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Wind", -1)), Cr = { class: "flex-space" }, Sr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Wind.Wave", -1)), Pr = { class: "flex-space" }, Tr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Swell", -1)), Er = { class: "flex-space" }, kr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Sig.Wave", -1)), Rr = { class: "flex-space" }, Ir = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Current", -1)), Ar = { class: "flex-space" }, $r = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Precip", -1)), Dr = { class: "flex-space" }, zr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Visibility", -1)), Mr = { class: "flex-space" }, Br = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Temp", -1)), Or = { class: "flex-space" }, Wr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Water Temp", -1)), Nr = {
+  key: 0,
+  class: "flex-space",
+  style: { "justify-content": "flex-end" }
+}, jr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("span", { class: "more" }, "More >>", -1)), Fr = [
+  jr
+];
+function Vr(i, e, t, r, a, s) {
+  var n, o, h, c, f, d, m, u, g, y, p, v, b, _, P, L, I, $, D, W, N, H, Z, ee, ce, te, A, V, de, Y, ne, ye, ge, be, ve, Le, _e, we, xe, Ce, Se, Pe, Te, Ee, ke, Re, Ie;
   return ze((w(), x("div", yr, [
     l("div", gr, [
       l("div", br, [
@@ -3224,24 +3230,24 @@ function Nr(i, e, t, r, a, s) {
           onClick: e[0] || (e[0] = (Oe) => a.showMeteo = !1)
         }, ""),
         l("div", vr, S(s.computeLat((n = t.meteo) == null ? void 0 : n.lat)) + "," + S(s.computeLng((o = t.meteo) == null ? void 0 : o.lng)), 1),
-        l("div", _r, S(s.computeTime((h = t.meteo) == null ? void 0 : h.utc)), 1)
+        l("div", Lr, S(s.computeTime((h = t.meteo) == null ? void 0 : h.utc)), 1)
       ]),
-      l("div", Lr, [
+      l("div", _r, [
         l("div", wr, [
           xr,
           l("span", null, S(((f = (c = t.meteo) == null ? void 0 : c.wind) == null ? void 0 : f.direction) || "-") + "/" + S(s.roundPrecision((m = (d = t.meteo) == null ? void 0 : d.wind) == null ? void 0 : m.kts, 1)) + "[kts]/" + S((g = (u = t.meteo) == null ? void 0 : u.wind) == null ? void 0 : g.scale) + "[BF]/" + S(s.roundPrecision((p = (y = t.meteo) == null ? void 0 : y.gusts) == null ? void 0 : p.kts, 1)) + "[kts]", 1)
         ]),
         l("div", Cr, [
           Sr,
-          l("span", null, S(((L = (b = (v = t.meteo) == null ? void 0 : v.wave) == null ? void 0 : b.wd) == null ? void 0 : L.direction) || "-") + "/" + S(s.roundPrecision((I = (_ = (P = t.meteo) == null ? void 0 : P.wave) == null ? void 0 : _.wd) == null ? void 0 : I.height, 1)) + "[m]/" + S(s.roundPrecision((O = (D = ($ = t.meteo) == null ? void 0 : $.wave) == null ? void 0 : D.wd) == null ? void 0 : O.period, 1)) + "[s]", 1)
+          l("span", null, S(((_ = (b = (v = t.meteo) == null ? void 0 : v.wave) == null ? void 0 : b.wd) == null ? void 0 : _.direction) || "-") + "/" + S(s.roundPrecision((I = (L = (P = t.meteo) == null ? void 0 : P.wave) == null ? void 0 : L.wd) == null ? void 0 : I.height, 1)) + "[m]/" + S(s.roundPrecision((W = (D = ($ = t.meteo) == null ? void 0 : $.wave) == null ? void 0 : D.wd) == null ? void 0 : W.period, 1)) + "[s]", 1)
         ]),
         l("div", Pr, [
           Tr,
-          l("span", null, S(((Z = (H = (W = t.meteo) == null ? void 0 : W.wave) == null ? void 0 : H.swell) == null ? void 0 : Z.direction) || "-") + "/" + S(s.roundPrecision((te = (ce = (ee = t.meteo) == null ? void 0 : ee.wave) == null ? void 0 : ce.swell) == null ? void 0 : te.height, 1)) + "[m]/" + S(s.roundPrecision((de = (V = (A = t.meteo) == null ? void 0 : A.wave) == null ? void 0 : V.swell) == null ? void 0 : de.period, 1)) + "[s]", 1)
+          l("span", null, S(((Z = (H = (N = t.meteo) == null ? void 0 : N.wave) == null ? void 0 : H.swell) == null ? void 0 : Z.direction) || "-") + "/" + S(s.roundPrecision((te = (ce = (ee = t.meteo) == null ? void 0 : ee.wave) == null ? void 0 : ce.swell) == null ? void 0 : te.height, 1)) + "[m]/" + S(s.roundPrecision((de = (V = (A = t.meteo) == null ? void 0 : A.wave) == null ? void 0 : V.swell) == null ? void 0 : de.period, 1)) + "[s]", 1)
         ]),
         l("div", Er, [
           kr,
-          l("span", null, S(((ye = (ne = (J = t.meteo) == null ? void 0 : J.wave) == null ? void 0 : ne.sig) == null ? void 0 : ye.direction) || "-") + "/" + S(s.roundPrecision((ve = (be = (ge = t.meteo) == null ? void 0 : ge.wave) == null ? void 0 : be.sig) == null ? void 0 : ve.height, 1)) + "[m]/" + S(s.roundPrecision((we = (Le = (_e = t.meteo) == null ? void 0 : _e.wave) == null ? void 0 : Le.sig) == null ? void 0 : we.period, 1)) + "[s]", 1)
+          l("span", null, S(((ye = (ne = (Y = t.meteo) == null ? void 0 : Y.wave) == null ? void 0 : ne.sig) == null ? void 0 : ye.direction) || "-") + "/" + S(s.roundPrecision((ve = (be = (ge = t.meteo) == null ? void 0 : ge.wave) == null ? void 0 : be.sig) == null ? void 0 : ve.height, 1)) + "[m]/" + S(s.roundPrecision((we = (_e = (Le = t.meteo) == null ? void 0 : Le.wave) == null ? void 0 : _e.sig) == null ? void 0 : we.period, 1)) + "[s]", 1)
         ]),
         l("div", Rr, [
           Ir,
@@ -3263,13 +3269,14 @@ function Nr(i, e, t, r, a, s) {
           Wr,
           l("span", null, S(s.roundPrecision((Ie = t.meteo) == null ? void 0 : Ie.waterTemp, 2)) + "[°C]", 1)
         ])
-      ])
+      ]),
+      i.$attrs.permission & a.helper.LEVEL.Prime ? (w(), x("div", Nr, Fr)) : O("", !0)
     ])
   ], 512)), [
     [Me, a.showMeteo]
   ]);
 }
-const jr = /* @__PURE__ */ k(fr, [["render", Nr], ["__scopeId", "data-v-8b51d938"]]), Fr = {
+const Ur = /* @__PURE__ */ k(fr, [["render", Vr], ["__scopeId", "data-v-a7923724"]]), Gr = {
   name: "IdmWarZone",
   props: {
     map: {
@@ -3359,10 +3366,10 @@ const jr = /* @__PURE__ */ k(fr, [["render", Nr], ["__scopeId", "data-v-8b51d938
     }
   }
 };
-function Vr(i, e, t, r, a, s) {
+function Hr(i, e, t, r, a, s) {
   return w(), x("div");
 }
-const Ur = /* @__PURE__ */ k(Fr, [["render", Vr]]), Gr = {
+const Xr = /* @__PURE__ */ k(Gr, [["render", Hr]]), Zr = {
   name: "IdmGmdssArea",
   props: {
     map: {
@@ -3482,10 +3489,10 @@ const Ur = /* @__PURE__ */ k(Fr, [["render", Vr]]), Gr = {
     }
   }
 };
-function Hr(i, e, t, r, a, s) {
+function Jr(i, e, t, r, a, s) {
   return w(), x("div");
 }
-const Xr = /* @__PURE__ */ k(Gr, [["render", Hr]]), Zr = {
+const Yr = /* @__PURE__ */ k(Zr, [["render", Jr]]), qr = {
   name: "IdmEcaZone",
   props: {
     map: {
@@ -3573,11 +3580,11 @@ const Xr = /* @__PURE__ */ k(Gr, [["render", Hr]]), Zr = {
     }
   }
 };
-function Jr(i, e, t, r, a, s) {
+function Kr(i, e, t, r, a, s) {
   return w(), x("div");
 }
-const Yr = /* @__PURE__ */ k(Zr, [["render", Jr]]);
-const qr = {
+const Qr = /* @__PURE__ */ k(qr, [["render", Kr]]);
+const es = {
   name: "IdmAlertZone",
   props: {
     map: {
@@ -3703,10 +3710,10 @@ const qr = {
       this.map.getLayer(this.polygonLayer) && this.map.removeLayer(this.polygonLayer), this.map.getLayer(this.polygonLayer + "-border") && this.map.removeLayer(this.polygonLayer + "-border"), this.map.getLayer(this.polygonLabelLayer) && this.map.removeLayer(this.polygonLabelLayer), this.map.getLayer(this.lineLayer) && this.map.removeLayer(this.lineLayer), this.map.getLayer(this.lineLabelLayer) && this.map.removeLayer(this.lineLabelLayer), this.map.getLayer(this.pointLayer) && this.map.removeLayer(this.pointLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, Kr = { id: "zone-info" }, Qr = ["innerHTML"];
-function es(i, e, t, r, a, s) {
+}, ts = { id: "zone-info" }, is = ["innerHTML"];
+function as(i, e, t, r, a, s) {
   var n;
-  return ze((w(), x("div", Kr, [
+  return ze((w(), x("div", ts, [
     l("div", {
       class: "iconfont close",
       onClick: e[0] || (e[0] = (o) => a.showZone = !1)
@@ -3714,13 +3721,13 @@ function es(i, e, t, r, a, s) {
     l("div", {
       class: "rich-context",
       innerHTML: (n = a.form) == null ? void 0 : n.name
-    }, null, 8, Qr)
+    }, null, 8, is)
   ], 512)), [
     [Me, a.showZone]
   ]);
 }
-const ts = /* @__PURE__ */ k(qr, [["render", es], ["__scopeId", "data-v-d1cb4e6e"]]);
-const is = {
+const rs = /* @__PURE__ */ k(es, [["render", as], ["__scopeId", "data-v-d1cb4e6e"]]);
+const ss = {
   name: "IdmPort",
   props: {
     map: {
@@ -3746,12 +3753,12 @@ const is = {
   computed: {
     computeLat() {
       return function(i) {
-        return K.lat2pretty(i, 4).pretty;
+        return Q.lat2pretty(i, 4).pretty;
       };
     },
     computeLng() {
       return function(i) {
-        return K.lng2pretty(i, 4).pretty;
+        return Q.lng2pretty(i, 4).pretty;
       };
     }
   },
@@ -3812,33 +3819,33 @@ const is = {
       this.showPort = !1, this.map.getLayer(this.layer) && this.map.removeLayer(this.layer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, Be = (i) => (U("data-v-6fdfee96"), i = i(), G(), i), as = { id: "port-info" }, rs = { class: "port-box" }, ss = { class: "flex-start" }, os = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Name : ", -1)), ns = { class: "flex-start" }, ls = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Position : ", -1)), hs = { class: "flex-start" }, cs = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "LoCode : ", -1)), ds = {
+}, Be = (i) => (U("data-v-6fdfee96"), i = i(), G(), i), os = { id: "port-info" }, ns = { class: "port-box" }, ls = { class: "flex-start" }, hs = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Name : ", -1)), cs = { class: "flex-start" }, ds = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Position : ", -1)), ps = { class: "flex-start" }, ms = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "LoCode : ", -1)), us = {
   class: "flex-start",
   style: { "align-items": "flex-start" }
-}, ps = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Region : ", -1));
-function ms(i, e, t, r, a, s) {
-  return ze((w(), x("div", as, [
+}, fs = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Region : ", -1));
+function ys(i, e, t, r, a, s) {
+  return ze((w(), x("div", os, [
     l("div", {
       class: "close iconfont",
       onClick: e[0] || (e[0] = (n) => a.showPort = !1)
     }, ""),
-    l("div", rs, [
-      l("div", ss, [
-        os,
+    l("div", ns, [
+      l("div", ls, [
+        hs,
         l("span", {
           onClick: e[1] || (e[1] = (...n) => s.handleEmit && s.handleEmit(...n))
         }, S(a.form.name), 1)
       ]),
-      l("div", ns, [
-        ls,
+      l("div", cs, [
+        ds,
         l("span", null, S(s.computeLat(a.form.lat)) + ", " + S(s.computeLng(a.form.lng)), 1)
       ]),
-      l("div", hs, [
-        cs,
+      l("div", ps, [
+        ms,
         l("span", null, S(a.form.loCode || "-"), 1)
       ]),
-      l("div", ds, [
-        ps,
+      l("div", us, [
+        fs,
         l("span", null, S(a.form.city || "-") + ", " + S(a.form.country || "-"), 1)
       ])
     ])
@@ -3846,7 +3853,7 @@ function ms(i, e, t, r, a, s) {
     [Me, a.showPort]
   ]);
 }
-const us = /* @__PURE__ */ k(is, [["render", ms], ["__scopeId", "data-v-6fdfee96"]]), fs = {
+const gs = /* @__PURE__ */ k(ss, [["render", ys], ["__scopeId", "data-v-6fdfee96"]]), bs = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -3916,10 +3923,10 @@ const us = /* @__PURE__ */ k(is, [["render", ms], ["__scopeId", "data-v-6fdfee96
     }
   }
 };
-function ys(i, e, t, r, a, s) {
+function vs(i, e, t, r, a, s) {
   return w(), x("div");
 }
-const gs = /* @__PURE__ */ k(fs, [["render", ys]]), bs = {
+const Ls = /* @__PURE__ */ k(bs, [["render", vs]]), _s = {
   name: "IdmTimezone",
   props: {
     map: {
@@ -4084,10 +4091,10 @@ const gs = /* @__PURE__ */ k(fs, [["render", ys]]), bs = {
     }
   }
 };
-function vs(i, e, t, r, a, s) {
+function ws(i, e, t, r, a, s) {
   return w(), x("div");
 }
-const _s = /* @__PURE__ */ k(bs, [["render", vs]]), Ls = {
+const xs = /* @__PURE__ */ k(_s, [["render", ws]]), Cs = {
   name: "IdmVoluntaryReportingArea",
   props: {
     map: {
@@ -4175,10 +4182,10 @@ const _s = /* @__PURE__ */ k(bs, [["render", vs]]), Ls = {
     }
   }
 };
-function ws(i, e, t, r, a, s) {
+function Ss(i, e, t, r, a, s) {
   return w(), x("div");
 }
-const xs = /* @__PURE__ */ k(Ls, [["render", ws]]), Cs = {
+const Ps = /* @__PURE__ */ k(Cs, [["render", Ss]]), Ts = {
   name: "IdmSpecialArea",
   props: {
     map: {
@@ -4268,10 +4275,10 @@ const xs = /* @__PURE__ */ k(Ls, [["render", ws]]), Cs = {
     }
   }
 };
-function Ss(i, e, t, r, a, s) {
+function Es(i, e, t, r, a, s) {
   return w(), x("div");
 }
-const Ps = /* @__PURE__ */ k(Cs, [["render", Ss]]), Ts = {
+const ks = /* @__PURE__ */ k(Ts, [["render", Es]]), Rs = {
   name: "IdmTerminator",
   props: {
     map: {
@@ -4320,11 +4327,11 @@ const Ps = /* @__PURE__ */ k(Cs, [["render", Ss]]), Ts = {
     }
   }
 };
-function Es(i, e, t, r, a, s) {
+function Is(i, e, t, r, a, s) {
   return w(), x("div");
 }
-const ks = /* @__PURE__ */ k(Ts, [["render", Es]]);
-const Rs = {
+const As = /* @__PURE__ */ k(Rs, [["render", Is]]);
+const $s = {
   name: "IdmLatLng",
   props: {
     map: {
@@ -4382,7 +4389,7 @@ const Rs = {
       this.show ? ((i = this.map) == null || i.on("zoomend", this.handleZoomEnd), this.handleRender()) : (this.handleClear(), (e = this.map) == null || e.off("zoomend", this.handleZoomEnd));
     },
     handleMouseMove(i) {
-      const e = i.lngLat, t = K.lng2pretty(e.lng, 2), r = K.lat2pretty(e.lat, 2);
+      const e = i.lngLat, t = Q.lng2pretty(e.lng, 2), r = Q.lat2pretty(e.lat, 2);
       this.lngLat = { lng: t, lat: r };
     },
     handleComputeLatLngs() {
@@ -4479,19 +4486,19 @@ const Rs = {
       (i = this.map) != null && i.getLayer(this.layer) && ((e = this.map) == null || e.removeLayer(this.layer)), (t = this.map) != null && t.getLayer(this.labelLayer) && ((r = this.map) == null || r.removeLayer(this.labelLayer)), (a = this.map) != null && a.getSource(this.source) && ((s = this.map) == null || s.removeSource(this.source));
     }
   }
-}, Is = (i) => (U("data-v-9f51b3f9"), i = i(), G(), i), As = /* @__PURE__ */ Is(() => /* @__PURE__ */ l("span", null, ", ", -1));
-function $s(i, e, t, r, a, s) {
+}, Ds = (i) => (U("data-v-9f51b3f9"), i = i(), G(), i), zs = /* @__PURE__ */ Ds(() => /* @__PURE__ */ l("span", null, ", ", -1));
+function Ms(i, e, t, r, a, s) {
   return a.lngLat ? (w(), x("div", {
     key: 0,
     class: "lat-lng-tip",
-    style: N({ right: a.right + "px", bottom: t.bottom })
+    style: j({ right: a.right + "px", bottom: t.bottom })
   }, [
     l("span", null, S(a.lngLat.lat.pretty), 1),
-    As,
+    zs,
     l("span", null, S(a.lngLat.lng.pretty), 1)
-  ], 4)) : j("", !0);
+  ], 4)) : O("", !0);
 }
-const it = /* @__PURE__ */ k(Rs, [["render", $s], ["__scopeId", "data-v-9f51b3f9"]]), Ds = {
+const it = /* @__PURE__ */ k($s, [["render", Ms], ["__scopeId", "data-v-9f51b3f9"]]), Bs = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -4632,7 +4639,7 @@ const it = /* @__PURE__ */ k(Rs, [["render", $s], ["__scopeId", "data-v-9f51b3f9
         const r = [];
         for (let a = 1; a < e.length; a++) {
           const s = e[a - 1], n = e[a], o = s.properties, h = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, c = { lng: n.geometry.coordinates[0], lat: n.geometry.coordinates[1] }, f = We(h, c, o.mode === "RL", 2), d = Ne(h, c, o.mode === "RL", 2);
-          t = K.roundPrecision(t + f, 2);
+          t = Q.roundPrecision(t + f, 2);
           let m;
           o.mode === "RL" ? m = pe([h, c]) : m = pe(je(h, c, 200));
           const u = C.lineString(m.map((g) => [g.lng, g.lat]));
@@ -4699,7 +4706,7 @@ const it = /* @__PURE__ */ k(Rs, [["render", $s], ["__scopeId", "data-v-9f51b3f9
         }
       });
       let o;
-      if (r ? o = '<div class="marker-label">Drag and drop</div>' : o = `<div class="marker-label">Tol distance: <b>${K.roundPrecision((i.total ?? 0) + s, 2)}</b>nm, bearing: <b>${n}</b>°</div><div class="marker-label">${this.navigation === "RL" ? "RL" : "GC"} mode, using 'Shift' to switch</div><div class="marker-label">Double click to end</div>`, this.tipMarker)
+      if (r ? o = '<div class="marker-label">Drag and drop</div>' : o = `<div class="marker-label">Tol distance: <b>${Q.roundPrecision((i.total ?? 0) + s, 2)}</b>nm, bearing: <b>${n}</b>°</div><div class="marker-label">${this.navigation === "RL" ? "RL" : "GC"} mode, using 'Shift' to switch</div><div class="marker-label">Double click to end</div>`, this.tipMarker)
         this.tipMarker._element.innerHTML = o, this.tipMarker.setLngLat([t.lng, t.lat]);
       else {
         const h = document.createElement("div");
@@ -4779,11 +4786,11 @@ const it = /* @__PURE__ */ k(Rs, [["render", $s], ["__scopeId", "data-v-9f51b3f9
     }
   }
 };
-function zs(i, e, t, r, a, s) {
+function Os(i, e, t, r, a, s) {
   return w(), x("div");
 }
-const Ms = /* @__PURE__ */ k(Ds, [["render", zs]]);
-const Bs = {
+const Ws = /* @__PURE__ */ k(Bs, [["render", Os]]);
+const Ns = {
   name: "IdmENC",
   props: {
     map: {
@@ -4835,32 +4842,32 @@ const Bs = {
     }
   },
   methods: {}
-}, at = (i) => (U("data-v-2d85e33b"), i = i(), G(), i), Os = { key: 0 }, Ws = { class: "bar-item" }, Ns = /* @__PURE__ */ at(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "HI", -1)), js = [
-  Ns
-], Fs = /* @__PURE__ */ at(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "I4", -1)), Vs = [
-  Fs
+}, at = (i) => (U("data-v-2d85e33b"), i = i(), G(), i), js = { key: 0 }, Fs = { class: "bar-item" }, Vs = /* @__PURE__ */ at(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "HI", -1)), Us = [
+  Vs
+], Gs = /* @__PURE__ */ at(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "I4", -1)), Hs = [
+  Gs
 ];
-function Us(i, e, t, r, a, s) {
-  return t.enabled && t.permission & a.helper.LEVEL.Supper ? (w(), x("div", Os, [
+function Xs(i, e, t, r, a, s) {
+  return t.enabled && t.permission & a.helper.LEVEL.Supper ? (w(), x("div", js, [
     l("div", {
       class: "menu-bar-box",
-      style: N({ position: "absolute", right: a.right + "px", bottom: t.bottom })
+      style: j({ position: "absolute", right: a.right + "px", bottom: t.bottom })
     }, [
-      l("div", Ws, [
+      l("div", Fs, [
         l("div", {
           class: z(a.vendor === "hi" ? "menu-icon active" : "menu-icon"),
           onClick: e[0] || (e[0] = (n) => a.vendor = "hi")
-        }, js, 2),
+        }, Us, 2),
         l("div", {
           class: z(a.vendor === "i4" ? "menu-icon active" : "menu-icon"),
           onClick: e[1] || (e[1] = (n) => a.vendor = "i4")
-        }, Vs, 2)
+        }, Hs, 2)
       ])
     ], 4)
-  ])) : j("", !0);
+  ])) : O("", !0);
 }
-const Gs = /* @__PURE__ */ k(Bs, [["render", Us], ["__scopeId", "data-v-2d85e33b"]]);
-const Hs = {
+const Zs = /* @__PURE__ */ k(Ns, [["render", Xs], ["__scopeId", "data-v-2d85e33b"]]);
+const Js = {
   name: "IdmGLV2",
   components: {
     IdmGlLayer: Vt,
@@ -4879,20 +4886,20 @@ const Hs = {
     IdmWaterTemp: Ua,
     IdmTemp: ar,
     IdmArctic: ur,
-    IdmWarZone: Ur,
-    IdmGmdssArea: Xr,
-    IdmEcaZone: Yr,
-    IdmAlertZone: ts,
-    IdmPort: us,
-    IdmLoadLine: gs,
-    IdmTimezone: _s,
-    IdmVRA: xs,
-    IdmSpecialArea: Ps,
-    IdmTerminator: ks,
+    IdmWarZone: Xr,
+    IdmGmdssArea: Yr,
+    IdmEcaZone: Qr,
+    IdmAlertZone: rs,
+    IdmPort: gs,
+    IdmLoadLine: Ls,
+    IdmTimezone: xs,
+    IdmVRA: Ps,
+    IdmSpecialArea: ks,
+    IdmTerminator: As,
     IdmLatLng: it,
-    IdmMeasure: Ms,
-    IdmPoint: jr,
-    IdmENC: Gs
+    IdmMeasure: Ws,
+    IdmPoint: Ur,
+    IdmENC: Zs
   },
   props: {
     map: {
@@ -4938,7 +4945,7 @@ const Hs = {
   watch: {
     ts: {
       handler(i, e) {
-        i && e && q(i).utc().format("yyyy-MM-DD HH") !== q(e).utc().format("yyyy-MM-DD HH") && this.$nextTick(() => {
+        i && e && K(i).utc().format("yyyy-MM-DD HH") !== K(e).utc().format("yyyy-MM-DD HH") && this.$nextTick(() => {
           this.handleDateChange({ tropicals: !1 });
         });
       },
@@ -4946,14 +4953,15 @@ const Hs = {
     },
     map: {
       handler() {
-        this.map && (this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.viewport = new Ue(this.map), this.handleRampColorInitial());
+        var i, e, t, r, a, s, n, o, h, c, f, d, m, u, g, y, p;
+        this.map && (this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.viewport = new Ue(this.map), this.handleRampColorInitial(), console.log(888, this.activeWeatherLayers), this.activeWeatherLayers.some((v) => ["wind", "current"].includes(v.key)) && ((i = this.particleFactor) != null && i.particle) || this.activeWeatherLayers.some((v) => ["temp", "water-temp"].includes(v.key)) ? ((t = (e = this.map) == null ? void 0 : e.getLayer("grayland")) == null || t.setLayoutProperty("visibility", "visible"), (a = (r = this.map) == null ? void 0 : r.getLayer("darkmap")) == null || a.setLayoutProperty("visibility", "visible"), (s = this.map) != null && s.getLayer("grayland") && ((o = this.map) == null || o.moveLayer((n = this.viewport) == null ? void 0 : n.rampColorLayer, "grayland")), (h = this.map) != null && h.getLayer("grayland") && ((f = this.map) == null || f.moveLayer((c = this.viewport) == null ? void 0 : c.particleLayer, "grayland"))) : ((m = this.map) == null || m.moveLayer((d = this.viewport) == null ? void 0 : d.rampColorLayer, null), (g = (u = this.map) == null ? void 0 : u.getLayer("grayland")) == null || g.setLayoutProperty("visibility", "none"), (p = (y = this.map) == null ? void 0 : y.getLayer("darkmap")) == null || p.setLayoutProperty("visibility", "none")));
       },
       immediate: !0
     },
     activeWeatherLayers: {
       handler() {
         var i, e, t, r, a, s, n, o, h, c, f, d, m, u, g, y, p;
-        if (!this.map)
+        if (console.log(999, this.activeWeatherLayers), !this.map)
           return !1;
         this.activeWeatherLayers.some((v) => ["wind", "current"].includes(v.key)) && ((i = this.particleFactor) != null && i.particle) || this.activeWeatherLayers.some((v) => ["temp", "water-temp"].includes(v.key)) ? ((t = (e = this.map) == null ? void 0 : e.getLayer("grayland")) == null || t.setLayoutProperty("visibility", "visible"), (a = (r = this.map) == null ? void 0 : r.getLayer("darkmap")) == null || a.setLayoutProperty("visibility", "visible"), (s = this.map) != null && s.getLayer("grayland") && ((o = this.map) == null || o.moveLayer((n = this.viewport) == null ? void 0 : n.rampColorLayer, "grayland")), (h = this.map) != null && h.getLayer("grayland") && ((f = this.map) == null || f.moveLayer((c = this.viewport) == null ? void 0 : c.particleLayer, "grayland"))) : ((m = this.map) == null || m.moveLayer((d = this.viewport) == null ? void 0 : d.rampColorLayer, null), (g = (u = this.map) == null ? void 0 : u.getLayer("grayland")) == null || g.setLayoutProperty("visibility", "none"), (p = (y = this.map) == null ? void 0 : y.getLayer("darkmap")) == null || p.setLayoutProperty("visibility", "none"));
       },
@@ -4997,26 +5005,26 @@ const Hs = {
               }
             });
             if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + t), console.log("weather links elapsed: ", r, ", total: ", t += r), ((n = v == null ? void 0 : v.data) == null ? void 0 : n.code) === 0) {
-              const b = (o = v == null ? void 0 : v.data) == null ? void 0 : o.data, L = [];
-              for (const _ in b)
-                _ === "ice-edge" && (b[_] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), _ !== "tropicals" && L.push(
-                  ie.get(b[_], {
+              const b = (o = v == null ? void 0 : v.data) == null ? void 0 : o.data, _ = [];
+              for (const L in b)
+                L === "ice-edge" && (b[L] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), L !== "tropicals" && _.push(
+                  ie.get(b[L], {
                     headers: {
                       Authorization: this.token || this.defaultMeteoToken,
-                      key: _
+                      key: L
                     },
-                    responseType: /\.(jpg|png)$/.test(b[_]) ? "blob" : "json"
+                    responseType: /\.(jpg|png)$/.test(b[L]) ? "blob" : "json"
                   }).catch((I) => {
-                    console.log(`[${_}] fetch layer error: ${I}`);
+                    console.log(`[${L}] fetch layer error: ${I}`);
                   })
                 );
-              const P = await Promise.all(L);
-              this.weatherLayers = {}, P.map((_) => {
-                var D, O, W, H;
-                const I = ((D = _ == null ? void 0 : _.data) == null ? void 0 : D.data) || (_ == null ? void 0 : _.data), $ = (W = (O = _ == null ? void 0 : _.config) == null ? void 0 : O.headers) == null ? void 0 : W.key;
+              const P = await Promise.all(_);
+              this.weatherLayers = {}, P.map((L) => {
+                var D, W, N, H;
+                const I = ((D = L == null ? void 0 : L.data) == null ? void 0 : D.data) || (L == null ? void 0 : L.data), $ = (N = (W = L == null ? void 0 : L.config) == null ? void 0 : W.headers) == null ? void 0 : N.key;
                 $ && I && (this.weatherLayers[$] = {
                   raw: I,
-                  type: ((H = _ == null ? void 0 : _.config) == null ? void 0 : H.responseType) === "blob" ? "image" : "json",
+                  type: ((H = L == null ? void 0 : L.config) == null ? void 0 : H.responseType) === "blob" ? "image" : "json",
                   etime: this.ts
                 });
               }), b.tropicals && ie.get(b.tropicals, {
@@ -5024,9 +5032,9 @@ const Hs = {
                   Authorization: this.token || this.defaultMeteoToken,
                   key: "tropicals"
                 }
-              }).then((_) => {
-                var D, O, W;
-                const I = et.convert2Geojson(((D = _ == null ? void 0 : _.data) == null ? void 0 : D.data) || (_ == null ? void 0 : _.data)), $ = (W = (O = _ == null ? void 0 : _.config) == null ? void 0 : O.headers) == null ? void 0 : W.key;
+              }).then((L) => {
+                var D, W, N;
+                const I = et.convert2Geojson(((D = L == null ? void 0 : L.data) == null ? void 0 : D.data) || (L == null ? void 0 : L.data)), $ = (N = (W = L == null ? void 0 : L.config) == null ? void 0 : W.headers) == null ? void 0 : N.key;
                 this.weatherLayers[$] = {
                   data: I,
                   active: !0,
@@ -5038,20 +5046,20 @@ const Hs = {
               });
             }
             if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + t), console.log("weather layers elapsed: ", r, ", total: ", t += r), this.weatherLayers["swell-direction"] || this.weatherLayers["swell-height"]) {
-              const b = (h = this.weatherLayers["swell-direction"]) == null ? void 0 : h.raw, L = (c = this.weatherLayers["swell-height"]) == null ? void 0 : c.raw;
+              const b = (h = this.weatherLayers["swell-direction"]) == null ? void 0 : h.raw, _ = (c = this.weatherLayers["swell-height"]) == null ? void 0 : c.raw;
               delete this.weatherLayers["swell-direction"], delete this.weatherLayers["swell-height"], this.weatherLayers.swell = {
                 type: "json",
                 direction: b,
-                height: { raw: L },
+                height: { raw: _ },
                 etime: this.ts
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
-              const b = (f = this.weatherLayers["current-direction"]) == null ? void 0 : f.raw, L = (d = this.weatherLayers["current-speed"]) == null ? void 0 : d.raw;
+              const b = (f = this.weatherLayers["current-direction"]) == null ? void 0 : f.raw, _ = (d = this.weatherLayers["current-speed"]) == null ? void 0 : d.raw;
               delete this.weatherLayers["current-direction"], delete this.weatherLayers["current-speed"], this.weatherLayers.current = {
                 type: "json",
                 direction: b,
-                speed: { raw: L },
+                speed: { raw: _ },
                 etime: this.ts
               };
             }
@@ -5181,23 +5189,23 @@ const Hs = {
             for (const p in y)
               if (p > o && p < h && (!(a <= this.zoom) || p % (a < this.zoom / 2 ? 5 : 3) === 0)) {
                 const v = y[p].lng;
-                s > n ? v.forEach((b, L) => {
+                s > n ? v.forEach((b, _) => {
                   var P;
                   if ((b >= s && b <= 180 || b >= -180 && b <= n) && (!(a <= this.zoom) || b % (a < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const _ = C.point([b, p], {
-                      val: y[p].val[L],
-                      spd: (P = y[p].spd) == null ? void 0 : P[L]
+                    const L = C.point([b, p], {
+                      val: y[p].val[_],
+                      spd: (P = y[p].spd) == null ? void 0 : P[_]
                     });
-                    g.push(_);
+                    g.push(L);
                   }
-                }) : v.forEach((b, L) => {
+                }) : v.forEach((b, _) => {
                   var P;
                   if (b >= s && b <= n && (!(a <= this.zoom) || b % (a < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const _ = C.point([b, p], {
-                      val: y[p].val[L],
-                      spd: (P = y[p].spd) == null ? void 0 : P[L]
+                    const L = C.point([b, p], {
+                      val: y[p].val[_],
+                      spd: (P = y[p].spd) == null ? void 0 : P[_]
                     });
-                    g.push(_);
+                    g.push(L);
                   }
                 });
               }
@@ -5207,8 +5215,8 @@ const Hs = {
                 if (!p.data) {
                   const v = [];
                   for (const b in (d = p.raw) == null ? void 0 : d.LineString) {
-                    const L = p.raw.LineString[b];
-                    for (const P of L)
+                    const _ = p.raw.LineString[b];
+                    for (const P of _)
                       v.push(
                         C.lineString(P, {
                           val: Number(b)
@@ -5229,12 +5237,12 @@ const Hs = {
               if (p) {
                 if (!p.data) {
                   const b = [];
-                  for (const L in (m = p.raw) == null ? void 0 : m.Polygon) {
-                    const P = p.raw.Polygon[L];
-                    for (const _ of P)
+                  for (const _ in (m = p.raw) == null ? void 0 : m.Polygon) {
+                    const P = p.raw.Polygon[_];
+                    for (const L of P)
                       b.push(
-                        C.polygon(_, {
-                          val: Number(L)
+                        C.polygon(L, {
+                          val: Number(_)
                         })
                       );
                   }
@@ -5249,19 +5257,19 @@ const Hs = {
             for (const p in y)
               if (p > o && p < h && (!(a <= this.zoom) || p % (a < this.zoom / 2 ? 5 : 3) === 0)) {
                 const v = y[p].lng;
-                s > n ? v.forEach((b, L) => {
+                s > n ? v.forEach((b, _) => {
                   if ((b >= s && b <= 180 || b >= -180 && b <= n) && (!(a <= this.zoom) || b % (a < this.zoom / 2 ? 5 : 3) === 0)) {
                     const P = C.point([b, p], {
-                      val: y[p].val[L],
-                      spd: y[p].spd[L]
+                      val: y[p].val[_],
+                      spd: y[p].spd[_]
                     });
                     g.push(P);
                   }
-                }) : v.forEach((b, L) => {
+                }) : v.forEach((b, _) => {
                   if (b >= s && b <= n && (!(a <= this.zoom) || b % (a < this.zoom / 2 ? 5 : 3) === 0)) {
                     const P = C.point([b, p], {
-                      val: y[p].val[L],
-                      spd: y[p].spd[L]
+                      val: y[p].val[_],
+                      spd: y[p].spd[_]
                     });
                     g.push(P);
                   }
@@ -5277,9 +5285,9 @@ const Hs = {
                 const p = [];
                 for (const v in y.Polygon) {
                   const b = y.Polygon[v];
-                  for (const L of b)
+                  for (const _ of b)
                     p.push(
-                      C.polygon(L, {
+                      C.polygon(_, {
                         val: Number(v)
                       })
                     );
@@ -5297,19 +5305,19 @@ const Hs = {
                 const p = [];
                 for (const v in y.LineString) {
                   const b = y.LineString[v];
-                  for (const L of b)
+                  for (const _ of b)
                     p.push(
-                      C.lineString(L, {
+                      C.lineString(_, {
                         val: Number(v)
                       })
                     );
                 }
                 for (const v in y.Point)
-                  y.Point[v].lng.forEach((b, L) => {
+                  y.Point[v].lng.forEach((b, _) => {
                     b = Ae(b), p.push(
                       C.point([b, v], {
-                        val: y.Point[v].val[L],
-                        type: y.Point[v].type[L]
+                        val: y.Point[v].val[_],
+                        type: y.Point[v].type[_]
                       })
                     );
                   });
@@ -5326,9 +5334,9 @@ const Hs = {
                 const p = [];
                 for (const v in y.LineString) {
                   const b = y.LineString[v];
-                  for (const L of b)
+                  for (const _ of b)
                     p.push(
-                      C.lineString(L, {
+                      C.lineString(_, {
                         val: Number(v)
                       })
                     );
@@ -5401,7 +5409,7 @@ const Hs = {
       }
     },
     async handlePointChange(i) {
-      const e = this.ts ? q(this.ts) : q(), t = {
+      const e = this.ts ? K(this.ts) : K(), t = {
         lat: i.lat,
         lng: i.lng,
         ts: e.utc().format(),
@@ -5425,14 +5433,14 @@ const Hs = {
       this.particleFactor = i, this.fetchWeatherLayers({ tropicals: !1 });
     }
   }
-}, Xs = {
+}, Ys = {
   key: 0,
   class: "map-gl-home"
 };
-function Zs(i, e, t, r, a, s) {
-  var J, ne, ye, ge, be, ve, _e, Le, we, xe, Ce, Se, Pe, Te, Ee, ke, Re, Ie, Oe, He, Xe, Ze, Je, Ye, qe, Ke;
-  const n = T("IdmGlLayer"), o = T("IdmENC"), h = T("IdmSigWave"), c = T("IdmSwell"), f = T("IdmPrmsl"), d = T("IdmIceberg"), m = T("IdmTropicals"), u = T("IdmCurrents"), g = T("IdmCurrentParticle"), y = T("IdmWindBarb"), p = T("IdmWindParticle"), v = T("IdmPrecip3h"), b = T("IdmVisibility"), L = T("IdmWaterTemp"), P = T("IdmTemp"), _ = T("IdmArctic"), I = T("IdmWarZone"), $ = T("IdmGmdssArea"), D = T("IdmEcaZone"), O = T("IdmAlertZone"), W = T("IdmPort"), H = T("IdmLoadLine"), Z = T("IdmTimezone"), ee = T("IdmVRA"), ce = T("IdmSpecialArea"), te = T("IdmTerminator"), A = T("IdmLatLng"), V = T("IdmMeasure"), de = T("IdmPoint");
-  return t.map ? (w(), x("div", Xs, [
+function qs(i, e, t, r, a, s) {
+  var Y, ne, ye, ge, be, ve, Le, _e, we, xe, Ce, Se, Pe, Te, Ee, ke, Re, Ie, Oe, He, Xe, Ze, Je, Ye, qe, Ke;
+  const n = T("IdmGlLayer"), o = T("IdmENC"), h = T("IdmSigWave"), c = T("IdmSwell"), f = T("IdmPrmsl"), d = T("IdmIceberg"), m = T("IdmTropicals"), u = T("IdmCurrents"), g = T("IdmCurrentParticle"), y = T("IdmWindBarb"), p = T("IdmWindParticle"), v = T("IdmPrecip3h"), b = T("IdmVisibility"), _ = T("IdmWaterTemp"), P = T("IdmTemp"), L = T("IdmArctic"), I = T("IdmWarZone"), $ = T("IdmGmdssArea"), D = T("IdmEcaZone"), W = T("IdmAlertZone"), N = T("IdmPort"), H = T("IdmLoadLine"), Z = T("IdmTimezone"), ee = T("IdmVRA"), ce = T("IdmSpecialArea"), te = T("IdmTerminator"), A = T("IdmLatLng"), V = T("IdmMeasure"), de = T("IdmPoint");
+  return t.map ? (w(), x("div", Ys, [
     E(n, R({
       ref: "layer",
       map: t.map,
@@ -5440,19 +5448,19 @@ function Zs(i, e, t, r, a, s) {
     }, i.$attrs, {
       onWeather: s.handleWeatherLayerChange,
       onOther: s.handleOtherLayerChange,
-      onCoordinate: e[0] || (e[0] = (Y) => a.showCoord = Y),
-      onMeasure: e[1] || (e[1] = (Y) => a.showMeasure = Y),
-      onPoint: e[2] || (e[2] = (Y) => a.showPoint = Y),
+      onCoordinate: e[0] || (e[0] = (q) => a.showCoord = q),
+      onMeasure: e[1] || (e[1] = (q) => a.showMeasure = q),
+      onPoint: e[2] || (e[2] = (q) => a.showPoint = q),
       on3d: s.handle3dToggle,
-      onToggleVersion: e[3] || (e[3] = (Y) => a.toggleVersion = Y)
+      onToggleVersion: e[3] || (e[3] = (q) => a.toggleVersion = q)
     }), null, 16, ["map", "toggle-version", "onWeather", "onOther", "on3d"]),
     E(o, R({
       map: t.map,
       token: t.token,
-      enabled: (J = a.otherLayers) == null ? void 0 : J.enc,
+      enabled: (Y = a.otherLayers) == null ? void 0 : Y.enc,
       "toggle-version": a.toggleVersion
     }, i.$attrs, {
-      onEnc: e[4] || (e[4] = (Y) => a.enc = Y)
+      onEnc: e[4] || (e[4] = (q) => a.enc = q)
     }), null, 16, ["map", "token", "enabled", "toggle-version"]),
     E(h, R({
       map: t.map,
@@ -5482,7 +5490,7 @@ function Zs(i, e, t, r, a, s) {
     }, i.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
     E(u, R({
       map: t.map,
-      current: (_e = a.weatherLayers) == null ? void 0 : _e.current,
+      current: (Le = a.weatherLayers) == null ? void 0 : Le.current,
       "before-layer": t.beforeLayer,
       "show-particle": a.showCurrentParticle,
       "margin-bottom": a.activeWindLayer ? a.showRampColor ? "84px" : "56px" : a.showRampColor ? "56px" : "30px",
@@ -5491,7 +5499,7 @@ function Zs(i, e, t, r, a, s) {
     }, i.$attrs, { onParticle: s.handleParticle }), null, 16, ["map", "current", "before-layer", "show-particle", "margin-bottom", "toggle-version", "weather-layers", "onParticle"]),
     E(g, R({
       viewport: a.viewport,
-      factor: (Le = a.weatherLayers) == null ? void 0 : Le["current-particle"],
+      factor: (_e = a.weatherLayers) == null ? void 0 : _e["current-particle"],
       "before-layer": t.beforeLayer,
       "toggle-version": a.toggleVersion
     }, i.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
@@ -5526,7 +5534,7 @@ function Zs(i, e, t, r, a, s) {
       "before-layer": t.beforeLayer,
       "toggle-version": a.toggleVersion
     }, i.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    E(L, R({
+    E(_, R({
       viewport: a.viewport,
       factor: (Te = a.weatherLayers) == null ? void 0 : Te["water-temp"],
       "before-layer": t.beforeLayer,
@@ -5538,7 +5546,7 @@ function Zs(i, e, t, r, a, s) {
       "before-layer": t.beforeLayer,
       "toggle-version": a.toggleVersion
     }, i.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    E(_, R({
+    E(L, R({
       viewport: a.viewport,
       factor: (ke = a.weatherLayers) == null ? void 0 : ke.arctic,
       "before-layer": t.beforeLayer,
@@ -5559,12 +5567,12 @@ function Zs(i, e, t, r, a, s) {
       zone: (Oe = a.otherLayers) == null ? void 0 : Oe["eca-zones"],
       "before-layer": t.beforeLayer
     }, i.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    E(O, R({
+    E(W, R({
       map: t.map,
       zone: (He = a.otherLayers) == null ? void 0 : He["alert-zones"],
       "before-layer": t.beforeLayer
     }, i.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    E(W, R({
+    E(N, R({
       map: t.map,
       port: (Xe = a.otherLayers) == null ? void 0 : Xe.ports,
       "before-layer": t.beforeLayer
@@ -5607,16 +5615,16 @@ function Zs(i, e, t, r, a, s) {
       show: a.showPoint,
       meteo: a.meteo
     }, i.$attrs, { onPoint: s.handlePointChange }), null, 16, ["map", "show", "meteo", "onPoint"])
-  ])) : j("", !0);
+  ])) : O("", !0);
 }
-const Js = /* @__PURE__ */ k(Hs, [["render", Zs]]), ro = {
+const Ks = /* @__PURE__ */ k(Js, [["render", qs]]), no = {
   install(i) {
-    i.component("MapboxGL", Js), i.component("TropicalGL", tt), i.component("LatLngGL", it);
+    i.component("MapboxGL", Ks), i.component("TropicalGL", tt), i.component("LatLngGL", it);
   }
 };
 export {
   it as LatLngGL,
-  Js as MapboxGL,
-  ro as MapboxGLPlugin,
+  Ks as MapboxGL,
+  no as MapboxGLPlugin,
   tt as TropicalGL
 };