@idmwx/idmui-gl3 3.6.8 → 3.7.0

package/dist/index.js

@@ -2,7 +2,7 @@ var rt = Object.defineProperty;
 var ot = (t, e, a) => e in t ? rt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
 var R = (t, e, a) => (ot(t, typeof e != "symbol" ? e + "" : e, a), a);
 import { LayerHelper as Ve, CompanyHelper as Me, LngLatHelper as te, convertToMonotonicLng2 as st, calculateDistance as Oe, calculateBearing as je, convertToMonotonicLng as we, interpolateCoordinates as Fe, convertToStandardLng as Re } from "@idmwx/idmwx-base";
-import { resolveComponent as z, openBlock as w, createElementBlock as L, createElementVNode as l, normalizeStyle as j, normalizeClass as M, Fragment as Ae, renderList as De, toDisplayString as S, createVNode as P, withCtx as nt, createTextVNode as Ke, createCommentVNode as N, pushScopeId as U, popScopeId as G, withDirectives as $e, vShow as Be, createStaticVNode as lt, mergeProps as I } from "vue";
+import { resolveComponent as z, openBlock as w, createElementBlock as L, createElementVNode as l, normalizeStyle as j, normalizeClass as M, Fragment as De, renderList as Ae, toDisplayString as S, createVNode as P, withCtx as nt, createTextVNode as Ke, createCommentVNode as $, pushScopeId as U, popScopeId as G, withDirectives as $e, vShow as Be, createStaticVNode as lt, mergeProps as E } from "vue";
 import * as C from "@turf/turf";
 import ct from "@mapbox/sphericalmercator";
 import ee from "moment";
@@ -20,6 +20,9 @@ const T = (t, e) => {
     map: {
       type: Object
     },
+    mapProjection: {
+      type: String
+    },
     top: {
       type: Number,
       default: 60
@@ -61,13 +64,15 @@ const T = (t, e) => {
         v: "0.0.6",
         k: "glCacheVersion"
       },
-      right: 10
+      right: 10,
+      rampColorLayers: ["visibility", "precip3h", "temp", "water-temp", "arctic"]
     };
   },
   computed: {
     computeLayerClass() {
       return function(t, e) {
-        return t.enabled ? e.some((a) => a.key === t.key) ? "layer active" : "layer" : "layer disabled";
+        let a = "layer";
+        return e.some((r) => r.key === t.key) && (a = "layer active"), (!t.enabled || this.rampColorLayers.includes(t.key) && this.mapProjection === "globe") && (a = "layer disabled"), a;
       };
     }
   },
@@ -107,9 +112,13 @@ const T = (t, e) => {
       this.$emit("weather", this.weatherLayers, this.activeWeatherLayers, this.source), this.$emit("other", this.otherLayers), localStorage.setItem(this.autoActiveCache, this.autoActive), localStorage.setItem(this.sourceCache, this.source);
     },
     handleWeatherLayerPick(t) {
+      if (this.rampColorLayers.includes(t.key) && this.mapProjection === "globe")
+        return !1;
       this.weatherLayers.some((e) => e.key === t.key) ? (this.weatherLayers = this.weatherLayers.filter((e) => e.key !== t.key), this.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.key !== t.key)) : this.weatherLayers.length < 12 && t.enabled && (["png", "jpg"].includes(t.type) && (this.weatherLayers = this.weatherLayers.filter((e) => e.type === "json"), this.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.type === "json")), this.weatherLayers.push(t), this.activeWeatherLayers.push(t)), localStorage.setItem(this.weatherLayersCache, JSON.stringify(this.weatherLayers)), this.$emit("weather", this.weatherLayers, this.activeWeatherLayers, this.source), localStorage.setItem(this.autoActiveCache, this.autoActive), localStorage.setItem(this.sourceCache, this.source);
     },
     handleActiveWeatherLayerPick(t) {
+      if (this.rampColorLayers.includes(t.key) && this.mapProjection === "globe")
+        return !1;
       if (this.activeWeatherLayers.some((e) => e.key === t.key))
         this.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.key !== t.key);
       else if (t.enabled) {
@@ -141,7 +150,7 @@ const T = (t, e) => {
       this.source = t, this.handleConfirm();
     }
   }
-}, Z = (t) => (U("data-v-cb712a44"), t = t(), G(), t), dt = { class: "idm-gl-layer" }, pt = { class: "bar-item layer-bars" }, mt = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1)), ut = [
+}, Z = (t) => (U("data-v-c4783062"), t = t(), G(), t), dt = { class: "idm-gl-layer" }, pt = { class: "bar-item layer-bars" }, mt = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1)), ut = [
   mt
 ], yt = { class: "bar-item tool-bars" }, ft = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1)), gt = [
   ft
@@ -156,7 +165,7 @@ const T = (t, e) => {
 ], Pt = { class: "weather-layers" }, Tt = {
   class: "layers-title",
   style: { display: "flex", "align-items": "center", "justify-content": "space-between" }
-}, It = { style: { "font-size": "12px" } }, Et = { class: "layers-body" }, Rt = ["onClick"], At = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1)), Dt = { class: "other-layers" }, Mt = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("div", { class: "layers-title" }, "Other Layers", -1)), $t = { class: "layers-body" }, Bt = ["onClick"], Nt = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1)), Wt = { class: "source-layers" }, Ot = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("span", { class: "layers-title" }, "Forecast Model", -1)), jt = { class: "layers-body model-box" };
+}, Et = { style: { "font-size": "12px" } }, It = { class: "layers-body" }, Rt = ["onClick"], Dt = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1)), At = { class: "other-layers" }, Mt = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("div", { class: "layers-title" }, "Other Layers", -1)), $t = { class: "layers-body" }, Bt = ["onClick"], Nt = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1)), Wt = { class: "source-layers" }, Ot = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("span", { class: "layers-title" }, "Forecast Model", -1)), jt = { class: "layers-body model-box" };
 function Ft(t, e, a, r, i, o) {
   const n = z("ElScrollbar");
   return w(), L("div", dt, [
@@ -198,7 +207,7 @@ function Ft(t, e, a, r, i, o) {
       class: "active-layers",
       style: j({ right: i.right + "px", bottom: "100px" })
     }, [
-      (w(!0), L(Ae, null, De(i.weatherLayers, (s) => (w(), L("div", {
+      (w(!0), L(De, null, Ae(i.weatherLayers, (s) => (w(), L("div", {
         key: s.key,
         class: M(o.computeLayerClass(s, i.activeWeatherLayers)),
         onClick: (c) => o.handleActiveWeatherLayerPick(s)
@@ -225,28 +234,28 @@ function Ft(t, e, a, r, i, o) {
               l("div", Tt, [
                 l("div", null, [
                   Ke(" Weather Layers "),
-                  l("span", It, "(" + S(i.weatherLayers.length) + "/12)", 1)
+                  l("span", Et, "(" + S(i.weatherLayers.length) + "/12)", 1)
                 ])
               ]),
-              l("div", Et, [
-                (w(!0), L(Ae, null, De(i.layers.weather, (s) => (w(), L(Ae, {
+              l("div", It, [
+                (w(!0), L(De, null, Ae(i.layers.weather, (s) => (w(), L(De, {
                   key: s.key
                 }, [
-                  s.hide ? N("", !0) : (w(), L("div", {
+                  s.hide ? $("", !0) : (w(), L("div", {
                     key: 0,
                     class: M(o.computeLayerClass(s, i.weatherLayers)),
                     onClick: (c) => o.handleWeatherLayerPick(s)
                   }, [
-                    At,
+                    Dt,
                     l("span", null, S(s.name), 1)
                   ], 10, Rt))
                 ], 64))), 128))
               ])
             ]),
-            l("div", Dt, [
+            l("div", At, [
               Mt,
               l("div", $t, [
-                (w(!0), L(Ae, null, De(i.layers.other, (s) => (w(), L("div", {
+                (w(!0), L(De, null, Ae(i.layers.other, (s) => (w(), L("div", {
                   key: s.key,
                   class: M(o.computeLayerClass(s, i.otherLayers)),
                   onClick: (c) => o.handleOtherLayerPick(s)
@@ -276,7 +285,7 @@ function Ft(t, e, a, r, i, o) {
     ], 4)
   ]);
 }
-const Vt = /* @__PURE__ */ T(ht, [["render", Ft], ["__scopeId", "data-v-cb712a44"]]);
+const Vt = /* @__PURE__ */ T(ht, [["render", Ft], ["__scopeId", "data-v-c4783062"]]);
 const Ut = {
   name: "IdmWindBarb",
   props: {
@@ -292,14 +301,9 @@ const Ut = {
     beforeLayer: {
       type: String
     },
-    // right: {
-    //   type: String,
-    //   default: '10px',
-    // },
-    // bottom: {
-    //   type: String,
-    //   default: '125px',
-    // },
+    mapProjection: {
+      type: String
+    },
     showParticle: {
       type: Boolean,
       default: !1
@@ -447,10 +451,10 @@ const Ut = {
 }, Zt = {
   key: 1,
   class: "iconfont"
-}, Xt = {
+}, Jt = {
   key: 0,
   class: "iconfont active"
-}, Jt = {
+}, Xt = {
   key: 1,
   class: "iconfont"
 };
@@ -461,7 +465,8 @@ function qt(t, e, a, r, i, o) {
       class: "flex-center tool-bars",
       style: j([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
     }, [
-      l("div", {
+      a.mapProjection === "mercator" ? (w(), L("div", {
+        key: 0,
         class: "flex-start",
         onClick: e[0] || (e[0] = (...s) => o.handleParticle && o.handleParticle(...s))
       }, [
@@ -469,22 +474,22 @@ function qt(t, e, a, r, i, o) {
         l("span", {
           class: M(a.showParticle ? "active" : "")
         }, "Wind Particles", 2)
-      ]),
+      ])) : $("", !0),
       a.showParticle ? (w(), L("div", {
-        key: 0,
+        key: 1,
         class: "flex-start",
         style: { "margin-left": "16px" },
         onClick: e[1] || (e[1] = (s) => i.showFeather = !i.showFeather)
       }, [
-        i.showFeather ? (w(), L("i", Xt, "")) : (w(), L("i", Jt, "")),
+        i.showFeather ? (w(), L("i", Jt, "")) : (w(), L("i", Xt, "")),
         l("span", {
           class: M(i.showFeather ? "active" : "")
         }, "Wind Feather", 2)
-      ])) : N("", !0)
+      ])) : $("", !0)
     ], 4)
-  ])) : N("", !0);
+  ])) : $("", !0);
 }
-const Yt = /* @__PURE__ */ T(Ut, [["render", qt], ["__scopeId", "data-v-f285f28f"]]);
+const Yt = /* @__PURE__ */ T(Ut, [["render", qt], ["__scopeId", "data-v-f409772c"]]);
 class Ue {
   constructor(e) {
     R(this, "map");
@@ -709,8 +714,8 @@ class ve {
         }
         const m = e.getBoundPixel(), g = e.map.getZoom() + 1, y = e.getWorldCopy(m, g);
         for (const u of y) {
-          const v = (u[0] - m[0]) * e.ratio, b = (u[1] - m[3]) * e.ratio, x = u[2] * e.ratio, [k, _, A, D] = [v, x + v, b, x + b], $ = new Float32Array([k, A, _, A, k, D, k, D, _, A, _, D]);
-          a.bindBuffer(a.ARRAY_BUFFER, n), a.bufferData(a.ARRAY_BUFFER, $, a.STATIC_DRAW), a.drawArrays(a.TRIANGLES, 0, 6);
+          const v = (u[0] - m[0]) * e.ratio, b = (u[1] - m[3]) * e.ratio, x = u[2] * e.ratio, [k, _, D, A] = [v, x + v, b, x + b], B = new Float32Array([k, D, _, D, k, A, k, A, _, D, _, A]);
+          a.bindBuffer(a.ARRAY_BUFFER, n), a.bufferData(a.ARRAY_BUFFER, B, a.STATIC_DRAW), a.drawArrays(a.TRIANGLES, 0, 6);
         }
       } catch (d) {
         console.log(`render failed...${d}`);
@@ -758,10 +763,10 @@ class ve {
     });
   }
 }
-class B {
+class N {
 }
 // 顶点渲染
-R(B, "vertexSchema", `
+R(N, "vertexSchema", `
     //canvas 坐标系上的坐标 (x, y)
     attribute vec2 a_position; //像素坐标
     attribute vec2 a_texCoord; //纹理坐标
@@ -776,7 +781,7 @@ R(B, "vertexSchema", `
       gl_Position = vec4(position * vec2(1, -1), 0.0, 1.0);
       v_texCoord = a_texCoord;
     }`), // 类如风、流等u v双变量片元渲染
-R(B, "uvFragmentSchema", `
+R(N, "uvFragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image;
     uniform vec2 u_range_u_v;
@@ -795,7 +800,7 @@ R(B, "uvFragmentSchema", `
 
       gl_FragColor = color;
     }`), // 类如浪、气压等单变量片元渲染
-R(B, "fragmentSchema", `
+R(N, "fragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image; // 灰度
     uniform sampler2D u_color; // 色值映射
@@ -2673,7 +2678,7 @@ const Kt = {
           [1, "rgb(91, 136, 161)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, B.vertexSchema, B.uvFragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, N.vertexSchema, N.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
       this.handleParticleSetup();
@@ -2721,7 +2726,7 @@ const Kt = {
       });
     }
   }
-}, ne = (t) => (U("data-v-41a686d0"), t = t(), G(), t), ea = { key: 0 }, ta = /* @__PURE__ */ ne(() => /* @__PURE__ */ l("span", null, "kts", -1)), aa = /* @__PURE__ */ ne(() => /* @__PURE__ */ l("span", null, "0", -1)), ia = /* @__PURE__ */ ne(() => /* @__PURE__ */ l("span", null, "5", -1)), ra = /* @__PURE__ */ ne(() => /* @__PURE__ */ l("span", null, "10", -1)), oa = /* @__PURE__ */ ne(() => /* @__PURE__ */ l("span", null, "20", -1)), sa = /* @__PURE__ */ ne(() => /* @__PURE__ */ l("span", null, "30", -1)), na = /* @__PURE__ */ ne(() => /* @__PURE__ */ l("span", null, "40", -1)), la = /* @__PURE__ */ ne(() => /* @__PURE__ */ l("span", null, "60", -1)), ca = [
+}, ne = (t) => (U("data-v-6e0050df"), t = t(), G(), t), ea = { key: 0 }, ta = /* @__PURE__ */ ne(() => /* @__PURE__ */ l("span", null, "kts", -1)), aa = /* @__PURE__ */ ne(() => /* @__PURE__ */ l("span", null, "0", -1)), ia = /* @__PURE__ */ ne(() => /* @__PURE__ */ l("span", null, "5", -1)), ra = /* @__PURE__ */ ne(() => /* @__PURE__ */ l("span", null, "10", -1)), oa = /* @__PURE__ */ ne(() => /* @__PURE__ */ l("span", null, "20", -1)), sa = /* @__PURE__ */ ne(() => /* @__PURE__ */ l("span", null, "30", -1)), na = /* @__PURE__ */ ne(() => /* @__PURE__ */ l("span", null, "40", -1)), la = /* @__PURE__ */ ne(() => /* @__PURE__ */ l("span", null, "60", -1)), ca = [
   ta,
   aa,
   ia,
@@ -2738,9 +2743,9 @@ function ha(t, e, a, r, i, o) {
       class: "legend-bars flex-center",
       style: j([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
     }, ca, 4)
-  ])) : N("", !0);
+  ])) : $("", !0);
 }
-const da = /* @__PURE__ */ T(Kt, [["render", ha], ["__scopeId", "data-v-41a686d0"]]);
+const da = /* @__PURE__ */ T(Kt, [["render", ha], ["__scopeId", "data-v-6e0050df"]]);
 const pa = {
   name: "IdmCurrent",
   props: {
@@ -2753,14 +2758,9 @@ const pa = {
     beforeLayer: {
       type: String
     },
-    // right: {
-    //   type: String,
-    //   default: '10px',
-    // },
-    // bottom: {
-    //   type: String,
-    //   default: '95px',
-    // },
+    mapProjection: {
+      type: String
+    },
     showParticle: {
       type: Boolean,
       default: !1
@@ -2926,7 +2926,8 @@ function ba(t, e, a, r, i, o) {
       class: "flex-center tool-bars",
       style: j([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
     }, [
-      l("div", {
+      a.mapProjection === "mercator" ? (w(), L("div", {
+        key: 0,
         class: "flex-start",
         onClick: e[0] || (e[0] = (...s) => o.handleParticle && o.handleParticle(...s))
       }, [
@@ -2934,9 +2935,9 @@ function ba(t, e, a, r, i, o) {
         l("span", {
           class: M(a.showParticle ? "active" : "")
         }, "Current Particles", 2)
-      ]),
+      ])) : $("", !0),
       a.showParticle ? (w(), L("div", {
-        key: 0,
+        key: 1,
         class: "flex-start",
         style: { "margin-left": "16px" },
         onClick: e[1] || (e[1] = (s) => i.showJson = !i.showJson)
@@ -2945,11 +2946,11 @@ function ba(t, e, a, r, i, o) {
         l("span", {
           class: M(i.showJson ? "active" : "")
         }, "Current", 2)
-      ])) : N("", !0)
+      ])) : $("", !0)
     ], 4)
-  ])) : N("", !0);
+  ])) : $("", !0);
 }
-const va = /* @__PURE__ */ T(pa, [["render", ba], ["__scopeId", "data-v-dbab881d"]]);
+const va = /* @__PURE__ */ T(pa, [["render", ba], ["__scopeId", "data-v-4f257fc7"]]);
 const _a = {
   name: "IdmCurrentParticle",
   props: {
@@ -2959,10 +2960,6 @@ const _a = {
     viewport: {
       type: Ue
     },
-    // right: {
-    //   type: String,
-    //   default: '10px',
-    // },
     bottom: {
       type: String,
       default: "70px"
@@ -3059,7 +3056,7 @@ const _a = {
           [1, "rgb(195,194,194)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, B.vertexSchema, B.uvFragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, N.vertexSchema, N.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
       this.handleParticleSetup();
@@ -3111,7 +3108,7 @@ const _a = {
       });
     }
   }
-}, _e = (t) => (U("data-v-a182db4f"), t = t(), G(), t), wa = { key: 0 }, La = /* @__PURE__ */ _e(() => /* @__PURE__ */ l("span", null, "kts", -1)), xa = /* @__PURE__ */ _e(() => /* @__PURE__ */ l("span", null, "0", -1)), Ca = /* @__PURE__ */ _e(() => /* @__PURE__ */ l("span", null, "0.4", -1)), Sa = /* @__PURE__ */ _e(() => /* @__PURE__ */ l("span", null, "0.8", -1)), ka = /* @__PURE__ */ _e(() => /* @__PURE__ */ l("span", null, "1.6", -1)), za = /* @__PURE__ */ _e(() => /* @__PURE__ */ l("span", null, "2", -1)), Pa = /* @__PURE__ */ _e(() => /* @__PURE__ */ l("span", null, "3.2", -1)), Ta = [
+}, _e = (t) => (U("data-v-ec0ae348"), t = t(), G(), t), wa = { key: 0 }, La = /* @__PURE__ */ _e(() => /* @__PURE__ */ l("span", null, "kts", -1)), xa = /* @__PURE__ */ _e(() => /* @__PURE__ */ l("span", null, "0", -1)), Ca = /* @__PURE__ */ _e(() => /* @__PURE__ */ l("span", null, "0.4", -1)), Sa = /* @__PURE__ */ _e(() => /* @__PURE__ */ l("span", null, "0.8", -1)), ka = /* @__PURE__ */ _e(() => /* @__PURE__ */ l("span", null, "1.6", -1)), za = /* @__PURE__ */ _e(() => /* @__PURE__ */ l("span", null, "2", -1)), Pa = /* @__PURE__ */ _e(() => /* @__PURE__ */ l("span", null, "3.2", -1)), Ta = [
   La,
   xa,
   Ca,
@@ -3120,16 +3117,16 @@ const _a = {
   za,
   Pa
 ];
-function Ia(t, e, a, r, i, o) {
+function Ea(t, e, a, r, i, o) {
   var n;
   return (n = a.factor) != null && n.active ? (w(), L("div", wa, [
     l("div", {
       class: "legend-bars flex-center",
       style: j([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
     }, Ta, 4)
-  ])) : N("", !0);
+  ])) : $("", !0);
 }
-const Ea = /* @__PURE__ */ T(_a, [["render", Ia], ["__scopeId", "data-v-a182db4f"]]), Ra = {
+const Ia = /* @__PURE__ */ T(_a, [["render", Ea], ["__scopeId", "data-v-ec0ae348"]]), Ra = {
   name: "IdmSigWave",
   props: {
     map: {
@@ -3240,10 +3237,10 @@ const Ea = /* @__PURE__ */ T(_a, [["render", Ia], ["__scopeId", "data-v-a182db4f
     }
   }
 };
-function Aa(t, e, a, r, i, o) {
+function Da(t, e, a, r, i, o) {
   return w(), L("div");
 }
-const Da = /* @__PURE__ */ T(Ra, [["render", Aa]]), Ma = {
+const Aa = /* @__PURE__ */ T(Ra, [["render", Da]]), Ma = {
   name: "IdmSwell",
   props: {
     map: {
@@ -3939,11 +3936,11 @@ const Ua = {
       this.map && (this.map.getLayer(this.historyLayer) && this.map.removeLayer(this.historyLayer), this.map.getLayer(this.forecastLayer) && this.map.removeLayer(this.forecastLayer), this.map.getLayer(this.forecastModelLayer) && this.map.removeLayer(this.forecastModelLayer), this.map.getLayer(this.forecastNameLayer) && this.map.removeLayer(this.forecastNameLayer), this.map.getLayer(this.pointCircleLayer) && this.map.removeLayer(this.pointCircleLayer), this.map.getLayer(this.pointCircleLayer + "-border") && this.map.removeLayer(this.pointCircleLayer + "-border"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.historyPointCircleLayer) && this.map.removeLayer(this.historyPointCircleLayer), this.map.getLayer(this.historyPointCircleLayer + "-border") && this.map.removeLayer(this.historyPointCircleLayer + "-border"), this.map.getLayer(this.historyPointCircleLayer + "-inner") && this.map.removeLayer(this.historyPointCircleLayer + "-inner"), this.map.getLayer(this.historyPointLabelLayer) && this.map.removeLayer(this.historyPointLabelLayer), this.map.getLayer(this.interpolateLineLayer) && this.map.removeLayer(this.interpolateLineLayer), (t = this.interpolateMarkers) == null || t.forEach((e) => e == null ? void 0 : e.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource), this.map.getLayer(this.circleLayer) && this.map.removeLayer(this.circleLayer), this.map.getSource(this.circleSource) && this.map.removeSource(this.circleSource));
     },
     handleDateChange() {
-      var t, e, a, r, i, o, n, s, c, h, d, p, f, m, g, y, u, v, b, x, k, _, A, D, $, W, O, H, he, de, pe, me, ue, ye;
-      if ((t = this.interpolateMarkers) == null || t.forEach((X) => X == null ? void 0 : X.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
-        const X = ee(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), q = this.interpolateData.filter((E) => E.properties.date === X.format() && !E.properties.disabled), fe = this.handleComputePolygons(q), Y = C.featureCollection([...q]);
-        fe.forEach((E) => {
-          Y.features.push(E);
+      var t, e, a, r, i, o, n, s, c, h, d, p, f, m, g, y, u, v, b, x, k, _, D, A, B, W, O, H, he, de, pe, me, ue, ye;
+      if ((t = this.interpolateMarkers) == null || t.forEach((J) => J == null ? void 0 : J.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
+        const J = ee(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), q = this.interpolateData.filter((I) => I.properties.date === J.format() && !I.properties.disabled), fe = this.handleComputePolygons(q), Y = C.featureCollection([...q]);
+        fe.forEach((I) => {
+          Y.features.push(I);
         }), (a = this.map) != null && a.getSource(this.interpolateSource) ? (r = this.map) == null || r.getSource(this.interpolateSource).setData(Y) : ((i = this.map) == null || i.addSource(this.interpolateSource, {
           type: "geojson",
           data: Y
@@ -3958,10 +3955,10 @@ const Ua = {
             "line-width": 2
           }
         })), this.interpolateMarkers = [];
-        for (const E of q)
-          if (!E.properties.disabled) {
+        for (const I of q)
+          if (!I.properties.disabled) {
             let F = "#f44336";
-            ((s = (n = E.properties) == null ? void 0 : n.wind) == null ? void 0 : s.spd) < 17.2 ? F = "#03f869" : ((h = (c = E.properties) == null ? void 0 : c.wind) == null ? void 0 : h.spd) >= 17.2 && ((p = (d = E.properties) == null ? void 0 : d.wind) == null ? void 0 : p.spd) < 24.5 ? F = "#f2f202" : ((m = (f = E.properties) == null ? void 0 : f.wind) == null ? void 0 : m.spd) >= 24.5 && ((y = (g = E.properties) == null ? void 0 : g.wind) == null ? void 0 : y.spd) < 32.7 ? F = "#ff9100" : ((v = (u = E.properties) == null ? void 0 : u.wind) == null ? void 0 : v.spd) >= 32.7 && ((x = (b = E.properties) == null ? void 0 : b.wind) == null ? void 0 : x.spd) < 41.5 ? F = "#f44336" : ((_ = (k = E.properties) == null ? void 0 : k.wind) == null ? void 0 : _.spd) >= 41.5 && ((D = (A = E.properties) == null ? void 0 : A.wind) == null ? void 0 : D.spd) < 51 ? F = "#c604a4" : ((W = ($ = E.properties) == null ? void 0 : $.wind) == null ? void 0 : W.spd) >= 51 ? F = "#6b05bb" : F = "#f44336";
+            ((s = (n = I.properties) == null ? void 0 : n.wind) == null ? void 0 : s.spd) < 17.2 ? F = "#03f869" : ((h = (c = I.properties) == null ? void 0 : c.wind) == null ? void 0 : h.spd) >= 17.2 && ((p = (d = I.properties) == null ? void 0 : d.wind) == null ? void 0 : p.spd) < 24.5 ? F = "#f2f202" : ((m = (f = I.properties) == null ? void 0 : f.wind) == null ? void 0 : m.spd) >= 24.5 && ((y = (g = I.properties) == null ? void 0 : g.wind) == null ? void 0 : y.spd) < 32.7 ? F = "#ff9100" : ((v = (u = I.properties) == null ? void 0 : u.wind) == null ? void 0 : v.spd) >= 32.7 && ((x = (b = I.properties) == null ? void 0 : b.wind) == null ? void 0 : x.spd) < 41.5 ? F = "#f44336" : ((_ = (k = I.properties) == null ? void 0 : k.wind) == null ? void 0 : _.spd) >= 41.5 && ((A = (D = I.properties) == null ? void 0 : D.wind) == null ? void 0 : A.spd) < 51 ? F = "#c604a4" : ((W = (B = I.properties) == null ? void 0 : B.wind) == null ? void 0 : W.spd) >= 51 ? F = "#6b05bb" : F = "#f44336";
             const ge = `<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">
@@ -3977,10 +3974,10 @@ const Ua = {
                           		d="M420.66666667 959.17a16.08 16.08 0 0 1-15.91-13.49A15.89 15.89 0 0 1 415.50666667 928c1.49-0.55 38.88-14.76 72.79-65.52A354.55 354.55 0 0 1 162.66666667 509.17a450.14 450.14 0 0 1 450.5-450.5 16.07 16.07 0 0 1 15.91 13.48 15.88 15.88 0 0 1-10.75 17.66c-1.58 0.58-39.13 14.9-73.07 65.95A354.22 354.22 0 0 1 871.66666667 509.17a16 16 0 0 1-0.52 4.05A450.14 450.14 0 0 1 420.66666667 959.17zM554.80666667 94.72C351.57666667 123.2 194.66666667 298.21 194.66666667 509.17c0 177.08 144.06 321.74 321.13 322.48a16 16 0 0 1 14.07 23.49c-16.11 30.42-34.27 52.37-50.85 68C682.25666667 894.63 839.16666667 719.63 839.16666667 508.67a15.94 15.94 0 0 1 0.47-3.86C837.30666667 329.33 693.82666667 187 517.80666667 186.67A16 16 0 0 1 503.66666667 163.21c16.21-30.69 34.47-52.79 51.14-68.49z"
                           		fill="#ffffff" p-id="18386"></path>
                           </svg>`, Q = document.createElement("div");
-            Q.className = "hurricane-hourly-marker", Q.innerHTML = `<div class="${E.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${ge}</div>`;
-            const be = new se.Marker(Q).setLngLat(E.geometry.coordinates).addTo(this.map);
-            if (this.interpolateMarkers.push(be), (O = E.properties) != null && O.showCircle) {
-              const ae = { radius: 100, coordinates: E.geometry.coordinates }, ie = { radius: 200, coordinates: E.geometry.coordinates }, re = { radius: 500, coordinates: E.geometry.coordinates };
+            Q.className = "hurricane-hourly-marker", Q.innerHTML = `<div class="${I.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${ge}</div>`;
+            const be = new se.Marker(Q).setLngLat(I.geometry.coordinates).addTo(this.map);
+            if (this.interpolateMarkers.push(be), (O = I.properties) != null && O.showCircle) {
+              const ae = { radius: 100, coordinates: I.geometry.coordinates }, ie = { radius: 200, coordinates: I.geometry.coordinates }, re = { radius: 500, coordinates: I.geometry.coordinates };
               (H = this.circleSourceData) == null || H.features.push(
                 C.circle(ae.coordinates, ae.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
               ), (he = this.circleSourceData) == null || he.features.push(
@@ -4107,7 +4104,7 @@ const Ua = {
 }, Ge = (t) => (U("data-v-813afc6d"), t = t(), G(), t), Ga = {
   id: "active-tropical",
   class: "active-tropical"
-}, Ha = { class: "header-box" }, Za = { class: "main" }, Xa = { key: 0 }, Ja = { class: "sub" }, qa = {
+}, Ha = { class: "header-box" }, Za = { class: "main" }, Ja = { key: 0 }, Xa = { class: "sub" }, qa = {
   id: "meteoBox",
   class: "main-box"
 }, Ya = { class: "content" }, Qa = { class: "row" }, Ka = {
@@ -4129,10 +4126,10 @@ function hi(t, e, a, r, i, o) {
         onClick: e[0] || (e[0] = (_) => i.showTropicals = !1)
       }, ""),
       l("div", Za, [
-        (s = (n = i.activeTropicals) == null ? void 0 : n.history) != null && s.level ? (w(), L("span", Xa, S((h = (c = i.activeTropicals) == null ? void 0 : c.history) == null ? void 0 : h.level) + " , ", 1)) : N("", !0),
+        (s = (n = i.activeTropicals) == null ? void 0 : n.history) != null && s.level ? (w(), L("span", Ja, S((h = (c = i.activeTropicals) == null ? void 0 : c.history) == null ? void 0 : h.level) + " , ", 1)) : $("", !0),
         Ke(S((d = i.activeTropicals) == null ? void 0 : d.name), 1)
       ]),
-      l("div", Ja, " Last update: " + S(o.computeTime(((f = (p = i.activeTropicals) == null ? void 0 : p.history) == null ? void 0 : f.updated) || ((y = (g = (m = i.activeTropicals) == null ? void 0 : m.forecasts) == null ? void 0 : g.filter((_) => !_.disabled)[0]) == null ? void 0 : y.date))), 1)
+      l("div", Xa, " Last update: " + S(o.computeTime(((f = (p = i.activeTropicals) == null ? void 0 : p.history) == null ? void 0 : f.updated) || ((y = (g = (m = i.activeTropicals) == null ? void 0 : m.forecasts) == null ? void 0 : g.filter((_) => !_.disabled)[0]) == null ? void 0 : y.date))), 1)
     ]),
     l("div", qa, [
       l("div", Ya, [
@@ -4150,14 +4147,14 @@ function hi(t, e, a, r, i, o) {
           l("div", ri, [
             oi,
             l("div", si, [
-              (w(!0), L(Ae, null, De((k = i.activeTropicals) == null ? void 0 : k.forecasts, (_, A) => {
-                var D, $, W, O;
+              (w(!0), L(De, null, Ae((k = i.activeTropicals) == null ? void 0 : k.forecasts, (_, D) => {
+                var A, B, W, O;
                 return w(), L("div", {
-                  key: A,
+                  key: D,
                   class: M([
                     "model",
                     _.disabled ? "" : "active",
-                    A > 0 && A < (($ = (D = i.activeTropicals) == null ? void 0 : D.forecasts) == null ? void 0 : $.length) - 1 && ((O = (W = i.activeTropicals) == null ? void 0 : W.forecasts) == null ? void 0 : O.length) > 2 ? "center-child" : ""
+                    D > 0 && D < ((B = (A = i.activeTropicals) == null ? void 0 : A.forecasts) == null ? void 0 : B.length) - 1 && ((O = (W = i.activeTropicals) == null ? void 0 : W.forecasts) == null ? void 0 : O.length) > 2 ? "center-child" : ""
                   ]),
                   onClick: (H) => o.handleForecastToggle(_)
                 }, [
@@ -4271,7 +4268,7 @@ const di = {
           [1, "rgba(197,5,58,0.8)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, B.vertexSchema, B.fragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
     },
@@ -4301,7 +4298,7 @@ function Li(t, e, a, r, i, o) {
       class: "legend-bars flex-center",
       style: j([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
     }, wi, 4)
-  ])) : N("", !0);
+  ])) : $("", !0);
 }
 const xi = /* @__PURE__ */ T(di, [["render", Li], ["__scopeId", "data-v-dec867b8"]]);
 const Ci = {
@@ -4385,7 +4382,7 @@ const Ci = {
           [1, "rgba(144,144,144,0)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, B.vertexSchema, B.fragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
     },
@@ -4398,24 +4395,24 @@ const Ci = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, Le = (t) => (U("data-v-952dee5c"), t = t(), G(), t), Si = { key: 0 }, ki = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "nm", -1)), zi = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "0", -1)), Pi = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "0.5", -1)), Ti = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "1.5", -1)), Ii = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "3", -1)), Ei = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "9", -1)), Ri = [
+}, Le = (t) => (U("data-v-952dee5c"), t = t(), G(), t), Si = { key: 0 }, ki = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "nm", -1)), zi = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "0", -1)), Pi = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "0.5", -1)), Ti = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "1.5", -1)), Ei = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "3", -1)), Ii = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "9", -1)), Ri = [
   ki,
   zi,
   Pi,
   Ti,
-  Ii,
-  Ei
+  Ei,
+  Ii
 ];
-function Ai(t, e, a, r, i, o) {
+function Di(t, e, a, r, i, o) {
   var n;
   return (n = a.factor) != null && n.active ? (w(), L("div", Si, [
     l("div", {
       class: "legend-bars flex-center",
       style: j([{ position: "absolute" }, { right: t.right + "px", bottom: a.bottom }])
     }, Ri, 4)
-  ])) : N("", !0);
+  ])) : $("", !0);
 }
-const Di = /* @__PURE__ */ T(Ci, [["render", Ai], ["__scopeId", "data-v-952dee5c"]]);
+const Ai = /* @__PURE__ */ T(Ci, [["render", Di], ["__scopeId", "data-v-952dee5c"]]);
 const Mi = {
   name: "IdmWaterTemp",
   props: {
@@ -4505,7 +4502,7 @@ const Mi = {
           //
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, B.vertexSchema, B.fragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
     },
@@ -4533,7 +4530,7 @@ function Ui(t, e, a, r, i, o) {
       class: "legend-bars flex-center",
       style: j([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
     }, Vi, 4)
-  ])) : N("", !0);
+  ])) : $("", !0);
 }
 const Gi = /* @__PURE__ */ T(Mi, [["render", Ui], ["__scopeId", "data-v-67e5094b"]]);
 const Hi = {
@@ -4628,7 +4625,7 @@ const Hi = {
           [1, "rgb(138, 43, 10)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, B.vertexSchema, B.fragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
     },
@@ -4641,9 +4638,9 @@ const Hi = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ce = (t) => (U("data-v-389ea886"), t = t(), G(), t), Zi = { key: 0 }, Xi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "°C", -1)), Ji = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "-20", -1)), qi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "-10", -1)), Yi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "0", -1)), Qi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "10", -1)), Ki = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "20", -1)), er = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "30", -1)), tr = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "40", -1)), ar = [
-  Xi,
+}, ce = (t) => (U("data-v-389ea886"), t = t(), G(), t), Zi = { key: 0 }, Ji = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "°C", -1)), Xi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "-20", -1)), qi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "-10", -1)), Yi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "0", -1)), Qi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "10", -1)), Ki = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "20", -1)), er = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "30", -1)), tr = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "40", -1)), ar = [
   Ji,
+  Xi,
   qi,
   Yi,
   Qi,
@@ -4658,7 +4655,7 @@ function ir(t, e, a, r, i, o) {
       class: "legend-bars flex-center",
       style: j([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
     }, ar, 4)
-  ])) : N("", !0);
+  ])) : $("", !0);
 }
 const rr = /* @__PURE__ */ T(Hi, [["render", ir], ["__scopeId", "data-v-389ea886"]]);
 const or = {
@@ -4744,7 +4741,7 @@ const or = {
           // 2m
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, B.vertexSchema, B.fragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
     },
@@ -4772,7 +4769,7 @@ function ur(t, e, a, r, i, o) {
       class: "legend-bars flex-center",
       style: j([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
     }, mr, 4)
-  ])) : N("", !0);
+  ])) : $("", !0);
 }
 const yr = /* @__PURE__ */ T(or, [["render", ur], ["__scopeId", "data-v-db805141"]]);
 const fr = {
@@ -4854,18 +4851,18 @@ const fr = {
       }
     }
   }
-}, J = (t) => (U("data-v-fb5b12d6"), t = t(), G(), t), gr = {
+}, X = (t) => (U("data-v-fb5b12d6"), t = t(), G(), t), gr = {
   id: "point-meteo",
   class: "point-meteo"
-}, br = { class: "meteo-box" }, vr = { class: "header-box" }, _r = { class: "main" }, wr = { class: "sub" }, Lr = { class: "main-box" }, xr = { class: "flex-space" }, Cr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Wind", -1)), Sr = { class: "flex-space" }, kr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Wind.Wave", -1)), zr = { class: "flex-space" }, Pr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Swell", -1)), Tr = { class: "flex-space" }, Ir = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Sig.Wave", -1)), Er = { class: "flex-space" }, Rr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Current", -1)), Ar = { class: "flex-space" }, Dr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Precip", -1)), Mr = { class: "flex-space" }, $r = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Visibility", -1)), Br = { class: "flex-space" }, Nr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Temp", -1)), Wr = { class: "flex-space" }, Or = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Water Temp", -1)), jr = {
+}, br = { class: "meteo-box" }, vr = { class: "header-box" }, _r = { class: "main" }, wr = { class: "sub" }, Lr = { class: "main-box" }, xr = { class: "flex-space" }, Cr = /* @__PURE__ */ X(() => /* @__PURE__ */ l("label", null, "Wind", -1)), Sr = { class: "flex-space" }, kr = /* @__PURE__ */ X(() => /* @__PURE__ */ l("label", null, "Wind.Wave", -1)), zr = { class: "flex-space" }, Pr = /* @__PURE__ */ X(() => /* @__PURE__ */ l("label", null, "Swell", -1)), Tr = { class: "flex-space" }, Er = /* @__PURE__ */ X(() => /* @__PURE__ */ l("label", null, "Sig.Wave", -1)), Ir = { class: "flex-space" }, Rr = /* @__PURE__ */ X(() => /* @__PURE__ */ l("label", null, "Current", -1)), Dr = { class: "flex-space" }, Ar = /* @__PURE__ */ X(() => /* @__PURE__ */ l("label", null, "Precip", -1)), Mr = { class: "flex-space" }, $r = /* @__PURE__ */ X(() => /* @__PURE__ */ l("label", null, "Visibility", -1)), Br = { class: "flex-space" }, Nr = /* @__PURE__ */ X(() => /* @__PURE__ */ l("label", null, "Temp", -1)), Wr = { class: "flex-space" }, Or = /* @__PURE__ */ X(() => /* @__PURE__ */ l("label", null, "Water Temp", -1)), jr = {
   key: 0,
   class: "flex-space",
   style: { "justify-content": "flex-end" }
-}, Fr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("span", { class: "more" }, "More >>", -1)), Vr = [
+}, Fr = /* @__PURE__ */ X(() => /* @__PURE__ */ l("span", { class: "more" }, "More >>", -1)), Vr = [
   Fr
 ];
 function Ur(t, e, a, r, i, o) {
-  var n, s, c, h, d, p, f, m, g, y, u, v, b, x, k, _, A, D, $, W, O, H, he, de, pe, me, ue, ye, X, q, fe, Y, E, F, ge, Q, be, ae, ie, re, Se, ke, ze, Pe, Te, Ie, Ee;
+  var n, s, c, h, d, p, f, m, g, y, u, v, b, x, k, _, D, A, B, W, O, H, he, de, pe, me, ue, ye, J, q, fe, Y, I, F, ge, Q, be, ae, ie, re, Se, ke, ze, Pe, Te, Ee, Ie;
   return $e((w(), L("div", gr, [
     l("div", br, [
       l("div", vr, [
@@ -4883,22 +4880,22 @@ function Ur(t, e, a, r, i, o) {
         ]),
         l("div", Sr, [
           kr,
-          l("span", null, S(((x = (b = (v = a.meteo) == null ? void 0 : v.wave) == null ? void 0 : b.wd) == null ? void 0 : x.direction) || "-") + "/" + S(o.roundPrecision((A = (_ = (k = a.meteo) == null ? void 0 : k.wave) == null ? void 0 : _.wd) == null ? void 0 : A.height, 1)) + "[m]/" + S(o.roundPrecision((W = ($ = (D = a.meteo) == null ? void 0 : D.wave) == null ? void 0 : $.wd) == null ? void 0 : W.period, 1)) + "[s]", 1)
+          l("span", null, S(((x = (b = (v = a.meteo) == null ? void 0 : v.wave) == null ? void 0 : b.wd) == null ? void 0 : x.direction) || "-") + "/" + S(o.roundPrecision((D = (_ = (k = a.meteo) == null ? void 0 : k.wave) == null ? void 0 : _.wd) == null ? void 0 : D.height, 1)) + "[m]/" + S(o.roundPrecision((W = (B = (A = a.meteo) == null ? void 0 : A.wave) == null ? void 0 : B.wd) == null ? void 0 : W.period, 1)) + "[s]", 1)
         ]),
         l("div", zr, [
           Pr,
-          l("span", null, S(((he = (H = (O = a.meteo) == null ? void 0 : O.wave) == null ? void 0 : H.swell) == null ? void 0 : he.direction) || "-") + "/" + S(o.roundPrecision((me = (pe = (de = a.meteo) == null ? void 0 : de.wave) == null ? void 0 : pe.swell) == null ? void 0 : me.height, 1)) + "[m]/" + S(o.roundPrecision((X = (ye = (ue = a.meteo) == null ? void 0 : ue.wave) == null ? void 0 : ye.swell) == null ? void 0 : X.period, 1)) + "[s]", 1)
+          l("span", null, S(((he = (H = (O = a.meteo) == null ? void 0 : O.wave) == null ? void 0 : H.swell) == null ? void 0 : he.direction) || "-") + "/" + S(o.roundPrecision((me = (pe = (de = a.meteo) == null ? void 0 : de.wave) == null ? void 0 : pe.swell) == null ? void 0 : me.height, 1)) + "[m]/" + S(o.roundPrecision((J = (ye = (ue = a.meteo) == null ? void 0 : ue.wave) == null ? void 0 : ye.swell) == null ? void 0 : J.period, 1)) + "[s]", 1)
         ]),
         l("div", Tr, [
-          Ir,
-          l("span", null, S(((Y = (fe = (q = a.meteo) == null ? void 0 : q.wave) == null ? void 0 : fe.sig) == null ? void 0 : Y.direction) || "-") + "/" + S(o.roundPrecision((ge = (F = (E = a.meteo) == null ? void 0 : E.wave) == null ? void 0 : F.sig) == null ? void 0 : ge.height, 1)) + "[m]/" + S(o.roundPrecision((ae = (be = (Q = a.meteo) == null ? void 0 : Q.wave) == null ? void 0 : be.sig) == null ? void 0 : ae.period, 1)) + "[s]", 1)
+          Er,
+          l("span", null, S(((Y = (fe = (q = a.meteo) == null ? void 0 : q.wave) == null ? void 0 : fe.sig) == null ? void 0 : Y.direction) || "-") + "/" + S(o.roundPrecision((ge = (F = (I = a.meteo) == null ? void 0 : I.wave) == null ? void 0 : F.sig) == null ? void 0 : ge.height, 1)) + "[m]/" + S(o.roundPrecision((ae = (be = (Q = a.meteo) == null ? void 0 : Q.wave) == null ? void 0 : be.sig) == null ? void 0 : ae.period, 1)) + "[s]", 1)
         ]),
-        l("div", Er, [
+        l("div", Ir, [
           Rr,
           l("span", null, S(((re = (ie = a.meteo) == null ? void 0 : ie.current) == null ? void 0 : re.direction) || "-") + "/" + S(o.roundPrecision((ke = (Se = a.meteo) == null ? void 0 : Se.current) == null ? void 0 : ke.kts, 2)) + "[kts]", 1)
         ]),
-        l("div", Ar, [
-          Dr,
+        l("div", Dr, [
+          Ar,
           l("span", null, S(o.roundPrecision((Pe = (ze = a.meteo) == null ? void 0 : ze.precip) == null ? void 0 : Pe.inter6h, 2)) + "[mm]", 1)
         ]),
         l("div", Mr, [
@@ -4907,14 +4904,14 @@ function Ur(t, e, a, r, i, o) {
         ]),
         l("div", Br, [
           Nr,
-          l("span", null, S(o.roundPrecision((Ie = a.meteo) == null ? void 0 : Ie.temp, 0)) + "[°C]", 1)
+          l("span", null, S(o.roundPrecision((Ee = a.meteo) == null ? void 0 : Ee.temp, 0)) + "[°C]", 1)
         ]),
         l("div", Wr, [
           Or,
-          l("span", null, S(o.roundPrecision((Ee = a.meteo) == null ? void 0 : Ee.waterTemp, 2)) + "[°C]", 1)
+          l("span", null, S(o.roundPrecision((Ie = a.meteo) == null ? void 0 : Ie.waterTemp, 2)) + "[°C]", 1)
         ])
       ]),
-      t.$attrs.permission & i.helper.LEVEL.Prime ? (w(), L("div", jr, Vr)) : N("", !0)
+      t.$attrs.permission & i.helper.LEVEL.Prime ? (w(), L("div", jr, Vr)) : $("", !0)
     ])
   ], 512)), [
     [Be, i.showMeteo]
@@ -5013,7 +5010,7 @@ const Gr = /* @__PURE__ */ T(fr, [["render", Ur], ["__scopeId", "data-v-fb5b12d6
 function Zr(t, e, a, r, i, o) {
   return w(), L("div");
 }
-const Xr = /* @__PURE__ */ T(Hr, [["render", Zr]]), Jr = {
+const Jr = /* @__PURE__ */ T(Hr, [["render", Zr]]), Xr = {
   name: "IdmGmdssArea",
   props: {
     map: {
@@ -5136,7 +5133,7 @@ const Xr = /* @__PURE__ */ T(Hr, [["render", Zr]]), Jr = {
 function qr(t, e, a, r, i, o) {
   return w(), L("div");
 }
-const Yr = /* @__PURE__ */ T(Jr, [["render", qr]]), Qr = {
+const Yr = /* @__PURE__ */ T(Xr, [["render", qr]]), Qr = {
   name: "IdmEcaZone",
   props: {
     map: {
@@ -5919,10 +5916,10 @@ const Po = /* @__PURE__ */ T(ko, [["render", zo]]), To = {
     }
   }
 };
-function Io(t, e, a, r, i, o) {
+function Eo(t, e, a, r, i, o) {
   return w(), L("div");
 }
-const Eo = /* @__PURE__ */ T(To, [["render", Io]]), Ro = {
+const Io = /* @__PURE__ */ T(To, [["render", Eo]]), Ro = {
   name: "IdmTerminator",
   props: {
     map: {
@@ -5971,10 +5968,10 @@ const Eo = /* @__PURE__ */ T(To, [["render", Io]]), Ro = {
     }
   }
 };
-function Ao(t, e, a, r, i, o) {
+function Do(t, e, a, r, i, o) {
   return w(), L("div");
 }
-const Do = /* @__PURE__ */ T(Ro, [["render", Ao]]);
+const Ao = /* @__PURE__ */ T(Ro, [["render", Do]]);
 const Mo = {
   name: "IdmLatLng",
   props: {
@@ -6140,7 +6137,7 @@ function No(t, e, a, r, i, o) {
     l("span", null, S(i.lngLat.lat.pretty), 1),
     Bo,
     l("span", null, S(i.lngLat.lng.pretty), 1)
-  ], 4)) : N("", !0);
+  ], 4)) : $("", !0);
 }
 const at = /* @__PURE__ */ T(Mo, [["render", No], ["__scopeId", "data-v-51cc4052"]]), Wo = {
   name: "IdmMeasure",
@@ -6488,10 +6485,10 @@ const Fo = {
   methods: {}
 }, it = (t) => (U("data-v-ab627b83"), t = t(), G(), t), Vo = { key: 0 }, Uo = { class: "bar-item" }, Go = /* @__PURE__ */ it(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "HI", -1)), Ho = [
   Go
-], Zo = /* @__PURE__ */ it(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "I4", -1)), Xo = [
+], Zo = /* @__PURE__ */ it(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "I4", -1)), Jo = [
   Zo
 ];
-function Jo(t, e, a, r, i, o) {
+function Xo(t, e, a, r, i, o) {
   return a.enabled && a.permission & i.helper.LEVEL.Supper ? (w(), L("div", Vo, [
     l("div", {
       class: "menu-bar-box",
@@ -6505,12 +6502,12 @@ function Jo(t, e, a, r, i, o) {
         l("div", {
           class: M(i.vendor === "i4" ? "menu-icon active" : "menu-icon"),
           onClick: e[1] || (e[1] = (n) => i.vendor = "i4")
-        }, Xo, 2)
+        }, Jo, 2)
       ])
     ], 4)
-  ])) : N("", !0);
+  ])) : $("", !0);
 }
-const qo = /* @__PURE__ */ T(Fo, [["render", Jo], ["__scopeId", "data-v-ab627b83"]]);
+const qo = /* @__PURE__ */ T(Fo, [["render", Xo], ["__scopeId", "data-v-ab627b83"]]);
 const Yo = {
   name: "IdmGLV2",
   components: {
@@ -6518,19 +6515,19 @@ const Yo = {
     IdmWindBarb: Yt,
     IdmWindParticle: da,
     IdmCurrents: va,
-    IdmCurrentParticle: Ea,
-    IdmSigWave: Da,
+    IdmCurrentParticle: Ia,
+    IdmSigWave: Aa,
     IdmSwell: Ba,
     IdmPrmsl: Oa,
     // IdmIceEdge,
     IdmIceberg: Va,
     IdmTropicals: tt,
     IdmPrecip3h: xi,
-    IdmVisibility: Di,
+    IdmVisibility: Ai,
     IdmWaterTemp: Gi,
     IdmTemp: rr,
     IdmArctic: yr,
-    IdmWarZone: Xr,
+    IdmWarZone: Jr,
     IdmGmdssArea: Yr,
     IdmEcaZone: eo,
     IdmAlertZone: oo,
@@ -6538,8 +6535,8 @@ const Yo = {
     IdmLoadLine: Lo,
     IdmTimezone: So,
     IdmVRA: Po,
-    IdmSpecialArea: Eo,
-    IdmTerminator: Do,
+    IdmSpecialArea: Io,
+    IdmTerminator: Ao,
     IdmLatLng: at,
     IdmMeasure: jo,
     IdmPoint: Gr,
@@ -6575,6 +6572,7 @@ const Yo = {
       meteo: void 0,
       source: "",
       gateway: "https://cbe.idmwx.com",
+      mapProjection: "mercator",
       zoom: 6,
       viewport: void 0,
       particleFactor: void 0,
@@ -6612,10 +6610,10 @@ const Yo = {
     },
     activeWeatherLayers: {
       handler() {
-        var t, e, a, r, i, o, n, s, c, h, d, p, f, m, g;
+        var t, e, a, r, i, o, n, s, c, h, d, p, f, m, g, y, u, v;
         if (!this.map)
           return !1;
-        this.activeWeatherLayers.length > 0 ? (console.log(3333, this.activeWeatherLayers.length), (e = (t = this.map) == null ? void 0 : t.getLayer(this.enc)) == null || e.setLayoutProperty("visibility", "none"), (r = (a = this.map) == null ? void 0 : a.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || r.setLayoutProperty("visibility", "visible"), (i = this.map) != null && i.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id) && ((n = this.map) == null || n.moveLayer((o = this.viewport) == null ? void 0 : o.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (c = this.map) != null && c.getLayer((s = this.viewport) == null ? void 0 : s.particleLayer) && ((d = this.map) == null || d.moveLayer((h = this.viewport) == null ? void 0 : h.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : (console.log(444, this.activeWeatherLayers.length), (f = (p = this.map) == null ? void 0 : p.getLayer(this.enc)) == null || f.setLayoutProperty("visibility", "visible"), (g = (m = this.map) == null ? void 0 : m.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || g.setLayoutProperty("visibility", "none"));
+        this.activeWeatherLayers.length > 0 ? (console.log(3333, this.activeWeatherLayers.length), (e = (t = this.map) == null ? void 0 : t.getLayer(this.enc)) == null || e.setLayoutProperty("visibility", "none"), (r = (a = this.map) == null ? void 0 : a.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || r.setLayoutProperty("visibility", "visible"), (o = this.map) != null && o.getLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer) && ((n = this.map) != null && n.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((c = this.map) == null || c.moveLayer((s = this.viewport) == null ? void 0 : s.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (d = this.map) != null && d.getLayer((h = this.viewport) == null ? void 0 : h.particleLayer) && ((p = this.map) != null && p.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((m = this.map) == null || m.moveLayer((f = this.viewport) == null ? void 0 : f.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : (console.log(444, this.activeWeatherLayers.length), (y = (g = this.map) == null ? void 0 : g.getLayer(this.enc)) == null || y.setLayoutProperty("visibility", "visible"), (v = (u = this.map) == null ? void 0 : u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || v.setLayoutProperty("visibility", "none"));
       },
       immediate: !0
     }
@@ -6692,16 +6690,16 @@ const Yo = {
                       key: _
                     },
                     responseType: /\.(jpg|png)$/.test(b[_]) ? "blob" : "json"
-                  }).catch((A) => {
-                    console.log(`[${_}] fetch layer error: ${A}`);
+                  }).catch((D) => {
+                    console.log(`[${_}] fetch layer error: ${D}`);
                   })
                 );
               const k = await Promise.all(x);
               this.weatherLayers = {}, k.map((_) => {
-                var $, W, O, H;
-                const A = (($ = _ == null ? void 0 : _.data) == null ? void 0 : $.data) || (_ == null ? void 0 : _.data), D = (O = (W = _ == null ? void 0 : _.config) == null ? void 0 : W.headers) == null ? void 0 : O.key;
-                D && A && (this.weatherLayers[D] = {
-                  raw: A,
+                var B, W, O, H;
+                const D = ((B = _ == null ? void 0 : _.data) == null ? void 0 : B.data) || (_ == null ? void 0 : _.data), A = (O = (W = _ == null ? void 0 : _.config) == null ? void 0 : W.headers) == null ? void 0 : O.key;
+                A && D && (this.weatherLayers[A] = {
+                  raw: D,
                   type: ((H = _ == null ? void 0 : _.config) == null ? void 0 : H.responseType) === "blob" ? "image" : "json",
                   etime: this.ts
                 });
@@ -6711,10 +6709,10 @@ const Yo = {
                   key: "tropicals"
                 }
               }).then((_) => {
-                var $, W, O;
-                const A = et.convert2Geojson((($ = _ == null ? void 0 : _.data) == null ? void 0 : $.data) || (_ == null ? void 0 : _.data)), D = (O = (W = _ == null ? void 0 : _.config) == null ? void 0 : W.headers) == null ? void 0 : O.key;
-                this.weatherLayers[D] = {
-                  data: A,
+                var B, W, O;
+                const D = et.convert2Geojson(((B = _ == null ? void 0 : _.data) == null ? void 0 : B.data) || (_ == null ? void 0 : _.data)), A = (O = (W = _ == null ? void 0 : _.config) == null ? void 0 : W.headers) == null ? void 0 : O.key;
+                this.weatherLayers[A] = {
+                  data: D,
                   active: !0,
                   cached: !1,
                   type: "json",
@@ -7105,7 +7103,8 @@ const Yo = {
       });
     },
     handle3dToggle(t) {
-      t ? this.map.setProjection("globe") : this.map.setProjection("mercator");
+      var e, a, r, i, o, n, s, c, h, d, p, f, m, g, y, u, v, b, x, k;
+      t ? (this.map.setProjection("globe"), this.mapProjection = "globe", (a = this.map) != null && a.getLayer((e = this.viewport) == null ? void 0 : e.rampColorLayer) && ((r = this.map) != null && r.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((o = this.map) == null || o.moveLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer, this.helper.mapboxCustomer.layers.water.id)), (s = this.map) != null && s.getLayer((n = this.viewport) == null ? void 0 : n.particleLayer) && ((c = this.map) != null && c.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((d = this.map) == null || d.moveLayer((h = this.viewport) == null ? void 0 : h.particleLayer, this.helper.mapboxCustomer.layers.water.id)), this.map.off("zoomend", this.handleDragEndWithZoom4Json), this.map.off("dragend", this.handleDragEndWithZoom4Json), this.map.off("move", this.handleDragEndWithZoom4Image)) : (this.map.setProjection("mercator"), this.mapProjection = "mercator", this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.handleDragEndWithZoom4Image(), this.handleDragEndWithZoom4Json(), (f = this.map) != null && f.getLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer) && ((m = this.map) != null && m.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((y = this.map) == null || y.moveLayer((g = this.viewport) == null ? void 0 : g.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (v = this.map) != null && v.getLayer((u = this.viewport) == null ? void 0 : u.particleLayer) && ((b = this.map) != null && b.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((k = this.map) == null || k.moveLayer((x = this.viewport) == null ? void 0 : x.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
     },
     handleParticle(t) {
       this.particleFactor = t, this.fetchWeatherLayers({ tropicals: !1 });
@@ -7116,13 +7115,14 @@ const Yo = {
   className: "map-gl-home"
 };
 function Ko(t, e, a, r, i, o) {
-  var q, fe, Y, E, F, ge, Q, be, ae, ie, re, Se, ke, ze, Pe, Te, Ie, Ee, We, He, Ze, Xe, Je, qe, Ye, Qe;
-  const n = z("IdmGlLayer"), s = z("IdmENC"), c = z("IdmSigWave"), h = z("IdmSwell"), d = z("IdmPrmsl"), p = z("IdmIceberg"), f = z("IdmTropicals"), m = z("IdmCurrents"), g = z("IdmCurrentParticle"), y = z("IdmWindBarb"), u = z("IdmWindParticle"), v = z("IdmPrecip3h"), b = z("IdmVisibility"), x = z("IdmWaterTemp"), k = z("IdmTemp"), _ = z("IdmArctic"), A = z("IdmWarZone"), D = z("IdmGmdssArea"), $ = z("IdmEcaZone"), W = z("IdmAlertZone"), O = z("IdmPort"), H = z("IdmLoadLine"), he = z("IdmTimezone"), de = z("IdmVRA"), pe = z("IdmSpecialArea"), me = z("IdmTerminator"), ue = z("IdmLatLng"), ye = z("IdmMeasure"), X = z("IdmPoint");
+  var q, fe, Y, I, F, ge, Q, be, ae, ie, re, Se, ke, ze, Pe, Te, Ee, Ie, We, He, Ze, Je, Xe, qe, Ye, Qe;
+  const n = z("IdmGlLayer"), s = z("IdmENC"), c = z("IdmSigWave"), h = z("IdmSwell"), d = z("IdmPrmsl"), p = z("IdmIceberg"), f = z("IdmTropicals"), m = z("IdmCurrents"), g = z("IdmCurrentParticle"), y = z("IdmWindBarb"), u = z("IdmWindParticle"), v = z("IdmPrecip3h"), b = z("IdmVisibility"), x = z("IdmWaterTemp"), k = z("IdmTemp"), _ = z("IdmArctic"), D = z("IdmWarZone"), A = z("IdmGmdssArea"), B = z("IdmEcaZone"), W = z("IdmAlertZone"), O = z("IdmPort"), H = z("IdmLoadLine"), he = z("IdmTimezone"), de = z("IdmVRA"), pe = z("IdmSpecialArea"), me = z("IdmTerminator"), ue = z("IdmLatLng"), ye = z("IdmMeasure"), J = z("IdmPoint");
   return a.map ? (w(), L("div", Qo, [
-    P(n, I({
+    P(n, E({
       ref: "layer",
       map: a.map,
-      "toggle-version": i.toggleVersion
+      "toggle-version": i.toggleVersion,
+      "map-projection": i.mapProjection
     }, t.$attrs, {
       onWeather: o.handleWeatherLayerChange,
       onOther: o.handleOtherLayerChange,
@@ -7131,8 +7131,8 @@ function Ko(t, e, a, r, i, o) {
       onPoint: e[2] || (e[2] = (K) => i.showPoint = K),
       on3d: o.handle3dToggle,
       onToggleVersion: e[3] || (e[3] = (K) => i.toggleVersion = K)
-    }), null, 16, ["map", "toggle-version", "onWeather", "onOther", "on3d"]),
-    P(s, I({
+    }), null, 16, ["map", "toggle-version", "map-projection", "onWeather", "onOther", "on3d"]),
+    P(s, E({
       map: a.map,
       token: a.token,
       enabled: (q = i.otherLayers) == null ? void 0 : q.enc,
@@ -7140,51 +7140,53 @@ function Ko(t, e, a, r, i, o) {
     }, t.$attrs, {
       onEnc: e[4] || (e[4] = (K) => i.enc = K)
     }), null, 16, ["map", "token", "enabled", "toggle-version"]),
-    P(c, I({
+    P(c, E({
       map: a.map,
       "sig-wave": (fe = i.weatherLayers) == null ? void 0 : fe["sig-wave-height"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "sig-wave", "before-layer"]),
-    P(h, I({
+    P(h, E({
       map: a.map,
       swell: (Y = i.weatherLayers) == null ? void 0 : Y.swell,
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "swell", "before-layer"]),
-    P(d, I({
+    P(d, E({
       map: a.map,
-      prmsl: (E = i.weatherLayers) == null ? void 0 : E.prmsl,
+      prmsl: (I = i.weatherLayers) == null ? void 0 : I.prmsl,
       "before-layer": a.beforeLayer,
       "active-weather-layers": i.activeWeatherLayers
     }, t.$attrs), null, 16, ["map", "prmsl", "before-layer", "active-weather-layers"]),
-    P(p, I({
+    P(p, E({
       map: a.map,
       iceberg: (F = i.weatherLayers) == null ? void 0 : F.iceberg,
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "iceberg", "before-layer"]),
-    P(f, I({
+    P(f, E({
       map: a.map,
       date: a.ts,
       tropicals: (ge = i.weatherLayers) == null ? void 0 : ge.tropicals,
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
-    P(m, I({
+    P(m, E({
       map: a.map,
+      "map-projection": i.mapProjection,
       current: (Q = i.weatherLayers) == null ? void 0 : Q.current,
       "before-layer": a.beforeLayer,
       "show-particle": i.showCurrentParticle,
       "margin-bottom": i.activeWindLayer ? i.showRampColor ? "84px" : "56px" : i.showRampColor ? "56px" : "30px",
       "toggle-version": i.toggleVersion,
       "weather-layers": i.weatherLayers
-    }, t.$attrs, { onParticle: o.handleParticle }), null, 16, ["map", "current", "before-layer", "show-particle", "margin-bottom", "toggle-version", "weather-layers", "onParticle"]),
-    P(g, I({
+    }, t.$attrs, { onParticle: o.handleParticle }), null, 16, ["map", "map-projection", "current", "before-layer", "show-particle", "margin-bottom", "toggle-version", "weather-layers", "onParticle"]),
+    P(g, E({
       viewport: i.viewport,
       factor: (be = i.weatherLayers) == null ? void 0 : be["current-particle"],
       "before-layer": a.beforeLayer,
       "toggle-version": i.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(y, I({
+    P(y, E({
       ref: "windBarb",
       map: a.map,
+      "map-projection": i.mapProjection,
       wind: (ae = i.weatherLayers) == null ? void 0 : ae.wind,
       current: (ie = i.weatherLayers) == null ? void 0 : ie.current,
       "before-layer": a.beforeLayer,
@@ -7194,107 +7196,107 @@ function Ko(t, e, a, r, i, o) {
       "toggle-version": i.toggleVersion,
       "weather-layers": i.weatherLayers,
       onParticle: o.handleParticle
-    }), null, 16, ["map", "wind", "current", "before-layer", "margin-bottom", "show-particle", "toggle-version", "weather-layers", "onParticle"]),
-    P(u, I({
+    }), null, 16, ["map", "map-projection", "wind", "current", "before-layer", "margin-bottom", "show-particle", "toggle-version", "weather-layers", "onParticle"]),
+    P(u, E({
       viewport: i.viewport,
       factor: (re = i.weatherLayers) == null ? void 0 : re["wind-particle"],
       "before-layer": a.beforeLayer,
       "toggle-version": i.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(v, I({
+    P(v, E({
       viewport: i.viewport,
       factor: (Se = i.weatherLayers) == null ? void 0 : Se.precip3h,
       "before-layer": a.beforeLayer,
       "toggle-version": i.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(b, I({
+    P(b, E({
       viewport: i.viewport,
       factor: (ke = i.weatherLayers) == null ? void 0 : ke.visibility,
       "before-layer": a.beforeLayer,
       "toggle-version": i.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(x, I({
+    P(x, E({
       viewport: i.viewport,
       factor: (ze = i.weatherLayers) == null ? void 0 : ze["water-temp"],
       "before-layer": a.beforeLayer,
       "toggle-version": i.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(k, I({
+    P(k, E({
       viewport: i.viewport,
       factor: (Pe = i.weatherLayers) == null ? void 0 : Pe.temp,
       "before-layer": a.beforeLayer,
       "toggle-version": i.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(_, I({
+    P(_, E({
       viewport: i.viewport,
       factor: (Te = i.weatherLayers) == null ? void 0 : Te.arctic,
       "before-layer": a.beforeLayer,
       "toggle-version": i.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(A, I({
+    P(D, E({
       map: a.map,
-      zone: (Ie = i.otherLayers) == null ? void 0 : Ie["war-zones"],
+      zone: (Ee = i.otherLayers) == null ? void 0 : Ee["war-zones"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(D, I({
+    P(A, E({
       map: a.map,
-      area: (Ee = i.otherLayers) == null ? void 0 : Ee["gmdss-areas"],
+      area: (Ie = i.otherLayers) == null ? void 0 : Ie["gmdss-areas"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "area", "before-layer"]),
-    P($, I({
+    P(B, E({
       map: a.map,
       zone: (We = i.otherLayers) == null ? void 0 : We["eca-zones"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(W, I({
+    P(W, E({
       map: a.map,
       zone: (He = i.otherLayers) == null ? void 0 : He["alert-zones"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(O, I({
+    P(O, E({
       map: a.map,
       port: (Ze = i.otherLayers) == null ? void 0 : Ze.ports,
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "port", "before-layer"]),
-    P(H, I({
+    P(H, E({
       map: a.map,
-      line: (Xe = i.otherLayers) == null ? void 0 : Xe["load-lines"],
+      line: (Je = i.otherLayers) == null ? void 0 : Je["load-lines"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "line", "before-layer"]),
-    P(he, I({
+    P(he, E({
       map: a.map,
-      zone: (Je = i.otherLayers) == null ? void 0 : Je["time-zones"],
+      zone: (Xe = i.otherLayers) == null ? void 0 : Xe["time-zones"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(de, I({
+    P(de, E({
       map: a.map,
       area: (qe = i.otherLayers) == null ? void 0 : qe["voluntary-reporting-area"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "area", "before-layer"]),
-    P(pe, I({
+    P(pe, E({
       map: a.map,
       area: (Ye = i.otherLayers) == null ? void 0 : Ye["special-area"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "area", "before-layer"]),
-    P(me, I({
+    P(me, E({
       map: a.map,
       area: (Qe = i.otherLayers) == null ? void 0 : Qe["day-night"]
     }, t.$attrs), null, 16, ["map", "area"]),
-    P(ue, I({
+    P(ue, E({
       map: a.map,
       show: i.showCoord,
       "toggle-version": i.toggleVersion
     }, t.$attrs), null, 16, ["map", "show", "toggle-version"]),
-    P(ye, I({
+    P(ye, E({
       map: a.map,
       show: i.showMeasure
     }, t.$attrs), null, 16, ["map", "show"]),
-    P(X, I({
+    P(J, E({
       map: a.map,
       show: i.showPoint,
       meteo: i.meteo
     }, t.$attrs, { onPoint: o.handlePointChange }), null, 16, ["map", "show", "meteo", "onPoint"])
-  ])) : N("", !0);
+  ])) : $("", !0);
 }
 const es = /* @__PURE__ */ T(Yo, [["render", Ko]]), cs = {
   install(t) {
@@ -7310,5 +7312,5 @@ export {
   tt as TropicalGL,
   Ue as Viewport,
   ve as WebGL,
-  B as WebGLSchema
+  N as WebGLSchema
 };