npm - @idmwx/idmui-gl4 - Versions diffs - 0.4.6 → 0.4.7 - Mend

@idmwx/idmui-gl4 0.4.6 → 0.4.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.js +370 -327
package/dist/index.umd.cjs +5 -5
package/dist/mapbox/src/components/spot/index.vue.d.ts +22 -16
package/dist/style.css +1 -1
package/package.json +1 -1

package/dist/index.js CHANGED Viewed

@@ -2,7 +2,7 @@ var Vo = Object.defineProperty;
 var Yo = (o, e, t) => e in o ? Vo(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var le = (o, e, t) => (Yo(o, typeof e != "symbol" ? e + "" : e, t), t);
 import Ie from "axios";
-import { openBlock as y, createElementBlock as T, withDirectives as He, createElementVNode as l, vShow as Ge, toDisplayString as C, normalizeStyle as Q, createCommentVNode as O, resolveComponent as w, createVNode as h, withCtx as g, mergeProps as j, normalizeClass as Ne, createTextVNode as U, Fragment as fe, renderList as _e, createBlock as V, withModifiers as Zo } from "vue";
+import { openBlock as y, createElementBlock as M, withDirectives as He, createElementVNode as l, vShow as Ge, toDisplayString as C, normalizeStyle as Q, createCommentVNode as O, resolveComponent as w, createVNode as h, withCtx as g, mergeProps as j, normalizeClass as Ne, createTextVNode as U, Fragment as fe, renderList as _e, createBlock as V, withModifiers as Zo } from "vue";
 import Pe from "mapbox-gl";
 import { LngLatHelper as ae, TropicalHelper as Ho, LaneHelper as Be } from "@idm-plugin/geo";
 import * as F from "@turf/turf";
@@ -109,7 +109,7 @@ const X = (o, e) => {
   }
 };
 function $o(o, e, t, i, a, r) {
-  return y(), T("div");
+  return y(), M("div");
 }
 const ea = /* @__PURE__ */ X(Qo, [["render", $o]]), ta = {
   name: "IdmGmdssArea",
@@ -233,7 +233,7 @@ const ea = /* @__PURE__ */ X(Qo, [["render", $o]]), ta = {
   }
 };
 function oa(o, e, t, i, a, r) {
-  return y(), T("div");
+  return y(), M("div");
 }
 const aa = /* @__PURE__ */ X(ta, [["render", oa]]), ia = {
   name: "IdmEcaZone",
@@ -328,7 +328,7 @@ const aa = /* @__PURE__ */ X(ta, [["render", oa]]), ia = {
   }
 };
 function ra(o, e, t, i, a, r) {
-  return y(), T("div");
+  return y(), M("div");
 }
 const la = /* @__PURE__ */ X(ia, [["render", ra]]);
 const sa = {
@@ -465,7 +465,7 @@ const sa = {
 }, na = { id: "idm-gl4-zone-info" }, ca = ["innerHTML"];
 function ma(o, e, t, i, a, r) {
   var s;
-  return He((y(), T("div", na, [
+  return He((y(), M("div", na, [
     l("div", {
       class: "iconfont close",
       onClick: e[0] || (e[0] = (c) => a.showZone = !1)
@@ -583,7 +583,7 @@ const da = {
   style: { "align-items": "flex-start" }
 }, wa = { class: "meteo-forecast flex-end" };
 function xa(o, e, t, i, a, r) {
-  return He((y(), T("div", pa, [
+  return He((y(), M("div", pa, [
     l("div", {
       class: "close iconfont",
       onClick: e[0] || (e[0] = (s) => a.showPort = !1)
@@ -687,7 +687,7 @@ const va = /* @__PURE__ */ X(da, [["render", xa], ["__scopeId", "data-v-62f79fef
   }
 };
 function ka(o, e, t, i, a, r) {
-  return y(), T("div");
+  return y(), M("div");
 }
 const za = /* @__PURE__ */ X(_a, [["render", ka]]), La = {
   name: "IdmTimezone",
@@ -856,7 +856,7 @@ const za = /* @__PURE__ */ X(_a, [["render", ka]]), La = {
   }
 };
 function Pa(o, e, t, i, a, r) {
-  return y(), T("div");
+  return y(), M("div");
 }
 const Ca = /* @__PURE__ */ X(La, [["render", Pa]]), Sa = {
   name: "IdmVoluntaryReportingArea",
@@ -948,7 +948,7 @@ const Ca = /* @__PURE__ */ X(La, [["render", Pa]]), Sa = {
   }
 };
 function Ma(o, e, t, i, a, r) {
-  return y(), T("div");
+  return y(), M("div");
 }
 const Ta = /* @__PURE__ */ X(Sa, [["render", Ma]]), Ra = {
   name: "IdmSpecialArea",
@@ -1042,7 +1042,7 @@ const Ta = /* @__PURE__ */ X(Sa, [["render", Ma]]), Ra = {
   }
 };
 function Ia(o, e, t, i, a, r) {
-  return y(), T("div");
+  return y(), M("div");
 }
 const Aa = /* @__PURE__ */ X(Ra, [["render", Ia]]), Da = {
   name: "IdmTerminator",
@@ -1065,7 +1065,7 @@ const Aa = /* @__PURE__ */ X(Ra, [["render", Ia]]), Da = {
   },
   computed: {
     layerColor() {
-      return ["satellite", "dark"].includes(this.mapFeather) ? "rgba(0, 0, 0, 0.6)" : "rgba(0, 0, 0, 0.2)";
+      return ["satellite", "dark"].includes(this.mapFeather), "rgba(0, 0, 0, 0.2)";
     }
   },
   watch: {
@@ -1104,7 +1104,7 @@ const Aa = /* @__PURE__ */ X(Ra, [["render", Ia]]), Da = {
   }
 };
 function Oa(o, e, t, i, a, r) {
-  return y(), T("div");
+  return y(), M("div");
 }
 const Ba = /* @__PURE__ */ X(Da, [["render", Oa]]), ja = {
   name: "IdmWorld12nm",
@@ -1408,7 +1408,7 @@ const Ya = {
   }
 };
 function Za(o, e, t, i, a, r) {
-  return a.lngLat ? (y(), T("div", {
+  return a.lngLat ? (y(), M("div", {
     key: 0,
     class: "idm-lat-lng-tip-gl4 pa-2 text-caption text-right rounded",
     style: Q({ right: a.right + "px" })
@@ -1619,27 +1619,27 @@ const Xa = {
       this.layerWeight !== o && (this.layerWeight = o, this.fetchOtherLayers({ all: !0 }));
     }
   }
-}, qa = { class: "idm-gl4-other-layer" }, Ka = { class: "header-box d-flex justify-space-between align-center pl-4 pr-4" }, Ja = { class: "text-h5" }, Qa = { class: "list-box scroll pl-4 pr-2 overflow-y-auto" }, $a = { class: "layers-body my-4 d-flex justify-start align-center flex-wrap ga-2" }, ei = ["onClick"], ti = { class: "bg-white" }, oi = {
+}, qa = { class: "idm-gl4-other-layer" }, Ka = { class: "header-box d-flex justify-space-between align-center pl-4 pr-4" }, Ja = { class: "text-h5" }, Qa = { class: "list-box scroll pl-4 pr-2 overflow-y-auto" }, $a = { class: "layers-body mt-4 d-flex justify-start align-center flex-wrap" }, ei = ["onClick"], ti = {
   key: 0,
   src: "https://osshz.idmwx.com/asset/dark-map.png",
   class: "border rounded-sm"
-}, ai = {
+}, oi = {
   key: 1,
   src: "https://osshz.idmwx.com/asset/nautical-map.png",
   class: "border rounded-sm"
-}, ii = {
+}, ai = {
   key: 2,
   src: "https://osshz.idmwx.com/asset/satellite-map.png",
   class: "border rounded-sm"
-}, ri = {
+}, ii = {
   key: 3,
   src: "https://osshz.idmwx.com/asset/light-map.png",
   class: "border rounded-sm"
-}, li = { class: "text-body-2 text-center pt-1" }, si = { class: "layers-body" }, ni = { class: "layers-body" }, ci = { class: "layers-body" }, mi = { class: "layers-body" };
-function hi(o, e, t, i, a, r) {
+}, ri = { class: "text-body-2 text-center pt-1" }, li = { class: "layers-body" }, si = { class: "layers-body" }, ni = { class: "layers-body" }, ci = { class: "layers-body" };
+function mi(o, e, t, i, a, r) {
   var G, W, $, ee, K, se, me, pe, he, q;
-  const s = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), u = w("VCardItem"), d = w("VCheckbox"), m = w("VCardText"), b = w("VCard"), f = w("IdmWorld12nm"), L = w("IdmWorldMarine"), S = w("IdmChinaRoute"), P = w("IdmWarZone"), E = w("IdmGmdssArea"), M = w("IdmEcaZone"), k = w("IdmAlertZone"), v = w("IdmPort"), _ = w("IdmLoadLine"), z = w("IdmTimezone"), x = w("IdmVRA"), R = w("IdmSpecialArea"), H = w("IdmTerminator"), Y = w("IdmLatLng");
-  return y(), T("div", qa, [
+  const s = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), u = w("VCardItem"), d = w("VCheckbox"), m = w("VCardText"), b = w("VCard"), f = w("IdmWorld12nm"), L = w("IdmWorldMarine"), S = w("IdmChinaRoute"), P = w("IdmWarZone"), E = w("IdmGmdssArea"), T = w("IdmEcaZone"), k = w("IdmAlertZone"), v = w("IdmPort"), _ = w("IdmLoadLine"), z = w("IdmTimezone"), x = w("IdmVRA"), R = w("IdmSpecialArea"), H = w("IdmTerminator"), Y = w("IdmLatLng");
+  return y(), M("div", qa, [
     l("div", {
       class: "menu-bar-box transition px-1 rounded",
       style: Q({ top: t.top + 10 + "px", right: a.right + "px" })
@@ -1714,23 +1714,21 @@ function hi(o, e, t, i, a, r) {
             h(m, null, {
               default: g(() => [
                 l("div", $a, [
-                  (y(!0), T(fe, null, _e(a.mapFeathers, (I) => (y(), T("div", {
+                  (y(!0), M(fe, null, _e(a.mapFeathers, (I) => (y(), M("div", {
                     key: I.value,
-                    class: "mb-4 feather-item",
+                    class: "mb-2 feather-item",
                     onClick: (ne) => r.handleToggleMapFeather(I)
                   }, [
                     l("div", {
-                      class: Ne(a.mapFeather === I.value ? "bg-primary" : "bg-grey-lighten-1")
+                      class: Ne([a.mapFeather === I.value ? "active" : "", "img-box"])
                     }, [
-                      l("div", ti, [
-                        I.value === "dark" ? (y(), T("img", oi)) : I.value === "nautical" ? (y(), T("img", ai)) : I.value === "satellite" ? (y(), T("img", ii)) : (y(), T("img", ri))
-                      ])
+                      I.value === "dark" ? (y(), M("img", ti)) : I.value === "nautical" ? (y(), M("img", oi)) : I.value === "satellite" ? (y(), M("img", ai)) : (y(), M("img", ii))
                     ], 2),
-                    l("div", li, C(o.$t(`layer.${I.locale}`)), 1)
+                    l("div", ri, C(o.$t(`layer.${I.locale}`)), 1)
                   ], 8, ei))), 128))
                 ]),
-                l("div", si, [
-                  (y(!0), T(fe, null, _e(a.tagLayers.filter((I) => ["graticule", "day-night", "time-zones"].includes(I.key)), (I) => (y(), V(d, {
+                l("div", li, [
+                  (y(!0), M(fe, null, _e(a.tagLayers.filter((I) => ["graticule", "day-night", "time-zones"].includes(I.key)), (I) => (y(), V(d, {
                     key: I.key,
                     modelValue: a.checkList,
                     "onUpdate:modelValue": e[0] || (e[0] = (ne) => a.checkList = ne),
@@ -1770,8 +1768,8 @@ function hi(o, e, t, i, a, r) {
             }),
             h(m, null, {
               default: g(() => [
-                l("div", ni, [
-                  (y(!0), T(fe, null, _e(a.tagLayers.filter((I) => ["ports", "nav-warnings", "tidal-stations"].includes(I.key)), (I) => (y(), V(d, {
+                l("div", si, [
+                  (y(!0), M(fe, null, _e(a.tagLayers.filter((I) => ["ports", "nav-warnings", "tidal-stations"].includes(I.key)), (I) => (y(), V(d, {
                     key: I.key,
                     modelValue: a.checkList,
                     "onUpdate:modelValue": e[1] || (e[1] = (ne) => a.checkList = ne),
@@ -1811,8 +1809,8 @@ function hi(o, e, t, i, a, r) {
             }),
             h(m, null, {
               default: g(() => [
-                l("div", ci, [
-                  (y(!0), T(fe, null, _e(a.tagLayers.filter((I) => !["graticule", "day-night", "time-zones", "ports", "nav-warnings", "tidal-stations"].includes(I.key)), (I) => (y(), V(d, {
+                l("div", ni, [
+                  (y(!0), M(fe, null, _e(a.tagLayers.filter((I) => !["graticule", "day-night", "time-zones", "ports", "nav-warnings", "tidal-stations"].includes(I.key)), (I) => (y(), V(d, {
                     key: I.key,
                     modelValue: a.checkList,
                     "onUpdate:modelValue": e[2] || (e[2] = (ne) => a.checkList = ne),
@@ -1852,7 +1850,7 @@ function hi(o, e, t, i, a, r) {
             }),
             h(m, null, {
               default: g(() => [
-                l("div", mi, [
+                l("div", ci, [
                   h(d, {
                     modelValue: a.followList,
                     "onUpdate:modelValue": e[3] || (e[3] = (I) => a.followList = I),
@@ -1912,7 +1910,7 @@ function hi(o, e, t, i, a, r) {
       map: t.map,
       area: (W = a.otherLayers) == null ? void 0 : W["gmdss-areas"]
     }, o.$attrs), null, 16, ["map", "area"])) : O("", !0),
-    t.map ? (y(), V(M, j({
+    t.map ? (y(), V(T, j({
       key: 5,
       map: t.map,
       zone: ($ = a.otherLayers) == null ? void 0 : $["eca-zones"]
@@ -1962,7 +1960,7 @@ function hi(o, e, t, i, a, r) {
     }, o.$attrs), null, 16, ["map", "menu-toggle", "show"])) : O("", !0)
   ]);
 }
-const di = /* @__PURE__ */ X(Xa, [["render", hi]]);
+const hi = /* @__PURE__ */ X(Xa, [["render", mi]]);
 class Ke {
   constructor(e) {
     le(this, "map");
@@ -2199,7 +2197,7 @@ class De {
         d.resolution && t.uniform2f(d.resolution, t.canvas.width * e.ratio, t.canvas.height * e.ratio), t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, a), d.image && t.uniform1i(d.image, 0), t.activeTexture(t.TEXTURE1), t.bindTexture(t.TEXTURE_2D, r), d.color && t.uniform1i(d.color, 1), c != null && c.uvRange && (c != null && c.sRange) && (d.uvRange && t.uniform2f(d.uvRange, c.uvRange[0], c.uvRange[1]), d.sRange && t.uniform2f(d.sRange, c.sRange[0], c.sRange[1])), d.scale && t.uniform1f(d.scale, (c == null ? void 0 : c.scale) || 1);
         const m = e.getBoundPixel(), b = e.map.getZoom() + 1, f = e.getWorldCopy(m, b);
         for (const L of f) {
-          const S = (L[0] - m[0]) * e.ratio, P = (L[1] - m[3]) * e.ratio, E = L[2] * e.ratio, [M, k, v, _] = [S, E + S, P, E + P], z = new Float32Array([M, v, k, v, M, _, M, _, k, v, k, _]);
+          const S = (L[0] - m[0]) * e.ratio, P = (L[1] - m[3]) * e.ratio, E = L[2] * e.ratio, [T, k, v, _] = [S, E + S, P, E + P], z = new Float32Array([T, v, k, v, T, _, T, _, k, v, k, _]);
           t.bindBuffer(t.ARRAY_BUFFER, s), t.bufferData(t.ARRAY_BUFFER, z, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
         }
       } catch (d) {
@@ -2446,7 +2444,7 @@ le(ve, "vertexSchema", `
         fract(pos * 255.0),
         floor(pos * 255.0) / 255.0);
     }`);
-const pi = {
+const di = {
   name: "IdmWindBarb",
   props: {
     map: {
@@ -2594,14 +2592,14 @@ const pi = {
       this.map.getSource(this.source) && this.map.removeSource(this.source), this.windBarbLoaded = !1;
     }
   }
-}, ui = {
+}, pi = {
   key: 0,
   class: "legend-tip-btn-gl4"
-}, gi = { class: "d-flex flex-row justify-center align-center" }, fi = { class: "text-caption" };
-function bi(o, e, t, i, a, r) {
+}, ui = { class: "d-flex flex-row justify-center align-center" }, gi = { class: "text-caption" };
+function fi(o, e, t, i, a, r) {
   var m;
   const s = w("v-btn"), c = w("v-col"), n = w("v-row"), u = w("v-card-text"), d = w("v-card");
-  return (m = t.wind) != null && m.active ? (y(), T("div", ui, [
+  return (m = t.wind) != null && m.active ? (y(), M("div", pi, [
     l("div", {
       class: "menu-bar-box pa-1 rounded",
       style: Q({ right: a.right + "px" })
@@ -2633,18 +2631,18 @@ function bi(o, e, t, i, a, r) {
             e[1] || (e[1] = l("div", { class: "text-body-2 ma-1" }, "Wind Level", -1)),
             h(n, { class: "ma-0" }, {
               default: g(() => [
-                (y(!0), T(fe, null, _e(a.barbs, (b, f) => (y(), V(c, {
+                (y(!0), M(fe, null, _e(a.barbs, (b, f) => (y(), V(c, {
                   cols: "6",
                   key: b,
                   class: "d-flex flex-row justify-center align-center pa-1"
                 }, {
                   default: g(() => [
-                    l("div", gi, [
+                    l("div", ui, [
                       l("i", {
                         class: Ne(["iconfont", r.barbsIconName[f]]),
-                        style: Q({ color: t.theme === "customDark" ? "#fff" : "#000" })
+                        style: Q({ color: t.theme === "dark" ? "#fff" : "#000" })
                       }, null, 6),
-                      l("span", fi, C(Number(b) < 10 ? `00${b}kts` : Number(b) < 100 ? `0${b}kts` : `${b}kts`), 1)
+                      l("span", gi, C(Number(b) < 10 ? `00${b}kts` : Number(b) < 100 ? `0${b}kts` : `${b}kts`), 1)
                     ])
                   ]),
                   _: 2
@@ -2663,8 +2661,8 @@ function bi(o, e, t, i, a, r) {
     ])
   ])) : O("", !0);
 }
-const yi = /* @__PURE__ */ X(pi, [["render", bi]]);
-const wi = {
+const bi = /* @__PURE__ */ X(di, [["render", fi]]);
+const yi = {
   name: "IdmWindParticle",
   props: {
     factor: {
@@ -2830,10 +2828,10 @@ const wi = {
       (o = this.viewport) == null || o.toggle(!1), this.context = void 0, this.etime = void 0, this.handleClearParticle();
     }
   }
-}, xi = { key: 0 };
-function vi(o, e, t, i, a, r) {
+}, wi = { key: 0 };
+function xi(o, e, t, i, a, r) {
   var s;
-  return (s = t.factor) != null && s.active ? (y(), T("div", xi, [
+  return (s = t.factor) != null && s.active ? (y(), M("div", wi, [
     l("div", {
       class: "legend-bars-gl4 wind",
       style: Q({ right: a.right + "px" })
@@ -2849,7 +2847,7 @@ function vi(o, e, t, i, a, r) {
     ]), 4)
   ])) : O("", !0);
 }
-const _i = /* @__PURE__ */ X(wi, [["render", vi]]), ki = {
+const vi = /* @__PURE__ */ X(yi, [["render", xi]]), _i = {
   name: "IdmCurrent",
   props: {
     map: {
@@ -3024,17 +3022,17 @@ const _i = /* @__PURE__ */ X(wi, [["render", vi]]), ki = {
       this.map.getLayer(this.speedLayer) && this.map.removeLayer(this.speedLayer), this.map.getLayer(this.speedLabelLayer) && this.map.removeLayer(this.speedLabelLayer), this.map.getLayer(this.directionLayer) && this.map.removeLayer(this.directionLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, zi = {
+}, ki = {
   key: 0,
   class: "legend-tip-btn-gl4"
-}, Li = { class: "d-flex flex-row justify-start align-center" }, Pi = {
+}, zi = { class: "d-flex flex-row justify-start align-center" }, Li = {
   class: "d-flex flex-row justify-center align-center",
   style: { width: "48px" }
-}, Ci = { class: "text-caption px-2" };
-function Si(o, e, t, i, a, r) {
+}, Pi = { class: "text-caption px-2" };
+function Ci(o, e, t, i, a, r) {
   var b;
   const s = w("v-btn"), c = w("v-tooltip"), n = w("v-col"), u = w("v-row"), d = w("v-card-text"), m = w("v-card");
-  return (b = t.current) != null && b.active ? (y(), T("div", zi, [
+  return (b = t.current) != null && b.active ? (y(), M("div", ki, [
     l("div", {
       class: "menu-bar-box pa-1 rounded",
       style: Q({ right: a.right + "px" })
@@ -3075,20 +3073,20 @@ function Si(o, e, t, i, a, r) {
             e[1] || (e[1] = l("div", { class: "text-body-2 ma-1" }, "Current", -1)),
             h(u, { class: "ma-0" }, {
               default: g(() => [
-                (y(!0), T(fe, null, _e(a.list, (f, L) => (y(), V(n, {
+                (y(!0), M(fe, null, _e(a.list, (f, L) => (y(), V(n, {
                   cols: "12",
                   key: L,
                   class: "d-flex flex-row justify-start align-center pa-0"
                 }, {
                   default: g(() => [
-                    l("div", Li, [
-                      l("div", Pi, [
+                    l("div", zi, [
+                      l("div", Li, [
                         l("i", {
                           class: "iconfont icon-direction-arrow opacity-80",
                           style: Q({ fontSize: 48 * f.size + "px" })
                         }, null, 4)
                       ]),
-                      l("div", Ci, C(f.label), 1)
+                      l("div", Pi, C(f.label), 1)
                     ])
                   ]),
                   _: 2
@@ -3107,8 +3105,8 @@ function Si(o, e, t, i, a, r) {
     ])
   ])) : O("", !0);
 }
-const Mi = /* @__PURE__ */ X(ki, [["render", Si]]);
-const Ti = {
+const Si = /* @__PURE__ */ X(_i, [["render", Ci]]);
+const Mi = {
   name: "IdmCurrentParticle",
   props: {
     factor: {
@@ -3271,10 +3269,10 @@ const Ti = {
       (o = this.viewport) == null || o.toggle(!1), this.context = void 0, this.etime = void 0, this.handleClearParticle();
     }
   }
-}, Ri = { key: 0 };
-function Ii(o, e, t, i, a, r) {
+}, Ti = { key: 0 };
+function Ri(o, e, t, i, a, r) {
   var s;
-  return (s = t.factor) != null && s.active ? (y(), T("div", Ri, [
+  return (s = t.factor) != null && s.active ? (y(), M("div", Ti, [
     l("div", {
       class: "legend-bars-gl4 current",
       style: Q({ right: a.right + "px" })
@@ -3289,8 +3287,8 @@ function Ii(o, e, t, i, a, r) {
     ]), 4)
   ])) : O("", !0);
 }
-const Ai = /* @__PURE__ */ X(Ti, [["render", Ii]]);
-const Di = {
+const Ii = /* @__PURE__ */ X(Mi, [["render", Ri]]);
+const Ai = {
   name: "IdmTemp",
   props: {
     factor: {
@@ -3399,10 +3397,10 @@ const Di = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, Oi = { key: 0 };
-function Bi(o, e, t, i, a, r) {
+}, Di = { key: 0 };
+function Oi(o, e, t, i, a, r) {
   var s;
-  return (s = t.factor) != null && s.active ? (y(), T("div", Oi, [
+  return (s = t.factor) != null && s.active ? (y(), M("div", Di, [
     l("div", {
       class: "legend-bars-gl4 sig-wave",
       style: Q({ right: a.right + "px" })
@@ -3417,7 +3415,7 @@ function Bi(o, e, t, i, a, r) {
     ]), 4)
   ])) : O("", !0);
 }
-const ji = /* @__PURE__ */ X(Di, [["render", Bi], ["__scopeId", "data-v-79ce70e2"]]), Ei = {
+const Bi = /* @__PURE__ */ X(Ai, [["render", Oi], ["__scopeId", "data-v-79ce70e2"]]), ji = {
   name: "IdmSigWave",
   props: {
     map: {
@@ -3567,17 +3565,17 @@ const ji = /* @__PURE__ */ X(Di, [["render", Bi], ["__scopeId", "data-v-79ce70e2
       this.map.getLayer(this.heightLayer) && this.map.removeLayer(this.heightLayer), this.map.getLayer(this.heightLabelLayer) && this.map.removeLayer(this.heightLabelLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, Fi = {
+}, Ei = {
   key: 0,
   class: "legend-tip-btn-gl4"
-}, Ni = { class: "d-flex flex-row justify-start align-center" }, Hi = {
+}, Fi = { class: "d-flex flex-row justify-start align-center" }, Ni = {
   key: 0,
   style: { width: "24px", height: "12px", border: "1px solid rgba(var(--v-border-color), var(--v-border-opacity))" }
-}, Gi = { class: "text-caption px-2" };
-function Wi(o, e, t, i, a, r) {
+}, Hi = { class: "text-caption px-2" };
+function Gi(o, e, t, i, a, r) {
   var m;
   const s = w("v-btn"), c = w("v-col"), n = w("v-row"), u = w("v-card-text"), d = w("v-card");
-  return (m = t.sigWaveHeight) != null && m.active ? (y(), T("div", Fi, [
+  return (m = t.sigWaveHeight) != null && m.active ? (y(), M("div", Ei, [
     l("div", {
       class: "menu-bar-box pa-1 rounded",
       style: Q({ right: a.right + "px" })
@@ -3609,18 +3607,18 @@ function Wi(o, e, t, i, a, r) {
             e[1] || (e[1] = l("div", { class: "text-body-2 ma-1" }, "Wave Height", -1)),
             h(n, { class: "ma-0" }, {
               default: g(() => [
-                (y(!0), T(fe, null, _e(a.list, (b, f) => (y(), V(c, {
+                (y(!0), M(fe, null, _e(a.list, (b, f) => (y(), V(c, {
                   cols: "12",
                   key: f,
                   class: "d-flex flex-row justify-start align-center pa-1"
                 }, {
                   default: g(() => [
-                    l("div", Ni, [
-                      f === 0 ? (y(), T("div", Hi)) : (y(), T("div", {
+                    l("div", Fi, [
+                      f === 0 ? (y(), M("div", Ni)) : (y(), M("div", {
                         key: 1,
                         style: Q({ width: "24px", height: "12px", background: b.color })
                       }, null, 4)),
-                      l("div", Gi, C(b.label), 1)
+                      l("div", Hi, C(b.label), 1)
                     ])
                   ]),
                   _: 2
@@ -3639,7 +3637,7 @@ function Wi(o, e, t, i, a, r) {
     ])
   ])) : O("", !0);
 }
-const Ui = /* @__PURE__ */ X(Ei, [["render", Wi]]), Vi = {
+const Wi = /* @__PURE__ */ X(ji, [["render", Gi]]), Ui = {
   name: "IdmSwell",
   props: {
     map: {
@@ -3790,10 +3788,10 @@ const Ui = /* @__PURE__ */ X(Ei, [["render", Wi]]), Vi = {
     }
   }
 };
-function Yi(o, e, t, i, a, r) {
-  return y(), T("div");
+function Vi(o, e, t, i, a, r) {
+  return y(), M("div");
 }
-const Zi = /* @__PURE__ */ X(Vi, [["render", Yi]]), Xi = {
+const Yi = /* @__PURE__ */ X(Ui, [["render", Vi]]), Zi = {
   name: "IdmPrmsl",
   props: {
     map: {
@@ -3919,14 +3917,14 @@ const Zi = /* @__PURE__ */ X(Vi, [["render", Yi]]), Xi = {
       this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.labelLayer) && this.map.removeLayer(this.labelLayer), this.map.getLayer(this.layer) && this.map.removeLayer(this.layer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, qi = {
+}, Xi = {
   key: 0,
   class: "legend-tip-btn-gl4"
 };
-function Ki(o, e, t, i, a, r) {
+function qi(o, e, t, i, a, r) {
   var n;
   const s = w("v-btn"), c = w("v-tooltip");
-  return (n = t.prmsl) != null && n.active ? (y(), T("div", qi, [
+  return (n = t.prmsl) != null && n.active ? (y(), M("div", Xi, [
     l("div", {
       class: "menu-bar-box pa-1 rounded",
       style: Q({ right: a.right + "px" })
@@ -3957,8 +3955,8 @@ function Ki(o, e, t, i, a, r) {
     ], 4)
   ])) : O("", !0);
 }
-const Ji = /* @__PURE__ */ X(Xi, [["render", Ki]]);
-const Qi = {
+const Ki = /* @__PURE__ */ X(Zi, [["render", qi]]);
+const Ji = {
   name: "IdmIceEdge",
   props: {
     factor: {
@@ -4059,10 +4057,10 @@ const Qi = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, $i = { key: 0 };
-function er(o, e, t, i, a, r) {
+}, Qi = { key: 0 };
+function $i(o, e, t, i, a, r) {
   var s;
-  return (s = t.factor) != null && s.active ? (y(), T("div", $i, [
+  return (s = t.factor) != null && s.active ? (y(), M("div", Qi, [
     l("div", {
       class: "legend-bars-gl4 ice-edge",
       style: Q({ right: a.right + "px" })
@@ -4082,8 +4080,8 @@ function er(o, e, t, i, a, r) {
     ]), 4)
   ])) : O("", !0);
 }
-const tr = /* @__PURE__ */ X(Qi, [["render", er]]);
-const or = {
+const er = /* @__PURE__ */ X(Ji, [["render", $i]]);
+const tr = {
   name: "IdmCover",
   props: {
     factor: {
@@ -4175,10 +4173,10 @@ const or = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ar = { key: 0 };
-function ir(o, e, t, i, a, r) {
+}, or = { key: 0 };
+function ar(o, e, t, i, a, r) {
   var s;
-  return (s = t.factor) != null && s.active ? (y(), T("div", ar, [
+  return (s = t.factor) != null && s.active ? (y(), M("div", or, [
     l("div", {
       class: "legend-bars-gl4 ice-cover",
       style: Q({ right: a.right + "px" })
@@ -4192,8 +4190,8 @@ function ir(o, e, t, i, a, r) {
     ]), 4)
   ])) : O("", !0);
 }
-const rr = /* @__PURE__ */ X(or, [["render", ir], ["__scopeId", "data-v-9696d73b"]]);
-const lr = {
+const ir = /* @__PURE__ */ X(tr, [["render", ar], ["__scopeId", "data-v-9696d73b"]]);
+const rr = {
   name: "IdmThickness",
   props: {
     factor: {
@@ -4293,10 +4291,10 @@ const lr = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, sr = { key: 0 };
-function nr(o, e, t, i, a, r) {
+}, lr = { key: 0 };
+function sr(o, e, t, i, a, r) {
   var s;
-  return (s = t.factor) != null && s.active ? (y(), T("div", sr, [
+  return (s = t.factor) != null && s.active ? (y(), M("div", lr, [
     l("div", {
       class: "legend-bars-gl4 ice-thickness",
       style: Q({ right: a.right + "px" })
@@ -4311,8 +4309,8 @@ function nr(o, e, t, i, a, r) {
     ]), 4)
   ])) : O("", !0);
 }
-const cr = /* @__PURE__ */ X(lr, [["render", nr]]);
-const mr = {
+const nr = /* @__PURE__ */ X(rr, [["render", sr]]);
+const cr = {
   name: "IdmPrecip3h",
   props: {
     factor: {
@@ -4413,10 +4411,10 @@ const mr = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, hr = { key: 0 };
-function dr(o, e, t, i, a, r) {
+}, mr = { key: 0 };
+function hr(o, e, t, i, a, r) {
   var s;
-  return (s = t.factor) != null && s.active ? (y(), T("div", hr, [
+  return (s = t.factor) != null && s.active ? (y(), M("div", mr, [
     l("div", {
       class: "legend-bars-gl4 precip3h",
       style: Q({ right: a.right + "px" })
@@ -4432,8 +4430,8 @@ function dr(o, e, t, i, a, r) {
     ]), 4)
   ])) : O("", !0);
 }
-const pr = /* @__PURE__ */ X(mr, [["render", dr]]);
-const ur = {
+const dr = /* @__PURE__ */ X(cr, [["render", hr]]);
+const pr = {
   name: "IdmVisibility",
   props: {
     factor: {
@@ -4524,10 +4522,10 @@ const ur = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, gr = { key: 0 };
-function fr(o, e, t, i, a, r) {
+}, ur = { key: 0 };
+function gr(o, e, t, i, a, r) {
   var s;
-  return (s = t.factor) != null && s.active ? (y(), T("div", gr, [
+  return (s = t.factor) != null && s.active ? (y(), M("div", ur, [
     l("div", {
       class: "legend-bars-gl4 visibility",
       style: Q({ right: a.right + "px" })
@@ -4541,8 +4539,8 @@ function fr(o, e, t, i, a, r) {
     ]), 4)
   ])) : O("", !0);
 }
-const br = /* @__PURE__ */ X(ur, [["render", fr]]);
-const yr = {
+const fr = /* @__PURE__ */ X(pr, [["render", gr]]);
+const br = {
   name: "IdmWaterTemp",
   props: {
     factor: {
@@ -4636,10 +4634,10 @@ const yr = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, wr = { key: 0 };
-function xr(o, e, t, i, a, r) {
+}, yr = { key: 0 };
+function wr(o, e, t, i, a, r) {
   var s;
-  return (s = t.factor) != null && s.active ? (y(), T("div", wr, [
+  return (s = t.factor) != null && s.active ? (y(), M("div", yr, [
     l("div", {
       class: "legend-bars-gl4 water-temp",
       style: Q({ right: a.right + "px" })
@@ -4653,8 +4651,8 @@ function xr(o, e, t, i, a, r) {
     ]), 4)
   ])) : O("", !0);
 }
-const vr = /* @__PURE__ */ X(yr, [["render", xr]]);
-const _r = {
+const xr = /* @__PURE__ */ X(br, [["render", wr]]);
+const vr = {
   name: "IdmTemp",
   props: {
     factor: {
@@ -4759,10 +4757,10 @@ const _r = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, kr = { key: 0 };
-function zr(o, e, t, i, a, r) {
+}, _r = { key: 0 };
+function kr(o, e, t, i, a, r) {
   var s;
-  return (s = t.factor) != null && s.active ? (y(), T("div", kr, [
+  return (s = t.factor) != null && s.active ? (y(), M("div", _r, [
     l("div", {
       class: "legend-bars-gl4 temp",
       style: Q({ right: a.right + "px" })
@@ -4778,25 +4776,25 @@ function zr(o, e, t, i, a, r) {
     ]), 4)
   ])) : O("", !0);
 }
-const Lr = /* @__PURE__ */ X(_r, [["render", zr]]);
-const Pr = {
+const zr = /* @__PURE__ */ X(vr, [["render", kr]]);
+const Lr = {
   name: "IdmGlLayer",
   components: {
-    IdmWindBarb: yi,
-    IdmWindParticle: _i,
-    IdmCurrentDirection: Mi,
-    IdmCurrentParticle: Ai,
-    IdmWave: ji,
-    IdmSigWaveHeight: Ui,
-    IdmSwell: Zi,
-    IdmPrmsl: Ji,
-    IdmIceEdge: tr,
-    IdmIceCover: rr,
-    IdmIceThickness: cr,
-    IdmPrecip3h: pr,
-    IdmVisibility: br,
-    IdmWaterTemp: vr,
-    IdmTemp: Lr
+    IdmWindBarb: bi,
+    IdmWindParticle: vi,
+    IdmCurrentDirection: Si,
+    IdmCurrentParticle: Ii,
+    IdmWave: Bi,
+    IdmSigWaveHeight: Wi,
+    IdmSwell: Yi,
+    IdmPrmsl: Ki,
+    IdmIceEdge: er,
+    IdmIceCover: ir,
+    IdmIceThickness: nr,
+    IdmPrecip3h: dr,
+    IdmVisibility: fr,
+    IdmWaterTemp: xr,
+    IdmTemp: zr
   },
   props: {
     isLogin: {
@@ -4996,21 +4994,21 @@ const Pr = {
         const f = ((a = this.map) == null ? void 0 : a.getZoom()) + 1, L = (r = this.map) == null ? void 0 : r.getBounds(), S = `${L._sw.lng},${L._sw.lat},${L._ne.lng},${L._ne.lat}`;
         if (this.particleFactor && ((s = this.$refs.layer) != null && s.autoActive)) {
           const P = Ve.WEATHER_LAYERS.find((E) => {
-            var M;
-            return ((M = E.peer) == null ? void 0 : M.weight) === this.particleFactor.weight;
+            var T;
+            return ((T = E.peer) == null ? void 0 : T.weight) === this.particleFactor.weight;
           });
           this.particleFactor.particle && (this.showWindParticle || this.showCurrentParticle) ? this.weatherWeight = this.weatherWeight & P.weight ? this.weatherWeight : this.weatherWeight + P.weight : this.weatherWeight = this.weatherWeight & P.weight ? this.weatherWeight - P.weight : this.weatherWeight;
         }
         if (this.weatherWeight > 0) {
           let P = this.weatherWeight;
           if (P > 0) {
-            const E = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], M = await Ie.get(`${E}/api/arc/weather/layers2/links?l=${P}&v=${this.forecastModel}&z=${f}&bbox=${S}&t=${this.realTime}`, {
+            const E = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], T = await Ie.get(`${E}/api/arc/weather/layers2/links?l=${P}&v=${this.forecastModel}&z=${f}&bbox=${S}&t=${this.realTime}`, {
               headers: {
                 Authorization: this.token || this.defaultMeteoToken
               }
             });
-            if (i = (/* @__PURE__ */ new Date()).valueOf() - (e + t), console.log("weather links elapsed: ", i, ", total: ", t += i), ((c = M == null ? void 0 : M.data) == null ? void 0 : c.code) === 0) {
-              const k = (n = M == null ? void 0 : M.data) == null ? void 0 : n.data, v = [];
+            if (i = (/* @__PURE__ */ new Date()).valueOf() - (e + t), console.log("weather links elapsed: ", i, ", total: ", t += i), ((c = T == null ? void 0 : T.data) == null ? void 0 : c.code) === 0) {
+              const k = (n = T == null ? void 0 : T.data) == null ? void 0 : n.data, v = [];
               for (const z in k)
                 v.push(
                   Ie.get(k[z], {
@@ -5031,7 +5029,7 @@ const Pr = {
                 R && x && (this.weatherLayers[R] = {
                   raw: x,
                   type: ((W = z == null ? void 0 : z.config) == null ? void 0 : W.responseType) === "blob" ? "image" : "json",
-                  etime: M.data.etime
+                  etime: T.data.etime
                 });
               });
             }
@@ -5041,7 +5039,7 @@ const Pr = {
                 type: "json",
                 direction: k,
                 height: { raw: v },
-                etime: M.data.etime
+                etime: T.data.etime
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
@@ -5050,7 +5048,7 @@ const Pr = {
                 type: "json",
                 direction: k,
                 speed: { raw: v },
-                etime: M.data.etime
+                etime: T.data.etime
               };
             }
           }
@@ -5119,7 +5117,7 @@ const Pr = {
       for (const P in this.weatherLayers) {
         let E = !1;
         if (this.weatherLayers[P].active && this.weatherLayers[P].type === "json") {
-          let M = [];
+          let T = [];
           if (P === "swell") {
             E = !0;
             const k = ((m = this.weatherLayers[P]) == null ? void 0 : m.direction) || {};
@@ -5134,14 +5132,14 @@ const Pr = {
                         val: ((H = k[_].val) == null ? void 0 : H[R]) || ((Y = k[_].dir) == null ? void 0 : Y[R]),
                         spd: (G = k[_].spd) == null ? void 0 : G[R]
                       });
-                      M.push(K);
+                      T.push(K);
                     }
                   } else if ((x >= r && x <= 180 || x >= -180 && x <= s) && (!(a <= this.zoom) || x % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                     const K = F.point([x, _], {
                       val: ((W = k[_].val) == null ? void 0 : W[R]) || (($ = k[_].dir) == null ? void 0 : $[R]),
                       spd: (ee = k[_].spd) == null ? void 0 : ee[R]
                     });
-                    M.push(K);
+                    T.push(K);
                   }
                 }) : z.forEach((x, R) => {
                   var H, Y, G, W, $, ee;
@@ -5151,14 +5149,14 @@ const Pr = {
                         val: ((H = k[_].val) == null ? void 0 : H[R]) || ((Y = k[_].dir) == null ? void 0 : Y[R]),
                         spd: (G = k[_].spd) == null ? void 0 : G[R]
                       });
-                      M.push(K);
+                      T.push(K);
                     }
                   } else if (x >= r && x <= s && (!(a <= this.zoom) || x % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                     const K = F.point([x, _], {
                       val: ((W = k[_].val) == null ? void 0 : W[R]) || (($ = k[_].dir) == null ? void 0 : $[R]),
                       spd: (ee = k[_].spd) == null ? void 0 : ee[R]
                     });
-                    M.push(K);
+                    T.push(K);
                   }
                 });
               }
@@ -5180,7 +5178,7 @@ const Pr = {
               }
               if (v.data) {
                 const _ = this.handleBboxClip(v.data, i);
-                M = M.concat(_);
+                T = T.concat(_);
               }
               t = (/* @__PURE__ */ new Date()).valueOf() - (o + e), console.log("swell height elapsed: ", t, ", total: ", e += t);
             }
@@ -5198,14 +5196,14 @@ const Pr = {
                         val: ((H = k[_].val) == null ? void 0 : H[R]) || ((Y = k[_].dir) == null ? void 0 : Y[R]),
                         spd: (G = k[_].spd) == null ? void 0 : G[R]
                       });
-                      M.push(K);
+                      T.push(K);
                     }
                   } else if ((x >= r && x <= 180 || x >= -180 && x <= s) && (!(a <= this.zoom) || x % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                     const K = F.point([x, _], {
                       val: ((W = k[_].val) == null ? void 0 : W[R]) || (($ = k[_].dir) == null ? void 0 : $[R]),
                       spd: (ee = k[_].spd) == null ? void 0 : ee[R]
                     });
-                    M.push(K);
+                    T.push(K);
                   }
                 }) : z.forEach((x, R) => {
                   var H, Y, G, W, $, ee;
@@ -5215,14 +5213,14 @@ const Pr = {
                         val: ((H = k[_].val) == null ? void 0 : H[R]) || ((Y = k[_].dir) == null ? void 0 : Y[R]),
                         spd: (G = k[_].spd) == null ? void 0 : G[R]
                       });
-                      M.push(K);
+                      T.push(K);
                     }
                   } else if (x >= r && x <= s && (!(a <= this.zoom) || x % (a < this.zoom / 2 ? 5 : 3) === 0)) {
                     const K = F.point([x, _], {
                       val: ((W = k[_].val) == null ? void 0 : W[R]) || (($ = k[_].dir) == null ? void 0 : $[R]),
                       spd: (ee = k[_].spd) == null ? void 0 : ee[R]
                     });
-                    M.push(K);
+                    T.push(K);
                   }
                 });
               }
@@ -5243,7 +5241,7 @@ const Pr = {
                 v.data = F.featureCollection(z);
               }
               const _ = a < this.zoom ? v.data.features.filter((z) => z.properties.val > 0.5) : v.data.features;
-              M = M.concat(_), t = (/* @__PURE__ */ new Date()).valueOf() - (o + e), console.log("current speed elapsed: ", t, ", total: ", e += t);
+              T = T.concat(_), t = (/* @__PURE__ */ new Date()).valueOf() - (o + e), console.log("current speed elapsed: ", t, ", total: ", e += t);
             }
           } else if (P === "wind") {
             E = !0;
@@ -5259,14 +5257,14 @@ const Pr = {
                         dir: ((R = k[v].val) == null ? void 0 : R[x]) || ((H = k[v].dir) == null ? void 0 : H[x]),
                         spd: k[v].spd[x]
                       });
-                      M.push(W);
+                      T.push(W);
                     }
                   } else if ((z >= r && z <= 180 || z >= -180 && z <= s) && (!(a <= this.zoom) || z % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                     const W = F.point([z, v], {
                       dir: ((Y = k[v].val) == null ? void 0 : Y[x]) || ((G = k[v].dir) == null ? void 0 : G[x]),
                       spd: k[v].spd[x]
                     });
-                    M.push(W);
+                    T.push(W);
                   }
                 }) : _.forEach((z, x) => {
                   var R, H, Y, G;
@@ -5276,21 +5274,21 @@ const Pr = {
                         dir: ((R = k[v].val) == null ? void 0 : R[x]) || ((H = k[v].dir) == null ? void 0 : H[x]),
                         spd: k[v].spd[x]
                       });
-                      M.push(W);
+                      T.push(W);
                     }
                   } else if (z >= r && z <= s && (!(a <= this.zoom) || z % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                     const W = F.point([z, v], {
                       dir: ((Y = k[v].val) == null ? void 0 : Y[x]) || ((G = k[v].dir) == null ? void 0 : G[x]),
                       spd: k[v].spd[x]
                     });
-                    M.push(W);
+                    T.push(W);
                   }
                 });
               }
             t = (/* @__PURE__ */ new Date()).valueOf() - (o + e), console.log("wind barb elapsed: ", t, ", total: ", e += t);
           } else if (P === "sig-wave-height") {
             if (this.weatherLayers[P].data)
-              M = this.weatherLayers[P].data;
+              T = this.weatherLayers[P].data;
             else {
               E = !0;
               const k = this.weatherLayers[P].raw;
@@ -5314,13 +5312,13 @@ const Pr = {
                       })
                     );
                 }
-                M = M.concat(v);
+                T = T.concat(v);
               }
             }
             t = (/* @__PURE__ */ new Date()).valueOf() - (o + e), console.log("sig-wave-height elapsed: ", t, ", total: ", e += t);
           } else if (P === "prmsl") {
             if (this.weatherLayers[P].data)
-              M = this.weatherLayers[P].data;
+              T = this.weatherLayers[P].data;
             else {
               E = !0;
               const k = this.weatherLayers[P].raw;
@@ -5344,12 +5342,12 @@ const Pr = {
                       })
                     );
                   });
-                M = M.concat(v);
+                T = T.concat(v);
               }
             }
             t = (/* @__PURE__ */ new Date()).valueOf() - (o + e), console.log("prmsl elapsed: ", t, ", total: ", e += t);
           }
-          M.length && (this.weatherLayers[P].data = F.featureCollection(M)), E && (this.weatherLayers[P].version = Math.random() + 1);
+          T.length && (this.weatherLayers[P].data = F.featureCollection(T)), E && (this.weatherLayers[P].version = Math.random() + 1);
         }
       }
     },
@@ -5374,20 +5372,20 @@ const Pr = {
       }), t;
     }
   }
-}, Cr = { class: "idm-gl4-meteo-layers" }, Sr = { class: "header-box d-flex justify-space-between align-center pl-4 pr-4" }, Mr = { class: "d-flex justify-start align-center ga-3" }, Tr = { class: "text-h5" }, Rr = { class: "layers-body" }, Ir = { class: "layers-body" }, Ar = {
+}, Pr = { class: "idm-gl4-meteo-layers" }, Cr = { class: "header-box d-flex justify-space-between align-center pl-4 pr-4" }, Sr = { class: "d-flex justify-start align-center ga-3" }, Mr = { class: "text-h5" }, Tr = { class: "layers-body" }, Rr = { class: "layers-body" }, Ir = {
   key: 0,
   class: "d-flex justify-start align-center ga-4 pl-6"
-}, Dr = {
+}, Ar = {
   key: 1,
   class: "d-flex justify-start align-center ga-4 pl-6"
-}, Or = { class: "text-body-1 py-2" }, Br = { class: "text-body-1 font-weight-medium" }, jr = { class: "text-body-2 opacity-70" }, Er = {
+}, Dr = { class: "text-body-1 py-2" }, Or = { class: "text-body-1 font-weight-medium" }, Br = { class: "text-body-2 opacity-70" }, jr = {
   key: 0,
   class: "text-body-2 opacity-70 mb-3"
-}, Fr = { class: "text-body-1 py-2" }, Nr = { class: "text-body-1 font-weight-medium" }, Hr = { class: "text-body-2 opacity-70" }, Gr = { class: "text-body-2 opacity-70 pb-1" };
-function Wr(o, e, t, i, a, r) {
+}, Er = { class: "text-body-1 py-2" }, Fr = { class: "text-body-1 font-weight-medium" }, Nr = { class: "text-body-2 opacity-70" }, Hr = { class: "text-body-2 opacity-70 pb-1" };
+function Gr(o, e, t, i, a, r) {
   var K, se, me, pe, he, q, I, ne, ge, be, ke, ze, Se, Me, Te;
-  const s = w("VBtn"), c = w("VTooltip"), n = w("VSwitch"), u = w("VCardTitle"), d = w("VCardItem"), m = w("VCheckbox"), b = w("VCardText"), f = w("VCard"), L = w("VBtnToggle"), S = w("VDivider"), P = w("IdmWindBarb"), E = w("IdmSigWaveHeight"), M = w("IdmCurrentDirection"), k = w("IdmPrmsl"), v = w("IdmWindParticle"), _ = w("IdmCurrentParticle"), z = w("IdmWave"), x = w("IdmSwell"), R = w("IdmIceEdge"), H = w("IdmIceCover"), Y = w("IdmIceThickness"), G = w("IdmPrecip3h"), W = w("IdmVisibility"), $ = w("IdmWaterTemp"), ee = w("IdmTemp");
-  return y(), T("div", Cr, [
+  const s = w("VBtn"), c = w("VTooltip"), n = w("VSwitch"), u = w("VCardTitle"), d = w("VCardItem"), m = w("VCheckbox"), b = w("VCardText"), f = w("VCard"), L = w("VBtnToggle"), S = w("VDivider"), P = w("IdmWindBarb"), E = w("IdmSigWaveHeight"), T = w("IdmCurrentDirection"), k = w("IdmPrmsl"), v = w("IdmWindParticle"), _ = w("IdmCurrentParticle"), z = w("IdmWave"), x = w("IdmSwell"), R = w("IdmIceEdge"), H = w("IdmIceCover"), Y = w("IdmIceThickness"), G = w("IdmPrecip3h"), W = w("IdmVisibility"), $ = w("IdmWaterTemp"), ee = w("IdmTemp");
+  return y(), M("div", Pr, [
     l("div", {
       class: "menu-bar-box transition pa-1",
       style: Q({ top: t.top + 94 + "px", right: a.right + "px" })
@@ -5420,9 +5418,9 @@ function Wr(o, e, t, i, a, r) {
       class: Ne(["available-layers transition flex-center", a.toggle ? "right-bar" : ""]),
       style: Q({ top: t.top + "px", right: a.toggle ? "0px" : "-280px" })
     }, [
-      l("div", Sr, [
-        l("div", Mr, [
-          l("div", Tr, C(o.$t("weather.weather")), 1),
+      l("div", Cr, [
+        l("div", Sr, [
+          l("div", Mr, C(o.$t("weather.weather")), 1),
           h(n, {
             modelValue: a.autoActive,
             "onUpdate:modelValue": e[0] || (e[0] = (te) => a.autoActive = te),
@@ -5472,8 +5470,8 @@ function Wr(o, e, t, i, a, r) {
             }),
             h(b, null, {
               default: g(() => [
-                l("div", Rr, [
-                  (y(!0), T(fe, null, _e(a.tagLayers.filter((te) => te.overlays), (te) => (y(), V(m, {
+                l("div", Tr, [
+                  (y(!0), M(fe, null, _e(a.tagLayers.filter((te) => te.overlays), (te) => (y(), V(m, {
                     key: te.key,
                     modelValue: a.checkList,
                     "onUpdate:modelValue": e[1] || (e[1] = (de) => a.checkList = de),
@@ -5514,8 +5512,8 @@ function Wr(o, e, t, i, a, r) {
             }),
             h(b, null, {
               default: g(() => [
-                l("div", Ir, [
-                  (y(!0), T(fe, null, _e(a.tagLayers.filter((te) => !te.overlays && te.key !== "ice-thickness"), (te) => (y(), T(fe, {
+                l("div", Rr, [
+                  (y(!0), M(fe, null, _e(a.tagLayers.filter((te) => !te.overlays && te.key !== "ice-thickness"), (te) => (y(), M(fe, {
                     key: te.key
                   }, [
                     h(m, {
@@ -5530,7 +5528,7 @@ function Wr(o, e, t, i, a, r) {
                       class: "flex-1-0-100 text-body-2",
                       "hide-details": ""
                     }, null, 8, ["modelValue", "value", "label", "disabled"]),
-                    a.checkList.includes("wind-particle") && te.key === "wind-particle" ? (y(), T("div", Ar, [
+                    a.checkList.includes("wind-particle") && te.key === "wind-particle" ? (y(), M("div", Ir, [
                       e[8] || (e[8] = l("span", null, "Particle", -1)),
                       h(n, {
                         modelValue: a.showWindParticle,
@@ -5543,7 +5541,7 @@ function Wr(o, e, t, i, a, r) {
                         "hide-details": ""
                       }, null, 8, ["modelValue"])
                     ])) : O("", !0),
-                    a.checkList.includes("current-particle") && te.key === "current-particle" ? (y(), T("div", Dr, [
+                    a.checkList.includes("current-particle") && te.key === "current-particle" ? (y(), M("div", Ar, [
                       e[9] || (e[9] = l("span", null, "Particle", -1)),
                       h(n, {
                         modelValue: a.showCurrentParticle,
@@ -5630,27 +5628,27 @@ function Wr(o, e, t, i, a, r) {
               default: g(() => {
                 var te, de, we, Re;
                 return [
-                  l("div", Or, C(o.$t("weather.atmospheric")), 1),
-                  (y(!0), T(fe, null, _e((de = (te = a.sourceList) == null ? void 0 : te.weather) == null ? void 0 : de.filter((J) => J.model !== "best_match"), (J) => {
+                  l("div", Dr, C(o.$t("weather.atmospheric")), 1),
+                  (y(!0), M(fe, null, _e((de = (te = a.sourceList) == null ? void 0 : te.weather) == null ? void 0 : de.filter((J) => J.model !== "best_match"), (J) => {
                     var Ce, xe, ie, ue, N, Le;
-                    return y(), T(fe, {
+                    return y(), M(fe, {
                       key: `source${J.name}`
                     }, [
-                      l("div", Br, C(J.name) + " " + C(J.resolution) + C(o.$t("units.km")) + " " + C(J.length) + C(o.$t("units.days")), 1),
-                      l("div", jr, C(o.$t("weather.source")) + ": " + C(J.provider), 1),
-                      (ie = (xe = (Ce = J == null ? void 0 : J.update) == null ? void 0 : Ce.default) == null ? void 0 : xe.meta) != null && ie.initialisationTime ? (y(), T("div", Er, C(o.$t("weather.lastUpdate")) + ": " + C(r.computeDateZ((Le = (N = (ue = J == null ? void 0 : J.update) == null ? void 0 : ue.default) == null ? void 0 : N.meta) == null ? void 0 : Le.initialisationTime)), 1)) : O("", !0)
+                      l("div", Or, C(J.name) + " " + C(J.resolution) + C(o.$t("units.km")) + " " + C(J.length) + C(o.$t("units.days")), 1),
+                      l("div", Br, C(o.$t("weather.source")) + ": " + C(J.provider), 1),
+                      (ie = (xe = (Ce = J == null ? void 0 : J.update) == null ? void 0 : Ce.default) == null ? void 0 : xe.meta) != null && ie.initialisationTime ? (y(), M("div", jr, C(o.$t("weather.lastUpdate")) + ": " + C(r.computeDateZ((Le = (N = (ue = J == null ? void 0 : J.update) == null ? void 0 : ue.default) == null ? void 0 : N.meta) == null ? void 0 : Le.initialisationTime)), 1)) : O("", !0)
                     ], 64);
                   }), 128)),
                   h(S),
-                  l("div", Fr, C(o.$t("weather.marine")), 1),
-                  (y(!0), T(fe, null, _e((Re = (we = a.sourceList) == null ? void 0 : we.marine) == null ? void 0 : Re.filter((J) => J.model !== "best_match"), (J) => {
+                  l("div", Er, C(o.$t("weather.marine")), 1),
+                  (y(!0), M(fe, null, _e((Re = (we = a.sourceList) == null ? void 0 : we.marine) == null ? void 0 : Re.filter((J) => J.model !== "best_match"), (J) => {
                     var Ce, xe, ie;
-                    return y(), T(fe, {
+                    return y(), M(fe, {
                       key: `source${J.name}`
                     }, [
-                      l("div", Nr, C(J.name) + " " + C(J.resolution) + C(o.$t("units.km")) + " " + C(J.length) + C(o.$t("units.days")), 1),
-                      l("div", Hr, C(o.$t("weather.source")) + ": " + C(J.provider), 1),
-                      l("div", Gr, C(o.$t("weather.lastUpdate")) + ": " + C(r.computeDateZ((ie = (xe = (Ce = J == null ? void 0 : J.update) == null ? void 0 : Ce.default) == null ? void 0 : xe.meta) == null ? void 0 : ie.initialisationTime)), 1)
+                      l("div", Fr, C(J.name) + " " + C(J.resolution) + C(o.$t("units.km")) + " " + C(J.length) + C(o.$t("units.days")), 1),
+                      l("div", Nr, C(o.$t("weather.source")) + ": " + C(J.provider), 1),
+                      l("div", Hr, C(o.$t("weather.lastUpdate")) + ": " + C(r.computeDateZ((ie = (xe = (Ce = J == null ? void 0 : J.update) == null ? void 0 : Ce.default) == null ? void 0 : xe.meta) == null ? void 0 : ie.initialisationTime)), 1)
                     ], 64);
                   }), 128))
                 ];
@@ -5679,7 +5677,7 @@ function Wr(o, e, t, i, a, r) {
       "menu-toggle": t.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
     }, o.$attrs), null, 16, ["map", "sig-wave-height", "menu-toggle", "active-weather-layers"])) : O("", !0),
-    t.map ? (y(), V(M, j({
+    t.map ? (y(), V(T, j({
       key: 2,
       map: t.map,
       "map-feather": t.mapFeather,
@@ -5764,7 +5762,7 @@ function Wr(o, e, t, i, a, r) {
     }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0)
   ]);
 }
-const Ur = /* @__PURE__ */ X(Pr, [["render", Wr]]), We = [
+const Wr = /* @__PURE__ */ X(Lr, [["render", Gr]]), We = [
   {
     rank: 0,
     name: "Best Match",
@@ -6111,7 +6109,7 @@ class Go {
     }), a;
   }
   static pickHourly(e, t) {
-    var i, a, r, s, c, n, u, d, m, b, f, L, S, P, E, M, k, v, _, z, x, R, H, Y, G, W, $, ee, K, se, me, pe, he, q, I, ne, ge, be, ke, ze, Se, Me, Te, te, de, we, Re, J, Ce, xe;
+    var i, a, r, s, c, n, u, d, m, b, f, L, S, P, E, T, k, v, _, z, x, R, H, Y, G, W, $, ee, K, se, me, pe, he, q, I, ne, ge, be, ke, ze, Se, Me, Te, te, de, we, Re, J, Ce, xe;
     const ie = typeof t == "string" ? D(t) : t, ue = e == null ? void 0 : e.weather, N = e == null ? void 0 : e.marine, Le = D((a = (i = ue == null ? void 0 : ue[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), oe = Le.clone().add((c = (s = (r = ue == null ? void 0 : ue[0]) == null ? void 0 : r.hourly) == null ? void 0 : s.time) == null ? void 0 : c.at(0), "h"), re = Le.clone().add((d = (u = (n = ue == null ? void 0 : ue[0]) == null ? void 0 : n.hourly) == null ? void 0 : u.time) == null ? void 0 : d.at(-1), "h"), je = [];
     if (ie.isBetween(oe, re, "millisecond", "[]")) {
       const B = ie.utc().diff(oe, "h", !1);
@@ -6131,7 +6129,7 @@ class Go {
             dp: (P = Z == null ? void 0 : Z.dew_point_2m) == null ? void 0 : P.at(B),
             precip: {
               probability: (E = Z == null ? void 0 : Z.precipitation_probability) == null ? void 0 : E.at(B),
-              sum: (M = Z == null ? void 0 : Z.precipitation) == null ? void 0 : M.at(B),
+              sum: (T = Z == null ? void 0 : Z.precipitation) == null ? void 0 : T.at(B),
               sum3Hours: Math.round(Ee * 100) / 100,
               sum6Hours: Math.round(Fe * 100) / 100
             },
@@ -6220,7 +6218,7 @@ class Go {
     };
   }
   static pickDaily(e, t) {
-    var i, a, r, s, c, n, u, d, m, b, f, L, S, P, E, M, k, v, _, z, x, R, H, Y, G, W, $, ee, K, se, me, pe, he, q, I, ne, ge, be, ke, ze, Se, Me, Te, te;
+    var i, a, r, s, c, n, u, d, m, b, f, L, S, P, E, T, k, v, _, z, x, R, H, Y, G, W, $, ee, K, se, me, pe, he, q, I, ne, ge, be, ke, ze, Se, Me, Te, te;
     const de = typeof t == "string" ? D(t) : t, we = e == null ? void 0 : e.weather, Re = e == null ? void 0 : e.marine, J = D((r = (a = (i = we == null ? void 0 : we[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), Ce = D((n = (c = (s = we == null ? void 0 : we[0]) == null ? void 0 : s.daily) == null ? void 0 : c.time) == null ? void 0 : n.at(-1)), xe = [];
     if (de.isBetween(J, Ce, "millisecond", "[]")) {
       let ie, ue;
@@ -6243,7 +6241,7 @@ class Go {
               sum: (S = oe.precipitation_sum) == null ? void 0 : S.at(N),
               rainSum: (P = oe.rain_sum) == null ? void 0 : P.at(N),
               snowfallSum: (E = oe.snowfall_sum) == null ? void 0 : E.at(N),
-              showersSum: (M = oe.showers_sum) == null ? void 0 : M.at(N),
+              showersSum: (T = oe.showers_sum) == null ? void 0 : T.at(N),
               hours: (k = oe.precipitation_hours) == null ? void 0 : k.at(N),
               probability: (v = oe.precipitation_probability_max) == null ? void 0 : v.at(N)
             },
@@ -6700,7 +6698,7 @@ class Go {
     return isNaN(e) || e <= 0.1 ? t = "Calm" : e <= 0.5 ? t = "Smooth" : e <= 1.25 ? t = "Slight" : e <= 2.5 ? t = "Moderate" : e <= 4 ? t = "Rough" : e <= 6 ? t = "VeryRough" : e <= 9 ? t = "High" : e <= 14 ? t = "VeryHigh" : t = "Precipitous", t;
   }
 }
-const Vr = {
+const Ur = {
   name: "IdmTropicals",
   props: {
     map: {
@@ -7143,7 +7141,7 @@ const Vr = {
       );
     },
     handleDateChange() {
-      var o, e, t, i, a, r, s, c, n, u, d, m, b, f, L, S, P, E, M, k, v, _, z, x, R, H, Y, G, W, $, ee, K;
+      var o, e, t, i, a, r, s, c, n, u, d, m, b, f, L, S, P, E, T, k, v, _, z, x, R, H, Y, G, W, $, ee, K;
       if ((o = this.interpolateMarkers) == null || o.forEach((se) => se == null ? void 0 : se.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
         const se = D(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), me = this.interpolateData.filter((q) => q.properties.date === se.format() && !q.properties.disabled), pe = this.handleComputePolygons(me), he = F.featureCollection([...me]);
         pe.forEach((q) => {
@@ -7165,7 +7163,7 @@ const Vr = {
         for (const q of me)
           if (!q.properties.disabled) {
             let I = "#f44336";
-            ((c = (s = q.properties) == null ? void 0 : s.wind) == null ? void 0 : c.kts) < 32 || !((u = (n = q.properties) == null ? void 0 : n.wind) != null && u.kts) ? I = "#03f869" : ((m = (d = q.properties) == null ? void 0 : d.wind) == null ? void 0 : m.kts) >= 32 && ((f = (b = q.properties) == null ? void 0 : b.wind) == null ? void 0 : f.kts) < 47 ? I = "#f2f202" : ((S = (L = q.properties) == null ? void 0 : L.wind) == null ? void 0 : S.kts) >= 47 && ((E = (P = q.properties) == null ? void 0 : P.wind) == null ? void 0 : E.kts) < 63 ? I = "#ff9100" : ((k = (M = q.properties) == null ? void 0 : M.wind) == null ? void 0 : k.kts) >= 63 && ((_ = (v = q.properties) == null ? void 0 : v.wind) == null ? void 0 : _.kts) < 79 ? I = "#f44336" : ((x = (z = q.properties) == null ? void 0 : z.wind) == null ? void 0 : x.kts) >= 79 && ((H = (R = q.properties) == null ? void 0 : R.wind) == null ? void 0 : H.kts) < 94 ? I = "#f903d0" : ((G = (Y = q.properties) == null ? void 0 : Y.wind) == null ? void 0 : G.kts) >= 94 ? I = "#8702f9" : I = "#f44336";
+            ((c = (s = q.properties) == null ? void 0 : s.wind) == null ? void 0 : c.kts) < 32 || !((u = (n = q.properties) == null ? void 0 : n.wind) != null && u.kts) ? I = "#03f869" : ((m = (d = q.properties) == null ? void 0 : d.wind) == null ? void 0 : m.kts) >= 32 && ((f = (b = q.properties) == null ? void 0 : b.wind) == null ? void 0 : f.kts) < 47 ? I = "#f2f202" : ((S = (L = q.properties) == null ? void 0 : L.wind) == null ? void 0 : S.kts) >= 47 && ((E = (P = q.properties) == null ? void 0 : P.wind) == null ? void 0 : E.kts) < 63 ? I = "#ff9100" : ((k = (T = q.properties) == null ? void 0 : T.wind) == null ? void 0 : k.kts) >= 63 && ((_ = (v = q.properties) == null ? void 0 : v.wind) == null ? void 0 : _.kts) < 79 ? I = "#f44336" : ((x = (z = q.properties) == null ? void 0 : z.wind) == null ? void 0 : x.kts) >= 79 && ((H = (R = q.properties) == null ? void 0 : R.wind) == null ? void 0 : H.kts) < 94 ? I = "#f903d0" : ((G = (Y = q.properties) == null ? void 0 : Y.wind) == null ? void 0 : G.kts) >= 94 ? I = "#8702f9" : I = "#f44336";
             const ne = `<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">
@@ -7293,10 +7291,10 @@ const Vr = {
       return F.lineToPolygon(a, { properties: t });
     }
   }
-}, Yr = { class: "idm-tropical-gl4" }, Zr = { key: 0 }, Xr = { class: "text-body-2 opacity-50" }, qr = { class: "pa-1 d-flex justify-space-between align-center" }, Kr = { class: "col col-left justify-start" }, Jr = { class: "col col-right justify-start" }, Qr = { class: "px-1 py-2 d-flex justify-space-between align-center" }, $r = { class: "d-flex justify-space-between align-center col-left justify-start" }, el = { class: "d-flex justify-space-between align-center col-right" }, tl = { class: "pa-1 d-flex justify-space-between align-center" }, ol = { class: "d-flex justify-space-between align-center flex-1-1-100" }, al = { class: "d-flex justify-end align-center flex-1-1-0 flex-wrap" }, il = ["onClick"];
-function rl(o, e, t, i, a, r) {
+}, Vr = { class: "idm-tropical-gl4" }, Yr = { key: 0 }, Zr = { class: "text-body-2 opacity-50" }, Xr = { class: "pa-1 d-flex justify-space-between align-center" }, qr = { class: "col col-left justify-start" }, Kr = { class: "col col-right justify-start" }, Jr = { class: "px-1 py-2 d-flex justify-space-between align-center" }, Qr = { class: "d-flex justify-space-between align-center col-left justify-start" }, $r = { class: "d-flex justify-space-between align-center col-right" }, el = { class: "pa-1 d-flex justify-space-between align-center" }, tl = { class: "d-flex justify-space-between align-center flex-1-1-100" }, ol = { class: "d-flex justify-end align-center flex-1-1-0 flex-wrap" }, al = ["onClick"];
+function il(o, e, t, i, a, r) {
   const s = w("v-btn"), c = w("v-tooltip"), n = w("v-card-title"), u = w("v-card-subtitle"), d = w("v-card-item"), m = w("v-card-text"), b = w("v-card");
-  return y(), T("div", Yr, [
+  return y(), M("div", Vr, [
     l("div", {
       class: "menu-bar-box transition pa-1",
       style: Q({ top: t.top + 134 + "px", right: a.right + "px" })
@@ -7342,7 +7340,7 @@ function rl(o, e, t, i, a, r) {
                 var f, L, S, P, E;
                 return [
                   l("div", null, [
-                    (L = (f = a.activeTropicals) == null ? void 0 : f.history) != null && L.level ? (y(), T("span", Zr, C((P = (S = a.activeTropicals) == null ? void 0 : S.history) == null ? void 0 : P.level) + " , ", 1)) : O("", !0),
+                    (L = (f = a.activeTropicals) == null ? void 0 : f.history) != null && L.level ? (y(), M("span", Yr, C((P = (S = a.activeTropicals) == null ? void 0 : S.history) == null ? void 0 : P.level) + " , ", 1)) : O("", !0),
                     U(C((E = a.activeTropicals) == null ? void 0 : E.name), 1)
                   ]),
                   h(s, {
@@ -7350,7 +7348,7 @@ function rl(o, e, t, i, a, r) {
                     size: "small",
                     density: "comfortable",
                     variant: "plain",
-                    onClick: e[0] || (e[0] = (M) => a.showTropicalsInfo = !1)
+                    onClick: e[0] || (e[0] = (T) => a.showTropicalsInfo = !1)
                   })
                 ];
               }),
@@ -7360,7 +7358,7 @@ function rl(o, e, t, i, a, r) {
               default: g(() => {
                 var f, L, S, P, E;
                 return [
-                  l("span", Xr, " Last update: " + C(r.computeTime(((L = (f = a.activeTropicals) == null ? void 0 : f.history) == null ? void 0 : L.updated) || ((E = (P = (S = a.activeTropicals) == null ? void 0 : S.forecasts) == null ? void 0 : P.filter((M) => !M.disabled)[0]) == null ? void 0 : E.date))), 1)
+                  l("span", Zr, " Last update: " + C(r.computeTime(((L = (f = a.activeTropicals) == null ? void 0 : f.history) == null ? void 0 : L.updated) || ((E = (P = (S = a.activeTropicals) == null ? void 0 : S.forecasts) == null ? void 0 : P.filter((T) => !T.disabled)[0]) == null ? void 0 : E.date))), 1)
                 ];
               }),
               _: 1
@@ -7370,36 +7368,36 @@ function rl(o, e, t, i, a, r) {
         }),
         h(m, { class: "main-box" }, {
           default: g(() => {
-            var f, L, S, P, E, M, k, v, _;
+            var f, L, S, P, E, T, k, v, _;
             return [
-              l("div", qr, [
-                l("div", Kr, [
+              l("div", Xr, [
+                l("div", qr, [
                   e[2] || (e[2] = l("label", null, "Wind speed : ", -1)),
                   l("span", null, C(((L = (f = a.activeTropicals) == null ? void 0 : f.history) == null ? void 0 : L.kts) || "-") + " [kts]", 1),
                   l("span", null, ", BF " + C(r.computeBF(((P = (S = a.activeTropicals) == null ? void 0 : S.history) == null ? void 0 : P.kts) || 0)), 1)
                 ]),
-                l("div", Jr, [
+                l("div", Kr, [
                   e[3] || (e[3] = l("label", null, "Pressure : ", -1)),
-                  l("span", null, C(((M = (E = a.activeTropicals) == null ? void 0 : E.history) == null ? void 0 : M.pressure) || "-") + " [hPa]", 1)
+                  l("span", null, C(((T = (E = a.activeTropicals) == null ? void 0 : E.history) == null ? void 0 : T.pressure) || "-") + " [hPa]", 1)
                 ])
               ]),
-              l("div", Qr, [
-                l("div", $r, [
+              l("div", Jr, [
+                l("div", Qr, [
                   e[4] || (e[4] = l("label", null, "Move Speed: ", -1)),
                   l("span", null, C((k = r.computeMovement(a.activeTropicals)) == null ? void 0 : k.kts) + " [kts]", 1)
                 ]),
-                l("div", el, [
+                l("div", $r, [
                   e[5] || (e[5] = l("label", null, "Move Dir: ", -1)),
                   l("span", null, C((v = r.computeMovement(a.activeTropicals)) == null ? void 0 : v.deg) + " [°]", 1)
                 ])
               ]),
-              l("div", tl, [
-                l("div", ol, [
+              l("div", el, [
+                l("div", tl, [
                   e[6] || (e[6] = l("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)),
-                  l("div", al, [
-                    (y(!0), T(fe, null, _e((_ = a.activeTropicals) == null ? void 0 : _.forecasts, (z, x) => {
+                  l("div", ol, [
+                    (y(!0), M(fe, null, _e((_ = a.activeTropicals) == null ? void 0 : _.forecasts, (z, x) => {
                       var R, H, Y, G;
-                      return y(), T("div", {
+                      return y(), M("div", {
                         key: x,
                         class: Ne([
                           "model",
@@ -7411,7 +7409,7 @@ function rl(o, e, t, i, a, r) {
                         l("span", {
                           class: Ne(z.model)
                         }, C(z.model), 3)
-                      ], 10, il);
+                      ], 10, al);
                     }), 128))
                   ])
                 ])
@@ -7468,8 +7466,8 @@ function rl(o, e, t, i, a, r) {
     ])
   ]);
 }
-const Uo = /* @__PURE__ */ X(Vr, [["render", rl]]);
-const ll = {
+const Uo = /* @__PURE__ */ X(Ur, [["render", il]]);
+const rl = {
   name: "DateTimePicker",
   props: {
     locale: {
@@ -7607,19 +7605,19 @@ const ll = {
       this.currentDate = o.clone().format("YYYY-MM-DD"), this.currentTime = o.clone().format("HH:00");
     }
   }
-}, sl = { class: "idm-gl4-timepicker" }, nl = {
+}, ll = { class: "idm-gl4-timepicker" }, sl = {
   class: "pa-0",
   style: { width: "250px" }
-}, cl = {
+}, nl = {
   class: "h-100 pa-0 d-flex flex-column justify-start align-center",
   style: { width: "100px" }
-}, ml = {
+}, cl = {
   class: "d-flex justify-center align-center text-body-2",
   style: { height: "56px" }
 };
-function hl(o, e, t, i, a, r) {
+function ml(o, e, t, i, a, r) {
   const s = w("VBtn"), c = w("VDatePicker"), n = w("VDivider"), u = w("VListItemTitle"), d = w("VListItem"), m = w("VList"), b = w("VCardText"), f = w("VCardActions"), L = w("VCard");
-  return y(), T("div", sl, [
+  return y(), M("div", ll, [
     h(s, {
       text: "",
       height: "30",
@@ -7638,7 +7636,7 @@ function hl(o, e, t, i, a, r) {
       default: g(() => [
         h(b, { class: "w-100 flex-1-1-0 d-flex pa-0" }, {
           default: g(() => [
-            l("div", nl, [
+            l("div", sl, [
               h(c, {
                 modelValue: a.currentDate,
                 "onUpdate:modelValue": e[0] || (e[0] = (S) => a.currentDate = S),
@@ -7657,11 +7655,11 @@ function hl(o, e, t, i, a, r) {
               class: "h-100",
               vertical: ""
             }),
-            l("div", cl, [
-              l("div", ml, C(a.currentTime), 1),
+            l("div", nl, [
+              l("div", cl, C(a.currentTime), 1),
               h(m, { class: "pa-0 flex-1-1-0" }, {
                 default: g(() => [
-                  (y(!0), T(fe, null, _e(r.hourOptions, (S, P) => (y(), V(d, {
+                  (y(!0), M(fe, null, _e(r.hourOptions, (S, P) => (y(), V(d, {
                     key: P,
                     value: S,
                     variant: "flat",
@@ -7730,8 +7728,8 @@ function hl(o, e, t, i, a, r) {
     })) : O("", !0)
   ]);
 }
-const Je = /* @__PURE__ */ X(ll, [["render", hl]]);
-const dl = {
+const Je = /* @__PURE__ */ X(rl, [["render", ml]]);
+const hl = {
   name: "IdmPoint",
   components: {
     DateTimePicker: Je
@@ -7740,6 +7738,10 @@ const dl = {
     token: {
       type: String
     },
+    theme: {
+      type: String,
+      default: "zh"
+    },
     map: {
       type: Object
     },
@@ -7952,10 +7954,10 @@ const dl = {
       (a == null ? void 0 : a.data.code) === 0 && (this.meteoData = a == null ? void 0 : a.data.data), this.loading = !1;
     },
     initTableData(o) {
-      var t, i, a, r, s, c, n, u, d, m, b, f, L, S, P, E, M, k, v, _, z, x, R, H, Y, G, W, $, ee, K, se, me, pe, he, q, I, ne, ge, be, ke, ze;
+      var t, i, a, r, s, c, n, u, d, m, b, f, L, S, P, E, T, k, v, _, z, x, R, H, Y, G, W, $, ee, K, se, me, pe, he, q, I, ne, ge, be, ke, ze;
       this.currentHourData = {}, this.positionGmt = (i = (t = o == null ? void 0 : o.weather) == null ? void 0 : t[0]) == null ? void 0 : i.timezone, this.positionOffset = (r = (a = o == null ? void 0 : o.weather) == null ? void 0 : a[0]) == null ? void 0 : r.offset;
       const e = ((s = qe.pickHourly(o, D(this.form.dateTime))) == null ? void 0 : s[0]) || {};
-      this.currentHourData.utc = e.utc, this.currentHourData.lat = this.form.lat, this.currentHourData.lng = this.form.lng, this.currentHourData.temp = this.roundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.roundPrecision((u = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : u.probability, 0) ?? "-", this.currentHourData.precip1h = this.roundPrecision((m = (d = e == null ? void 0 : e.weather) == null ? void 0 : d.precip) == null ? void 0 : m.sum, 0) ?? "-", this.currentHourData.visibility = this.roundPrecision((b = e == null ? void 0 : e.weather) == null ? void 0 : b.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.roundPrecision((L = (f = e == null ? void 0 : e.weather) == null ? void 0 : f.wind) == null ? void 0 : L.kts, 1) ?? "-", this.currentHourData.windDir = (P = (S = e == null ? void 0 : e.weather) == null ? void 0 : S.wind) == null ? void 0 : P.direction, this.currentHourData.windLevel = this.roundPrecision((M = (E = e == null ? void 0 : e.weather) == null ? void 0 : E.wind) == null ? void 0 : M.scale, 0) ?? "-", this.currentHourData.windGust = this.roundPrecision((v = (k = e == null ? void 0 : e.weather) == null ? void 0 : k.wind) == null ? void 0 : v.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.roundPrecision((z = (_ = e == null ? void 0 : e.wave) == null ? void 0 : _.sig) == null ? void 0 : z.height, 1) ?? "-", this.currentHourData.sigwaveDir = (R = (x = e == null ? void 0 : e.wave) == null ? void 0 : x.sig) == null ? void 0 : R.direction, this.currentHourData.sigwavePeriod = this.roundPrecision((Y = (H = e == null ? void 0 : e.wave) == null ? void 0 : H.sig) == null ? void 0 : Y.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.roundPrecision((W = (G = e == null ? void 0 : e.wave) == null ? void 0 : G.wd) == null ? void 0 : W.height, 1) ?? "-", this.currentHourData.windwaveDir = (ee = ($ = e == null ? void 0 : e.wave) == null ? void 0 : $.wd) == null ? void 0 : ee.direction, this.currentHourData.windwavePeriod = this.roundPrecision((se = (K = e == null ? void 0 : e.wave) == null ? void 0 : K.wd) == null ? void 0 : se.period, 1) ?? "-", this.currentHourData.swellHeight = this.roundPrecision((pe = (me = e == null ? void 0 : e.wave) == null ? void 0 : me.swell) == null ? void 0 : pe.height, 1) ?? "-", this.currentHourData.swellDir = (q = (he = e == null ? void 0 : e.wave) == null ? void 0 : he.swell) == null ? void 0 : q.direction, this.currentHourData.swellPeriod = this.roundPrecision((ne = (I = e == null ? void 0 : e.wave) == null ? void 0 : I.swell) == null ? void 0 : ne.period, 1) ?? "-", this.currentHourData.currentSpeed = this.roundPrecision((ge = e == null ? void 0 : e.current) == null ? void 0 : ge.speed, 1) ?? "-", this.currentHourData.currentDir = (be = e == null ? void 0 : e.current) == null ? void 0 : be.direction, this.currentHourData.currentSpeed = this.roundPrecision((ke = e == null ? void 0 : e.current) == null ? void 0 : ke.speed, 1) ?? "-", this.currentHourData.seaLevel = this.roundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.roundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (ze = e == null ? void 0 : e.weather) == null ? void 0 : ze.url;
+      this.currentHourData.utc = e.utc, this.currentHourData.lat = this.form.lat, this.currentHourData.lng = this.form.lng, this.currentHourData.temp = this.roundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.roundPrecision((u = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : u.probability, 0) ?? "-", this.currentHourData.precip1h = this.roundPrecision((m = (d = e == null ? void 0 : e.weather) == null ? void 0 : d.precip) == null ? void 0 : m.sum, 0) ?? "-", this.currentHourData.visibility = this.roundPrecision((b = e == null ? void 0 : e.weather) == null ? void 0 : b.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.roundPrecision((L = (f = e == null ? void 0 : e.weather) == null ? void 0 : f.wind) == null ? void 0 : L.kts, 1) ?? "-", this.currentHourData.windDir = (P = (S = e == null ? void 0 : e.weather) == null ? void 0 : S.wind) == null ? void 0 : P.direction, this.currentHourData.windLevel = this.roundPrecision((T = (E = e == null ? void 0 : e.weather) == null ? void 0 : E.wind) == null ? void 0 : T.scale, 0) ?? "-", this.currentHourData.windGust = this.roundPrecision((v = (k = e == null ? void 0 : e.weather) == null ? void 0 : k.wind) == null ? void 0 : v.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.roundPrecision((z = (_ = e == null ? void 0 : e.wave) == null ? void 0 : _.sig) == null ? void 0 : z.height, 1) ?? "-", this.currentHourData.sigwaveDir = (R = (x = e == null ? void 0 : e.wave) == null ? void 0 : x.sig) == null ? void 0 : R.direction, this.currentHourData.sigwavePeriod = this.roundPrecision((Y = (H = e == null ? void 0 : e.wave) == null ? void 0 : H.sig) == null ? void 0 : Y.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.roundPrecision((W = (G = e == null ? void 0 : e.wave) == null ? void 0 : G.wd) == null ? void 0 : W.height, 1) ?? "-", this.currentHourData.windwaveDir = (ee = ($ = e == null ? void 0 : e.wave) == null ? void 0 : $.wd) == null ? void 0 : ee.direction, this.currentHourData.windwavePeriod = this.roundPrecision((se = (K = e == null ? void 0 : e.wave) == null ? void 0 : K.wd) == null ? void 0 : se.period, 1) ?? "-", this.currentHourData.swellHeight = this.roundPrecision((pe = (me = e == null ? void 0 : e.wave) == null ? void 0 : me.swell) == null ? void 0 : pe.height, 1) ?? "-", this.currentHourData.swellDir = (q = (he = e == null ? void 0 : e.wave) == null ? void 0 : he.swell) == null ? void 0 : q.direction, this.currentHourData.swellPeriod = this.roundPrecision((ne = (I = e == null ? void 0 : e.wave) == null ? void 0 : I.swell) == null ? void 0 : ne.period, 1) ?? "-", this.currentHourData.currentSpeed = this.roundPrecision((ge = e == null ? void 0 : e.current) == null ? void 0 : ge.speed, 1) ?? "-", this.currentHourData.currentDir = (be = e == null ? void 0 : e.current) == null ? void 0 : be.direction, this.currentHourData.currentSpeed = this.roundPrecision((ke = e == null ? void 0 : e.current) == null ? void 0 : ke.speed, 1) ?? "-", this.currentHourData.seaLevel = this.roundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.roundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (ze = e == null ? void 0 : e.weather) == null ? void 0 : ze.url;
     },
     handleBind() {
       var o, e;
@@ -8012,10 +8014,22 @@ const dl = {
       this.$emit("follow", "point", this.point);
     }
   }
-}, pl = { class: "idm-gl4-spot" }, ul = { class: "d-flex justify-start align-center" }, gl = { class: "mx-2" };
-function fl(o, e, t, i, a, r) {
-  const s = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), u = w("VDivider"), d = w("VTextField"), m = w("VCol"), b = w("VRow"), f = w("DateTimePicker"), L = w("VBtnToggle"), S = w("VCardActions"), P = w("VForm"), E = w("VCardText"), M = w("VCard"), k = w("VIcon");
-  return y(), T("div", pl, [
+}, dl = { class: "idm-gl4-spot" }, pl = { class: "d-flex justify-start align-center ga-1 mb-1" }, ul = {
+  class: "multi-color-icon",
+  "aria-hidden": "true"
+}, gl = ["xlink:href"], fl = { class: "d-flex justify-start align-center ga-1 mb-1" }, bl = {
+  class: "multi-color-icon",
+  "aria-hidden": "true"
+}, yl = ["xlink:href"], wl = { class: "d-flex justify-start align-center ga-1 mb-1" }, xl = {
+  class: "multi-color-icon",
+  "aria-hidden": "true"
+}, vl = ["xlink:href"], _l = { class: "d-flex justify-start align-center ga-1 mb-1" }, kl = {
+  class: "multi-color-icon",
+  "aria-hidden": "true"
+}, zl = ["xlink:href"], Ll = { class: "d-flex justify-start align-center" }, Pl = { class: "mx-2" };
+function Cl(o, e, t, i, a, r) {
+  const s = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), u = w("VDivider"), d = w("VTextField"), m = w("VCol"), b = w("VRow"), f = w("DateTimePicker"), L = w("VBtnToggle"), S = w("VCardActions"), P = w("VForm"), E = w("VCardText"), T = w("VCard"), k = w("VIcon");
+  return y(), M("div", dl, [
     l("div", {
       class: "menu-bar-box transition pa-1",
       style: Q({ top: t.top + 174 + "px", right: a.right + "px" })
@@ -8044,7 +8058,7 @@ function fl(o, e, t, i, a, r) {
         _: 1
       }, 8, ["text"])
     ], 4),
-    a.showForm ? (y(), V(M, {
+    a.showForm ? (y(), V(T, {
       key: 0,
       class: "spot-form-card",
       style: Q({ top: t.top + 174 + "px", right: a.right + 50 + "px" })
@@ -8085,7 +8099,14 @@ function fl(o, e, t, i, a, r) {
               onSubmit: Zo(r.submitForm, ["prevent"])
             }, {
               default: g(() => [
-                e[19] || (e[19] = l("div", null, "Lng", -1)),
+                l("div", pl, [
+                  (y(), M("svg", ul, [
+                    l("use", {
+                      "xlink:href": `#icon-lng-${t.theme}`
+                    }, null, 8, gl)
+                  ])),
+                  e[11] || (e[11] = l("div", null, "Lng", -1))
+                ]),
                 h(b, { class: "ma-0" }, {
                   default: g(() => [
                     h(m, {
@@ -8102,10 +8123,10 @@ function fl(o, e, t, i, a, r) {
                           required: "",
                           dense: ""
                         }, null, 8, ["modelValue", "rules"]),
-                        e[11] || (e[11] = l("span", { class: "px-1" }, "°", -1))
+                        e[12] || (e[12] = l("span", { class: "px-1" }, "°", -1))
                       ]),
                       _: 1,
-                      __: [11]
+                      __: [12]
                     }),
                     h(m, {
                       cols: "6",
@@ -8122,10 +8143,10 @@ function fl(o, e, t, i, a, r) {
                           required: "",
                           dense: ""
                         }, null, 8, ["modelValue", "rules"]),
-                        e[12] || (e[12] = l("span", { class: "px-1" }, "'", -1))
+                        e[13] || (e[13] = l("span", { class: "px-1" }, "'", -1))
                       ]),
                       _: 1,
-                      __: [12]
+                      __: [13]
                     }),
                     h(m, {
                       cols: "2",
@@ -8139,6 +8160,7 @@ function fl(o, e, t, i, a, r) {
                           "min-width": "32",
                           height: "32",
                           class: "",
+                          style: { border: "1px solid rgba(var(--v-theme-on-surface), 0.38)" },
                           onClick: e[2] || (e[2] = (v) => a.form.lngDirection = a.form.lngDirection === "E" ? "W" : "E")
                         }, {
                           default: g(() => [
@@ -8152,7 +8174,14 @@ function fl(o, e, t, i, a, r) {
                   ]),
                   _: 1
                 }),
-                e[20] || (e[20] = l("div", null, "Lat", -1)),
+                l("div", fl, [
+                  (y(), M("svg", bl, [
+                    l("use", {
+                      "xlink:href": `#icon-lng-${t.theme}`
+                    }, null, 8, yl)
+                  ])),
+                  e[14] || (e[14] = l("div", null, "Lat", -1))
+                ]),
                 h(b, { class: "ma-0" }, {
                   default: g(() => [
                     h(m, {
@@ -8172,10 +8201,10 @@ function fl(o, e, t, i, a, r) {
                           required: "",
                           dense: ""
                         }, null, 8, ["modelValue", "rules"]),
-                        e[13] || (e[13] = l("span", { class: "px-1" }, "°", -1))
+                        e[15] || (e[15] = l("span", { class: "px-1" }, "°", -1))
                       ]),
                       _: 1,
-                      __: [13]
+                      __: [15]
                     }),
                     h(m, {
                       cols: "6",
@@ -8192,10 +8221,10 @@ function fl(o, e, t, i, a, r) {
                           required: "",
                           dense: ""
                         }, null, 8, ["modelValue", "rules"]),
-                        e[14] || (e[14] = l("span", { class: "px-1" }, "'", -1))
+                        e[16] || (e[16] = l("span", { class: "px-1" }, "'", -1))
                       ]),
                       _: 1,
-                      __: [14]
+                      __: [16]
                     }),
                     h(m, {
                       cols: "2",
@@ -8209,6 +8238,7 @@ function fl(o, e, t, i, a, r) {
                           "min-width": "32",
                           height: "32",
                           class: "text-body-1",
+                          style: { border: "1px solid rgba(var(--v-theme-on-surface), 0.38)" },
                           onClick: e[5] || (e[5] = (v) => a.form.latDirection = a.form.latDirection === "N" ? "S" : "N")
                         }, {
                           default: g(() => [
@@ -8222,12 +8252,19 @@ function fl(o, e, t, i, a, r) {
                   ]),
                   _: 1
                 }),
-                e[21] || (e[21] = l("div", null, "Date Time", -1)),
-                h(b, { class: "ma-0" }, {
+                l("div", wl, [
+                  (y(), M("svg", xl, [
+                    l("use", {
+                      "xlink:href": `#icon-a-DateTime-${t.theme}`
+                    }, null, 8, vl)
+                  ])),
+                  e[17] || (e[17] = l("div", null, "Date Time", -1))
+                ]),
+                h(b, { class: "ma-0 mb-4" }, {
                   default: g(() => [
                     h(m, {
                       cols: "12",
-                      class: "pa-0 py-2"
+                      class: "pa-0"
                     }, {
                       default: g(() => [
                         h(f, j({
@@ -8242,12 +8279,19 @@ function fl(o, e, t, i, a, r) {
                   ]),
                   _: 1
                 }),
-                e[22] || (e[22] = l("div", null, "Forecast Model", -1)),
-                h(b, { class: "ma-0" }, {
+                l("div", _l, [
+                  (y(), M("svg", kl, [
+                    l("use", {
+                      "xlink:href": `#icon-a-ForecastModel-${t.theme}`
+                    }, null, 8, zl)
+                  ])),
+                  e[18] || (e[18] = l("div", null, "Forecast Model", -1))
+                ]),
+                h(b, { class: "ma-0 mb-2" }, {
                   default: g(() => [
                     h(m, {
                       cols: "12",
-                      class: "pa-0 py-2"
+                      class: "pa-0"
                     }, {
                       default: g(() => [
                         h(L, {
@@ -8264,29 +8308,29 @@ function fl(o, e, t, i, a, r) {
                               density: "compact",
                               height: "30",
                               value: "GFS",
-                              class: "text-none flex-1-1-0",
+                              class: "text-none flex-1-1-0 nop-btn-border",
                               color: a.form.forecastModel === "GFS" ? "primary" : "",
-                              "base-color": "grey-lighten-1"
+                              "base-color": ""
                             }, {
-                              default: g(() => e[15] || (e[15] = [
+                              default: g(() => e[19] || (e[19] = [
                                 U("NOAA", -1)
                               ])),
                               _: 1,
-                              __: [15]
+                              __: [19]
                             }, 8, ["color"]),
                             h(s, {
                               density: "compact",
                               height: "30",
-                              class: "text-none flex-1-1-0",
+                              class: "text-none flex-1-1-0 nop-btn-border",
                               color: a.form.forecastModel === "ECMWF" ? "primary" : "",
-                              "base-color": "grey-lighten-1",
+                              "base-color": "",
                               value: "ECMWF"
                             }, {
-                              default: g(() => e[16] || (e[16] = [
+                              default: g(() => e[20] || (e[20] = [
                                 U("ECMWF", -1)
                               ])),
                               _: 1,
-                              __: [16]
+                              __: [20]
                             }, 8, ["color"])
                           ]),
                           _: 1
@@ -8306,11 +8350,11 @@ function fl(o, e, t, i, a, r) {
                       class: "text-none text-body-1",
                       onClick: r.handleCloseForm
                     }, {
-                      default: g(() => e[17] || (e[17] = [
+                      default: g(() => e[21] || (e[21] = [
                         U("Clear", -1)
                       ])),
                       _: 1,
-                      __: [17]
+                      __: [21]
                     }, 8, ["onClick"]),
                     h(s, {
                       loading: a.loading,
@@ -8320,18 +8364,17 @@ function fl(o, e, t, i, a, r) {
                       type: "submit",
                       class: "text-none text-body-1"
                     }, {
-                      default: g(() => e[18] || (e[18] = [
+                      default: g(() => e[22] || (e[22] = [
                         U("Confirm", -1)
                       ])),
                       _: 1,
-                      __: [18]
+                      __: [22]
                     }, 8, ["loading"])
                   ]),
                   _: 1
                 })
               ]),
-              _: 1,
-              __: [19, 20, 21, 22]
+              _: 1
             }, 8, ["onSubmit"])
           ]),
           _: 1
@@ -8339,7 +8382,7 @@ function fl(o, e, t, i, a, r) {
       ]),
       _: 1
     }, 8, ["style"])) : O("", !0),
-    He(h(M, {
+    He(h(T, {
       id: "idm-gl4-spot-meteo",
       class: "spot-meteo",
       style: { width: "490px", "z-index": "9" }
@@ -8349,9 +8392,9 @@ function fl(o, e, t, i, a, r) {
           default: g(() => {
             var v, _;
             return [
-              l("div", ul, [
-                e[23] || (e[23] = l("i", { class: "iconfont icon-a-Spotweather text-h5 text-primary" }, null, -1)),
-                l("div", gl, C(r.computeLat((v = a.currentHourData) == null ? void 0 : v.lat)) + "," + C(r.computeLng((_ = a.currentHourData) == null ? void 0 : _.lng)), 1)
+              l("div", Ll, [
+                e[23] || (e[23] = l("i", { class: "iconfont icon-a-Spotweather text-h5 map-icon-primary" }, null, -1)),
+                l("div", Pl, C(r.computeLat((v = a.currentHourData) == null ? void 0 : v.lat)) + "," + C(r.computeLng((_ = a.currentHourData) == null ? void 0 : _.lng)), 1)
               ]),
               h(s, {
                 icon: "",
@@ -8602,8 +8645,8 @@ function fl(o, e, t, i, a, r) {
     ])
   ]);
 }
-const bl = /* @__PURE__ */ X(dl, [["render", fl]]);
-const yl = {
+const Sl = /* @__PURE__ */ X(hl, [["render", Cl]]);
+const Ml = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -8925,10 +8968,10 @@ const yl = {
       }), this.pointMarkers[o.id] = [], (m = this.tipMarker) == null || m.remove(), this.tipMarker = void 0, e && ((b = this.map) != null && b.getSource(t)) && this.map.removeSource(t), e && ((f = this.map) != null && f.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
-}, wl = { class: "idm-gl4-measure" };
-function xl(o, e, t, i, a, r) {
+}, Tl = { class: "idm-gl4-measure" };
+function Rl(o, e, t, i, a, r) {
   const s = w("VBtn"), c = w("VTooltip");
-  return y(), T("div", wl, [
+  return y(), M("div", Tl, [
     l("div", {
       class: "menu-bar-box transition pa-1",
       style: Q({ top: t.top + 214 + "px", right: a.right + "px" })
@@ -8959,8 +9002,8 @@ function xl(o, e, t, i, a, r) {
     ], 4)
   ]);
 }
-const vl = /* @__PURE__ */ X(yl, [["render", xl]]);
-const _l = {
+const Il = /* @__PURE__ */ X(Ml, [["render", Rl]]);
+const Al = {
   name: "IdmBottomBar",
   components: { DateTimePicker: Je },
   props: {
@@ -9073,19 +9116,19 @@ const _l = {
       this.$parent.$refs.idmWeatherLayers.handleMenuToggle();
     }
   }
-}, kl = { class: "idm-bottom-bar-gl4" }, zl = { class: "date-box d-flex ga-2 mr-2" }, Ll = { class: "d-flex justify-center align-center cursor-pointer" }, Pl = { class: "fast-weathers-box d-flex justify-center align-center ga-2 mx-3 cursor-pointer" }, Cl = { class: "model-box d-flex justify-center align-center ga-2 my-2" }, Sl = {
+}, Dl = { class: "idm-bottom-bar-gl4" }, Ol = { class: "date-box d-flex ga-2 mr-2" }, Bl = { class: "d-flex justify-center align-center cursor-pointer" }, jl = { class: "fast-weathers-box d-flex justify-center align-center ga-2 mx-3 cursor-pointer" }, El = { class: "model-box d-flex justify-center align-center ga-2 my-2" }, Fl = {
   key: 0,
   class: "list d-flex flex-wrap pa-2 rounded ga-2"
-}, Ml = ["onClick"], Tl = { class: "btn-box d-flex justify-center align-center rounded ga-2 py-1 px-2" }, Rl = { class: "text-body-2" };
-function Il(o, e, t, i, a, r) {
+}, Nl = ["onClick"], Hl = { class: "btn-box d-flex justify-center align-center rounded ga-2 py-1 px-2" }, Gl = { class: "text-body-2" };
+function Wl(o, e, t, i, a, r) {
   const s = w("DateTimePicker"), c = w("VListItemTitle"), n = w("VListItem"), u = w("VList"), d = w("VMenu"), m = w("VBtn"), b = w("VTooltip");
-  return y(), T("div", kl, [
-    a.show ? (y(), T("div", {
+  return y(), M("div", Dl, [
+    a.show ? (y(), M("div", {
       key: 0,
       class: "timeline-box px-2 py-1 d-flex justify-start align-center rounded",
       style: Q({ right: a.right + 140 + "px" })
     }, [
-      l("div", zl, [
+      l("div", Ol, [
         h(s, j({
           "date-time": a.currentDateTimeZ,
           "time-zone": a.timeZone,
@@ -9107,7 +9150,7 @@ function Il(o, e, t, i, a, r) {
               default: g(() => [
                 h(u, { class: "pa-1" }, {
                   default: g(() => [
-                    (y(!0), T(fe, null, _e(a.intervalOptions, (f, L) => (y(), V(n, {
+                    (y(!0), M(fe, null, _e(a.intervalOptions, (f, L) => (y(), V(n, {
                       key: L,
                       value: f,
                       variant: a.intervalHour === f ? "tonal" : "text",
@@ -9140,7 +9183,7 @@ function Il(o, e, t, i, a, r) {
           ]),
           _: 1
         }),
-        l("div", Ll, [
+        l("div", Bl, [
           h(m, {
             icon: "",
             size: "small",
@@ -9209,7 +9252,7 @@ function Il(o, e, t, i, a, r) {
           }, 8, ["onClick"])
         ])
       ]),
-      l("div", Pl, [
+      l("div", jl, [
         h(b, {
           text: o.$t("weather.windBarbs"),
           location: "top",
@@ -9312,7 +9355,7 @@ function Il(o, e, t, i, a, r) {
           _: 1
         }, 8, ["text"])
       ]),
-      l("div", Cl, [
+      l("div", El, [
         h(m, {
           text: "",
           height: "30",
@@ -9361,14 +9404,14 @@ function Il(o, e, t, i, a, r) {
       class: "timezone-box d-flex flex-column justify-space-between align-end",
       style: Q({ right: a.right + "px" })
     }, [
-      a.showTimezone ? (y(), T("div", Sl, [
-        (y(!0), T(fe, null, _e(a.offsets, (f) => (y(), T("div", {
+      a.showTimezone ? (y(), M("div", Fl, [
+        (y(!0), M(fe, null, _e(a.offsets, (f) => (y(), M("div", {
           key: f,
           class: "item rounded text-body-2",
           onClick: (L) => a.timeZone = f
-        }, C(f < 0 ? f : "+" + f), 9, Ml))), 128))
+        }, C(f < 0 ? f : "+" + f), 9, Nl))), 128))
       ])) : O("", !0),
-      l("div", Tl, [
+      l("div", Hl, [
         h(m, {
           text: "",
           outline: "",
@@ -9382,20 +9425,20 @@ function Il(o, e, t, i, a, r) {
           ]),
           _: 1
         }),
-        l("span", Rl, C(a.currentRealTime), 1)
+        l("span", Gl, C(a.currentRealTime), 1)
       ])
     ], 4)
   ]);
 }
-const Al = /* @__PURE__ */ X(_l, [["render", Il]]), Dl = {
+const Ul = /* @__PURE__ */ X(Al, [["render", Wl]]), Vl = {
   name: "IdmGL4",
   components: {
-    IdmOtherLayer: di,
-    IdmWeatherLayer: Ur,
+    IdmOtherLayer: hi,
+    IdmWeatherLayer: Wr,
     IdmTropicals: Uo,
-    IdmMeasure: vl,
-    IdmSpot: bl,
-    IdmBottomBar: Al
+    IdmMeasure: Il,
+    IdmSpot: Sl,
+    IdmBottomBar: Ul
   },
   props: {
     map: {
@@ -9427,13 +9470,13 @@ const Al = /* @__PURE__ */ X(_l, [["render", Il]]), Dl = {
   mounted() {
   },
   methods: {}
-}, Ol = {
+}, Yl = {
   ref: "mapHomeGl4",
   class: "map-gl4-home"
 };
-function Bl(o, e, t, i, a, r) {
+function Zl(o, e, t, i, a, r) {
   const s = w("IdmOtherLayer"), c = w("IdmWeatherLayer"), n = w("IdmTropicals"), u = w("IdmMeasure"), d = w("IdmSpot"), m = w("IdmBottomBar");
-  return y(), T("div", Ol, [
+  return y(), M("div", Yl, [
     h(s, j({
       ref: "idmOtherLayers",
       token: t.token,
@@ -9485,8 +9528,8 @@ function Bl(o, e, t, i, a, r) {
     }, o.$attrs), null, 16, ["forecast-model", "weatherCheckList"])
   ], 512);
 }
-const jl = /* @__PURE__ */ X(Dl, [["render", Bl]]);
-class El {
+const Xl = /* @__PURE__ */ X(Vl, [["render", Zl]]);
+class ql {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
     le(this, "originStyle");
     le(this, "mapboxStyle");
@@ -9494,7 +9537,7 @@ class El {
     le(this, "hi");
     le(this, "td");
     le(this, "windy");
-    var t, i, a, r, s, c, n, u, d, m, b, f, L, S, P, E, M, k, v, _, z, x, R, H, Y, G, W, $, ee, K, se, me, pe, he, q, I, ne, ge, be, ke, ze, Se, Me, Te, te, de, we, Re, J, Ce, xe, ie, ue, N, Le, oe, re, je, B, ye, Oe, Ee, Fe, A, Z, Ye, Ze, Xe, Ae, Qe, $e, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, ht, dt, pt, ut, gt, ft, bt, yt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, St, Mt, Tt, Rt, It, At, Dt, Ot, Bt, jt, Et, Ft, Nt, Ht, Gt, Wt, Ut, Vt, Yt, Zt, Xt, qt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, lo, so, no, co, mo, ho, po, uo, go, fo, bo, yo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, So, Mo, To, Ro, Io, Ao, Do, Oo, Bo, jo, Eo, Fo, No;
+    var t, i, a, r, s, c, n, u, d, m, b, f, L, S, P, E, T, k, v, _, z, x, R, H, Y, G, W, $, ee, K, se, me, pe, he, q, I, ne, ge, be, ke, ze, Se, Me, Te, te, de, we, Re, J, Ce, xe, ie, ue, N, Le, oe, re, je, B, ye, Oe, Ee, Fe, A, Z, Ye, Ze, Xe, Ae, Qe, $e, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, ht, dt, pt, ut, gt, ft, bt, yt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, St, Mt, Tt, Rt, It, At, Dt, Ot, Bt, jt, Et, Ft, Nt, Ht, Gt, Wt, Ut, Vt, Yt, Zt, Xt, qt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, lo, so, no, co, mo, ho, po, uo, go, fo, bo, yo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, So, Mo, To, Ro, Io, Ao, Do, Oo, Bo, jo, Eo, Fo, No;
     this.i4 = {
       source: {
         type: "raster",
@@ -71379,7 +71422,7 @@ class El {
           (f = (b = this.originStyle) == null ? void 0 : b.light.layers) == null ? void 0 : f.find((p) => p.id === "water-outline2"),
           (S = (L = this.originStyle) == null ? void 0 : L.light.layers) == null ? void 0 : S.find((p) => p.id === "empty-layer-2"),
           (E = (P = this.originStyle) == null ? void 0 : P.light.layers) == null ? void 0 : E.find((p) => p.id === "empty-layer-3"),
-          (k = (M = this.originStyle) == null ? void 0 : M.light.layers) == null ? void 0 : k.find((p) => p.id === "empty-layer-4"),
+          (k = (T = this.originStyle) == null ? void 0 : T.light.layers) == null ? void 0 : k.find((p) => p.id === "empty-layer-4"),
           (_ = (v = this.originStyle) == null ? void 0 : v.light.layers) == null ? void 0 : _.find((p) => p.id === "water-line-label"),
           (x = (z = this.originStyle) == null ? void 0 : z.light.layers) == null ? void 0 : x.find((p) => p.id === "water-point-label"),
           (H = (R = this.originStyle) == null ? void 0 : R.light.layers) == null ? void 0 : H.find((p) => p.id === "world-12nm-v4-20231025"),
@@ -71755,7 +71798,7 @@ class El {
     };
   }
 }
-const Fl = {
+const Kl = {
   name: "MapInitial",
   props: {
     token: {
@@ -71808,7 +71851,7 @@ const Fl = {
   methods: {
     async initOnlineMap() {
       var e;
-      (e = this.map) == null || e.remove(), this.map = void 0, this.helper = new El(this.token), Pe.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
+      (e = this.map) == null || e.remove(), this.map = void 0, this.helper = new ql(this.token), Pe.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
       const o = new Pe.Map({
         container: "map",
         // style: 'mapbox://styles/neatchenheng/cmd894dwn036m01rf7anc0k0d', //light
@@ -71848,16 +71891,16 @@ const Fl = {
       this.zoom = this.zoom <= 2 ? 1 : this.zoom - 1, (o = this.map) == null || o.zoomOut(this.zoom);
     }
   }
-}, Nl = { class: "mapbox-initial-gl4" }, Hl = { class: "v-btn--variant-elevated rounded" }, Gl = { class: "zoom" };
-function Wl(o, e, t, i, a, r) {
+}, Jl = { class: "mapbox-initial-gl4" }, Ql = { class: "v-btn--variant-elevated rounded" }, $l = { class: "zoom" };
+function es(o, e, t, i, a, r) {
   const s = w("v-btn");
-  return y(), T("div", Nl, [
+  return y(), M("div", Jl, [
     e[2] || (e[2] = l("div", { id: "map" }, null, -1)),
     l("div", {
       class: "menu-bar-box transition px-1 rounded d-flex flex-column",
       style: Q({ top: t.top + 268 + "px", right: a.right + "px" })
     }, [
-      l("div", Hl, [
+      l("div", Ql, [
         h(s, {
           "min-width": "32",
           width: "32",
@@ -71871,7 +71914,7 @@ function Wl(o, e, t, i, a, r) {
           _: 1,
           __: [0]
         }, 8, ["onClick"]),
-        l("div", Gl, C(a.zoom), 1),
+        l("div", $l, C(a.zoom), 1),
         h(s, {
           "min-width": "32",
           width: "32",
@@ -71889,17 +71932,17 @@ function Wl(o, e, t, i, a, r) {
     ], 4)
   ]);
 }
-const Ul = /* @__PURE__ */ X(Fl, [["render", Wl]]), os = {
+const ts = /* @__PURE__ */ X(Kl, [["render", es]]), ps = {
   install(o) {
-    o.component("MapInitial", Ul), o.component("MapboxGL", jl), o.component("TropicalGL", Uo), o.component("LatLngGL", Wo), o.component("DateTimePicker", Je);
+    o.component("MapInitial", ts), o.component("MapboxGL", Xl), o.component("TropicalGL", Uo), o.component("LatLngGL", Wo), o.component("DateTimePicker", Je);
   }
 };
 export {
   Je as DateTimePicker,
   Wo as LatLngGL,
-  Ul as MapInitial,
-  jl as MapboxGL,
-  os as MapboxGLPlugin,
+  ts as MapInitial,
+  Xl as MapboxGL,
+  ps as MapboxGLPlugin,
   ve as ParticleSchema,
   Uo as TropicalGL,
   Ke as Viewport,