@idmwx/idmui-gl3 4.3.8 → 4.4.0

package/dist/index.js

@@ -1,14 +1,14 @@
-var Fe = Object.defineProperty;
-var $e = (a, e, t) => e in a ? Fe(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var I = (a, e, t) => ($e(a, typeof e != "symbol" ? e + "" : e, t), t);
+var $e = Object.defineProperty;
+var Fe = (a, e, t) => e in a ? $e(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var I = (a, e, t) => (Fe(a, typeof e != "symbol" ? e + "" : e, t), t);
 import { LayerHelper as Pe, CompanyHelper as Ce, convertToStandardLng as we } from "@idmwx/idmwx-base";
-import { resolveComponent as z, openBlock as x, createElementBlock as _, createElementVNode as l, normalizeStyle as $, normalizeClass as M, Fragment as xe, renderList as _e, toDisplayString as S, createVNode as P, withCtx as Ue, createTextVNode as Ne, createCommentVNode as B, withDirectives as Se, createStaticVNode as Ve, vShow as ke, mergeProps as R } from "vue";
+import { resolveComponent as z, openBlock as x, createElementBlock as _, createElementVNode as l, normalizeStyle as F, normalizeClass as M, Fragment as xe, renderList as _e, toDisplayString as S, createVNode as P, withCtx as Ve, createTextVNode as Oe, createCommentVNode as B, withDirectives as Se, createStaticVNode as Ue, vShow as ke, mergeProps as E } from "vue";
 import * as C from "@turf/turf";
 import Ze from "@mapbox/sphericalmercator";
 import Z from "moment";
-import K from "mapbox-gl";
-import { TropicalHelper as We, LngLatHelper as F, LaneHelper as Q } from "@idm-plugin/geo";
-import re from "axios";
+import Q from "mapbox-gl";
+import { TropicalHelper as Ne, LngLatHelper as $, LaneHelper as Y } from "@idm-plugin/geo";
+import ie from "axios";
 const T = (a, e) => {
   const t = a.__vccOpts || a;
   for (const [r, i] of e)
@@ -39,7 +39,7 @@ const T = (a, e) => {
       default: void 0
     }
   },
-  emits: ["weather", "other", "coordinate", "measure", "point", "3d", "toggleVersion", "menu", "showLayers"],
+  emits: ["weather", "other", "coordinate", "measure", "point", "3d", "handleToggleVersion", "menu", "showLayers"],
   data() {
     return {
       showLayers: !1,
@@ -80,16 +80,22 @@ const T = (a, e) => {
     showLayers: {
       handler() {
         this.$nextTick(() => {
-          var a, e;
-          this.$emit("menu", this.showLayers ? !1 : this.toggleMenu), this.$emit("toggleVersion", Math.random()), this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+          this.$emit("menu", this.showLayers ? !1 : this.toggleMenu), this.$emit("handleToggleVersion");
         });
       }
     },
     toggleMenu: {
       handler() {
         this.$nextTick(() => {
-          var a, e;
-          this.showLayers = this.toggleMenu ? !1 : this.showLayers, this.$emit("toggleVersion", Math.random()), this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+          this.showLayers = this.toggleMenu ? !1 : this.showLayers, this.$emit("handleToggleVersion");
+        });
+      }
+    },
+    toggleVersion: {
+      handler() {
+        this.$nextTick(() => {
+          var a;
+          this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10;
         });
       }
     }
@@ -138,7 +144,7 @@ const T = (a, e) => {
       this.showCoord = !this.showCoord, this.$emit("coordinate", this.showCoord);
     },
     handlePointToggle() {
-      this.isLogin ? (this.showPoint = !this.showPoint, this.$emit("point", this.showPoint)) : this.$emit("toggleVersion", Math.random());
+      this.isLogin ? (this.showPoint = !this.showPoint, this.$emit("point", this.showPoint)) : this.$emit("handleToggleVersion");
     },
     handleMeasureToggle() {
       this.showMeasure = !this.showMeasure, this.$emit("measure", this.showMeasure);
@@ -159,7 +165,7 @@ function nt(a, e, t, r, i, o) {
   return x(), _("div", Ge, [
     l("div", {
       class: "menu-bar-box",
-      style: $({ top: t.top + 10 + "px", right: i.right + "px" })
+      style: F({ top: t.top + 10 + "px", right: i.right + "px" })
     }, [
       l("div", Je, [
         l("div", {
@@ -172,7 +178,7 @@ function nt(a, e, t, r, i, o) {
     ], 4),
     l("div", {
       class: "menu-bar-box",
-      style: $({ top: t.top + 160 + "px", right: i.right + "px" })
+      style: F({ top: t.top + 160 + "px", right: i.right + "px" })
     }, [
       l("div", Xe, [
         l("div", {
@@ -203,7 +209,7 @@ function nt(a, e, t, r, i, o) {
     ], 4),
     l("div", {
       class: "active-layers",
-      style: $({ right: i.right + "px", bottom: "100px" })
+      style: F({ right: i.right + "px", bottom: "100px" })
     }, [
       (x(!0), _(xe, null, _e(i.weatherLayers, (s) => (x(), _("div", {
         key: s.key,
@@ -216,24 +222,24 @@ function nt(a, e, t, r, i, o) {
     ], 4),
     l("div", {
       class: "available-layers flex-center",
-      style: $({ top: t.top + "px", right: i.showLayers ? "0px" : "-240px" })
+      style: F({ top: t.top + "px", right: i.showLayers ? "0px" : "-240px" })
     }, [
       l("div", {
         class: "side-bar",
-        style: $({ right: i.showLayers ? "0px" : "-240px" }),
+        style: F({ right: i.showLayers ? "0px" : "-240px" }),
         onClick: e[5] || (e[5] = (...s) => o.handleMenuToggle && o.handleMenuToggle(...s))
       }, e[14] || (e[14] = [
         l("i", { class: "iconfont" }, "", -1)
       ]), 4),
       l("div", {
-        class: M(["list-box", i.showLayers ? "available-layers-show" : ""])
+        class: M(["list-box", i.showLayers ? "right-bar" : ""])
       }, [
         P(n, { style: { flex: "1" } }, {
-          default: Ue(() => [
+          default: Ve(() => [
             l("div", Ye, [
               l("div", Qe, [
                 l("div", null, [
-                  e[15] || (e[15] = Ne(" Weather Layers ")),
+                  e[15] || (e[15] = Oe(" Weather Layers ")),
                   l("span", Ke, "(" + S(i.weatherLayers.length) + "/12)", 1)
                 ])
               ]),
@@ -349,8 +355,8 @@ const ct = {
     },
     toggleVersion: {
       handler() {
-        var a, e;
-        this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+        var a;
+        this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10;
       },
       immediate: !0
     },
@@ -463,7 +469,7 @@ function yt(a, e, t, r, i, o) {
   return (n = t.wind) != null && n.active ? (x(), _("div", ht, [
     l("div", {
       class: "flex-center tool-bars",
-      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
+      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
     }, [
       t.mapProjection === "mercator" ? (x(), _("div", {
         key: 0,
@@ -489,7 +495,7 @@ function yt(a, e, t, r, i, o) {
     ], 4)
   ])) : B("", !0);
 }
-const ft = /* @__PURE__ */ T(ct, [["render", yt], ["__scopeId", "data-v-b6fb74d9"]]);
+const ft = /* @__PURE__ */ T(ct, [["render", yt], ["__scopeId", "data-v-8af725eb"]]);
 class Te {
   constructor(e) {
     I(this, "map");
@@ -714,8 +720,8 @@ class ye {
         }
         const u = e.getBoundPixel(), y = e.map.getZoom() + 1, f = e.getWorldCopy(u, y);
         for (const m of f) {
-          const v = (m[0] - u[0]) * e.ratio, b = (m[1] - u[3]) * e.ratio, w = m[2] * e.ratio, [k, L, D, A] = [v, w + v, b, w + b], N = new Float32Array([k, D, L, D, k, A, k, A, L, D, L, A]);
-          t.bindBuffer(t.ARRAY_BUFFER, n), t.bufferData(t.ARRAY_BUFFER, N, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
+          const v = (m[0] - u[0]) * e.ratio, b = (m[1] - u[3]) * e.ratio, w = m[2] * e.ratio, [k, L, D, A] = [v, w + v, b, w + b], O = new Float32Array([k, D, L, D, k, A, k, A, L, D, L, A]);
+          t.bindBuffer(t.ARRAY_BUFFER, n), t.bufferData(t.ARRAY_BUFFER, O, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
         }
       } catch (d) {
         console.log(`render failed...${d}`);
@@ -763,10 +769,10 @@ class ye {
     });
   }
 }
-class W {
+class N {
 }
 // 顶点渲染
-I(W, "vertexSchema", `
+I(N, "vertexSchema", `
     //canvas 坐标系上的坐标 (x, y)
     attribute vec2 a_position; //像素坐标
     attribute vec2 a_texCoord; //纹理坐标
@@ -781,7 +787,7 @@ I(W, "vertexSchema", `
       gl_Position = vec4(position * vec2(1, -1), 0.0, 1.0);
       v_texCoord = a_texCoord;
     }`), // 类如风、流等u v双变量片元渲染
-I(W, "uvFragmentSchema", `
+I(N, "uvFragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image;
     uniform vec2 u_range_u_v;
@@ -800,7 +806,7 @@ I(W, "uvFragmentSchema", `
 
       gl_FragColor = color;
     }`), // 类如浪、气压等单变量片元渲染
-I(W, "fragmentSchema", `
+I(N, "fragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image; // 灰度
     uniform sampler2D u_color; // 色值映射
@@ -811,9 +817,9 @@ I(W, "fragmentSchema", `
       vec4 color = texture2D(u_color, vec2(rgba.r, 0));
       gl_FragColor = color;
     }`);
-class V {
+class U {
 }
-I(V, "vertexSchema", `
+I(U, "vertexSchema", `
     precision mediump float;
 
     attribute float a_index; // 索引
@@ -837,7 +843,7 @@ I(V, "vertexSchema", `
       gl_PointSize = 1.0;
       // gl_PointSize = u_point;
       gl_Position = vec4(2.0 * v_particle_pos.x - 1.0, 1.0 - 2.0 * v_particle_pos.y, 0, 1);
-    }`), I(V, "fragmentSchema", `
+    }`), I(U, "fragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_factor;
@@ -859,7 +865,7 @@ I(V, "vertexSchema", `
 
       float f = 1.0 - uv.b;
       gl_FragColor = texture2D(u_color_ramp, ramp_pos) * f;
-    }`), I(V, "quadVertSchema", `
+    }`), I(U, "quadVertSchema", `
     precision mediump float;
 
     attribute vec2 a_pos;
@@ -869,7 +875,7 @@ I(V, "vertexSchema", `
     void main() {
       v_tex_pos = a_pos;
       gl_Position = vec4(1.0 - 2.0 * a_pos, 0, 1);
-    }`), I(V, "screenFragmentSchema", `
+    }`), I(U, "screenFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_screen;
@@ -881,7 +887,7 @@ I(V, "vertexSchema", `
       vec4 color = texture2D(u_screen, 1.0 - v_tex_pos);
       // a hack to guarantee opacity fade out even with a value close to 1.0
       gl_FragColor = vec4(floor(255.0 * color * u_opacity) / 255.0);
-    }`), I(V, "updateFragmentSchema", `
+    }`), I(U, "updateFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_particles;
@@ -2623,8 +2629,8 @@ const bt = {
     },
     toggleVersion: {
       handler() {
-        var a, e;
-        this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+        var a;
+        this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
@@ -2678,7 +2684,7 @@ const bt = {
           [1, "rgb(91, 136, 161)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, W.vertexSchema, W.uvFragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
       this.handleParticleSetup();
@@ -2692,11 +2698,11 @@ const bt = {
         ];
         this.wrapper = this.webgl.bindParticle(
           this.particleContext,
-          V.vertexSchema,
-          V.fragmentSchema,
-          V.quadVertSchema,
-          V.screenFragmentSchema,
-          V.updateFragmentSchema
+          U.vertexSchema,
+          U.fragmentSchema,
+          U.quadVertSchema,
+          U.screenFragmentSchema,
+          U.updateFragmentSchema
         ), this.wrapper.color = this.webgl.setup(this.particleContext, a, !0, 16, 16), this.wrapper = { ...this.wrapper, ...this.webgl.setupParticle(this.particleContext, 9e3), ...this.webgl.resize(this.viewport, this.particleContext) }, this.viewport.map.on("resize", this.handleResize), this.viewport.map.on("movestart", this.handlePause), this.viewport.map.on("moveend", this.handlePlay);
       }
     },
@@ -2732,7 +2738,7 @@ function Lt(a, e, t, r, i, o) {
   return (n = t.factor) != null && n.active ? (x(), _("div", vt, [
     l("div", {
       class: "legend-bars flex-center",
-      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       l("span", null, "kts", -1),
       l("span", null, "0", -1),
@@ -2745,7 +2751,7 @@ function Lt(a, e, t, r, i, o) {
     ]), 4)
   ])) : B("", !0);
 }
-const wt = /* @__PURE__ */ T(bt, [["render", Lt], ["__scopeId", "data-v-41a686d0"]]);
+const wt = /* @__PURE__ */ T(bt, [["render", Lt], ["__scopeId", "data-v-a3cc30c6"]]);
 const xt = {
   name: "IdmCurrent",
   props: {
@@ -2811,8 +2817,8 @@ const xt = {
     },
     toggleVersion: {
       handler() {
-        var a, e;
-        this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+        var a;
+        this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10;
       },
       immediate: !0
     },
@@ -2924,7 +2930,7 @@ function Pt(a, e, t, r, i, o) {
   return (n = t.current) != null && n.active ? (x(), _("div", _t, [
     l("div", {
       class: "flex-center tool-bars",
-      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
+      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
     }, [
       t.mapProjection === "mercator" ? (x(), _("div", {
         key: 0,
@@ -2950,8 +2956,8 @@ function Pt(a, e, t, r, i, o) {
     ], 4)
   ])) : B("", !0);
 }
-const Tt = /* @__PURE__ */ T(xt, [["render", Pt], ["__scopeId", "data-v-ae630f43"]]);
-const Et = {
+const Tt = /* @__PURE__ */ T(xt, [["render", Pt], ["__scopeId", "data-v-83a51e73"]]);
+const Rt = {
   name: "IdmCurrentParticle",
   props: {
     factor: {
@@ -3010,8 +3016,8 @@ const Et = {
     },
     toggleVersion: {
       handler() {
-        var a, e;
-        this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+        var a;
+        this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
@@ -3056,7 +3062,7 @@ const Et = {
           [1, "rgb(195,194,194)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, W.vertexSchema, W.uvFragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
       this.handleParticleSetup();
@@ -3070,11 +3076,11 @@ const Et = {
         ];
         this.wrapper = this.webgl.bindParticle(
           this.particleContext,
-          V.vertexSchema,
-          V.fragmentSchema,
-          V.quadVertSchema,
-          V.screenFragmentSchema,
-          V.updateFragmentSchema
+          U.vertexSchema,
+          U.fragmentSchema,
+          U.quadVertSchema,
+          U.screenFragmentSchema,
+          U.updateFragmentSchema
         ), this.wrapper.color = this.webgl.setup(this.particleContext, a, !0, 16, 16), this.wrapper = {
           ...this.wrapper,
           ...this.webgl.setupParticle(this.particleContext, 12e3),
@@ -3108,13 +3114,13 @@ const Et = {
       });
     }
   }
-}, Rt = { key: 0 };
+}, Et = { key: 0 };
 function It(a, e, t, r, i, o) {
   var n;
-  return (n = t.factor) != null && n.active ? (x(), _("div", Rt, [
+  return (n = t.factor) != null && n.active ? (x(), _("div", Et, [
     l("div", {
       class: "legend-bars flex-center",
-      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       l("span", null, "kts", -1),
       l("span", null, "0", -1),
@@ -3126,7 +3132,7 @@ function It(a, e, t, r, i, o) {
     ]), 4)
   ])) : B("", !0);
 }
-const Dt = /* @__PURE__ */ T(Et, [["render", It], ["__scopeId", "data-v-9115889b"]]), At = {
+const Dt = /* @__PURE__ */ T(Rt, [["render", It], ["__scopeId", "data-v-13f659b1"]]), At = {
   name: "IdmSigWave",
   props: {
     map: {
@@ -3240,7 +3246,7 @@ const Dt = /* @__PURE__ */ T(Et, [["render", It], ["__scopeId", "data-v-9115889b
 function Mt(a, e, t, r, i, o) {
   return x(), _("div");
 }
-const Bt = /* @__PURE__ */ T(At, [["render", Mt]]), Nt = {
+const Bt = /* @__PURE__ */ T(At, [["render", Mt]]), Ot = {
   name: "IdmSwell",
   props: {
     map: {
@@ -3378,10 +3384,10 @@ const Bt = /* @__PURE__ */ T(At, [["render", Mt]]), Nt = {
     }
   }
 };
-function Wt(a, e, t, r, i, o) {
+function Nt(a, e, t, r, i, o) {
   return x(), _("div");
 }
-const Ot = /* @__PURE__ */ T(Nt, [["render", Wt]]), jt = {
+const jt = /* @__PURE__ */ T(Ot, [["render", Nt]]), Wt = {
   name: "IdmPrmsl",
   props: {
     map: {
@@ -3506,10 +3512,10 @@ const Ot = /* @__PURE__ */ T(Nt, [["render", Wt]]), jt = {
     }
   }
 };
-function Ft(a, e, t, r, i, o) {
+function $t(a, e, t, r, i, o) {
   return x(), _("div");
 }
-const $t = /* @__PURE__ */ T(jt, [["render", Ft]]), Ut = {
+const Ft = /* @__PURE__ */ T(Wt, [["render", $t]]), Vt = {
   name: "IdmIceberg",
   props: {
     map: {
@@ -3566,10 +3572,10 @@ const $t = /* @__PURE__ */ T(jt, [["render", Ft]]), Ut = {
     }
   }
 };
-function Vt(a, e, t, r, i, o) {
+function Ut(a, e, t, r, i, o) {
   return x(), _("div");
 }
-const Zt = /* @__PURE__ */ T(Ut, [["render", Vt]]);
+const Zt = /* @__PURE__ */ T(Vt, [["render", Ut]]);
 const Ht = {
   name: "IdmTropicals",
   props: {
@@ -3940,7 +3946,7 @@ const Ht = {
           }), y = (/* @__PURE__ */ new Date()).valueOf() - (g + u), console.log("[tropical] add elapsed: ", y, ", total: ", u += y));
         }
         this.handleDrawCircle();
-        const d = We.interpolate(this.tropicals, 1);
+        const d = Ne.interpolate(this.tropicals, 1);
         this.interpolateData = JSON.parse(JSON.stringify(d));
         const p = this.interpolateData.filter((g) => g.properties.name === "kristy" && g.properties.model === "ecmwf");
         console.log(p), this.handleDateChange();
@@ -3951,11 +3957,11 @@ const Ht = {
       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), (a = this.interpolateMarkers) == null || a.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 a, e, t, r, i, o, n, s, c, h, d, p, g, u, y, f, m, v, b, w, k, L, D, A, N, O, j, H, oe, se, ne, le, ce, he, de, ee;
+      var a, e, t, r, i, o, n, s, c, h, d, p, g, u, y, f, m, v, b, w, k, L, D, A, O, j, W, H, re, oe, se, ne, le, ce, he, K;
       if ((a = this.interpolateMarkers) == null || a.forEach((G) => G == null ? void 0 : G.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
-        const G = Z(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), J = this.interpolateData.filter((E) => E.properties.date === G.format() && !E.properties.disabled), pe = this.handleComputePolygons(J), X = C.featureCollection([...J]);
-        pe.forEach((E) => {
-          X.features.push(E);
+        const G = Z(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), J = this.interpolateData.filter((R) => R.properties.date === G.format() && !R.properties.disabled), de = this.handleComputePolygons(J), X = C.featureCollection([...J]);
+        de.forEach((R) => {
+          X.features.push(R);
         }), (t = this.map) != null && t.getSource(this.interpolateSource) ? (r = this.map) == null || r.getSource(this.interpolateSource).setData(X) : ((i = this.map) == null || i.addSource(this.interpolateSource, {
           type: "geojson",
           data: X
@@ -3970,17 +3976,17 @@ const Ht = {
             "line-width": 1
           }
         })), this.interpolateMarkers = [];
-        for (const E of J)
-          if (!E.properties.disabled) {
-            let U = "#f44336";
-            ((s = (n = E.properties) == null ? void 0 : n.wind) == null ? void 0 : s.spd) < 17.2 || !((h = (c = E.properties) == null ? void 0 : c.wind) != null && h.spd) ? U = "#03f869" : ((p = (d = E.properties) == null ? void 0 : d.wind) == null ? void 0 : p.spd) >= 17.2 && ((u = (g = E.properties) == null ? void 0 : g.wind) == null ? void 0 : u.spd) < 24.5 ? U = "#f2f202" : ((f = (y = E.properties) == null ? void 0 : y.wind) == null ? void 0 : f.spd) >= 24.5 && ((v = (m = E.properties) == null ? void 0 : m.wind) == null ? void 0 : v.spd) < 32.7 ? U = "#ff9100" : ((w = (b = E.properties) == null ? void 0 : b.wind) == null ? void 0 : w.spd) >= 32.7 && ((L = (k = E.properties) == null ? void 0 : k.wind) == null ? void 0 : L.spd) < 41.5 ? U = "#f44336" : ((A = (D = E.properties) == null ? void 0 : D.wind) == null ? void 0 : A.spd) >= 41.5 && ((O = (N = E.properties) == null ? void 0 : N.wind) == null ? void 0 : O.spd) < 51 ? U = "#f903d0" : ((H = (j = E.properties) == null ? void 0 : j.wind) == null ? void 0 : H.spd) >= 51 ? U = "#8702f9" : U = "#f44336";
-            const me = `<svg t="1719918955501"
+        for (const R of J)
+          if (!R.properties.disabled) {
+            let V = "#f44336";
+            ((s = (n = R.properties) == null ? void 0 : n.wind) == null ? void 0 : s.spd) < 17.2 || !((h = (c = R.properties) == null ? void 0 : c.wind) != null && h.spd) ? V = "#03f869" : ((p = (d = R.properties) == null ? void 0 : d.wind) == null ? void 0 : p.spd) >= 17.2 && ((u = (g = R.properties) == null ? void 0 : g.wind) == null ? void 0 : u.spd) < 24.5 ? V = "#f2f202" : ((f = (y = R.properties) == null ? void 0 : y.wind) == null ? void 0 : f.spd) >= 24.5 && ((v = (m = R.properties) == null ? void 0 : m.wind) == null ? void 0 : v.spd) < 32.7 ? V = "#ff9100" : ((w = (b = R.properties) == null ? void 0 : b.wind) == null ? void 0 : w.spd) >= 32.7 && ((L = (k = R.properties) == null ? void 0 : k.wind) == null ? void 0 : L.spd) < 41.5 ? V = "#f44336" : ((A = (D = R.properties) == null ? void 0 : D.wind) == null ? void 0 : A.spd) >= 41.5 && ((j = (O = R.properties) == null ? void 0 : O.wind) == null ? void 0 : j.spd) < 51 ? V = "#f903d0" : ((H = (W = R.properties) == null ? void 0 : W.wind) == null ? void 0 : H.spd) >= 51 ? V = "#8702f9" : V = "#f44336";
+            const pe = `<svg t="1719918955501"
                           	class="icon" viewBox="0 0 1024 1024"  xmlns="http://www.w3.org/2000/svg" p-id="18382"
                           	xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
                           	<path
                           		d="M515.17000001 169.34666667c41-77.73 95.33-96 95.33-96-240 0-434.5 194.53-434.5 434.5 0 186.47 150.78 337.7 337.06 338.48C472.11000001 923.66666667 418.00000001 941.83666667 418.00000001 941.83666667c240 0 434.5-194.54 434.5-434.5l0.5 0.5C853.00000001 321.10666667 701.81000001 169.66666667 515.17000001 169.34666667z m-0.67 468A129.5 129.5 0 1 1 644.00000001 507.83666667a129.5 129.5 0 0 1-129.5 129.5z"
-                          		fill="${U}" p-id="18383"></path>
-                          	<path d="M514.50000001 507.83666667m-129.5 0a129.5 129.5 0 1 0 259 0 129.5 129.5 0 1 0-259 0Z" fill="${U}"
+                          		fill="${V}" p-id="18383"></path>
+                          	<path d="M514.50000001 507.83666667m-129.5 0a129.5 129.5 0 1 0 259 0 129.5 129.5 0 1 0-259 0Z" fill="${V}"
                           		p-id="18384"></path>
                           	<path
                           		d="M517.16666667 654.67c-80.23 0-145.5-65.27-145.5-145.5s65.27-145.5 145.5-145.5S662.66666667 428.94 662.66666667 509.17s-65.27 145.5-145.5 145.5z m0-259A113.5 113.5 0 1 0 630.66666667 509.17a113.63 113.63 0 0 0-113.5-113.5z"
@@ -3989,22 +3995,22 @@ const Ht = {
                           		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"}">${me}</div>`;
-            const ue = new K.Marker(q).setLngLat(E.geometry.coordinates).addTo(this.map);
-            if (this.interpolateMarkers.push(ue), (oe = E.properties) != null && oe.showCircle) {
-              const te = { radius: 100, coordinates: E.geometry.coordinates }, ae = { radius: 200, coordinates: E.geometry.coordinates }, ie = { radius: 500, coordinates: E.geometry.coordinates };
-              (se = this.circleSourceData) == null || se.features.push(
+            q.className = "hurricane-hourly-marker", q.innerHTML = `<div class="${R.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${pe}</div>`;
+            const me = new Q.Marker(q).setLngLat(R.geometry.coordinates).addTo(this.map);
+            if (this.interpolateMarkers.push(me), (re = R.properties) != null && re.showCircle) {
+              const ee = { radius: 100, coordinates: R.geometry.coordinates }, te = { radius: 200, coordinates: R.geometry.coordinates }, ae = { radius: 500, coordinates: R.geometry.coordinates };
+              (oe = this.circleSourceData) == null || oe.features.push(
+                C.circle(ee.coordinates, ee.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
+              ), (se = this.circleSourceData) == null || se.features.push(
                 C.circle(te.coordinates, te.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
               ), (ne = this.circleSourceData) == null || ne.features.push(
                 C.circle(ae.coordinates, ae.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
-              ), (le = this.circleSourceData) == null || le.features.push(
-                C.circle(ie.coordinates, ie.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
               );
             }
-            (he = (ce = this.map) == null ? void 0 : ce.getSource(this.circleSource)) == null || he.setData(this.circleSourceData);
+            (ce = (le = this.map) == null ? void 0 : le.getSource(this.circleSource)) == null || ce.setData(this.circleSourceData);
           }
       } else
-        (de = this.map) != null && de.getSource(this.interpolateSource) && ((ee = this.map) == null || ee.getSource(this.interpolateSource).setData(this.empty));
+        (he = this.map) != null && he.getSource(this.interpolateSource) && ((K = this.map) == null || K.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(a) {
       var o, n, s, c, h, d, p, g;
@@ -4031,7 +4037,7 @@ const Ht = {
         showCircle: (g = (p = t[0]) == null ? void 0 : p.properties) == null ? void 0 : g.showCircle
       }, this.showTropicals = !0;
       const i = document.getElementById("active-tropical");
-      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.activeTropicalsMarker = new K.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
+      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.activeTropicalsMarker = new Q.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
     },
     handleForecastToggle(a) {
       var r, i, o, n, s, c;
@@ -4142,7 +4148,7 @@ function la(a, e, t, r, i, o) {
       }, ""),
       l("div", Xt, [
         (s = (n = i.activeTropicals) == null ? void 0 : n.history) != null && s.level ? (x(), _("span", qt, S((h = (c = i.activeTropicals) == null ? void 0 : c.history) == null ? void 0 : h.level) + " , ", 1)) : B("", !0),
-        Ne(S((d = i.activeTropicals) == null ? void 0 : d.name), 1)
+        Oe(S((d = i.activeTropicals) == null ? void 0 : d.name), 1)
       ]),
       l("div", Yt, " Last update: " + S(o.computeTime(((g = (p = i.activeTropicals) == null ? void 0 : p.history) == null ? void 0 : g.updated) || ((f = (y = (u = i.activeTropicals) == null ? void 0 : u.forecasts) == null ? void 0 : y.filter((L) => !L.disabled)[0]) == null ? void 0 : f.date))), 1)
     ]),
@@ -4163,13 +4169,13 @@ function la(a, e, t, r, i, o) {
             e[4] || (e[4] = l("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)),
             l("div", oa, [
               (x(!0), _(xe, null, _e((k = i.activeTropicals) == null ? void 0 : k.forecasts, (L, D) => {
-                var A, N, O, j;
+                var A, O, j, W;
                 return x(), _("div", {
                   key: D,
                   class: M([
                     "model",
                     L.disabled ? "" : "active",
-                    D > 0 && D < ((N = (A = i.activeTropicals) == null ? void 0 : A.forecasts) == null ? void 0 : N.length) - 1 && ((j = (O = i.activeTropicals) == null ? void 0 : O.forecasts) == null ? void 0 : j.length) > 2 ? "center-child" : ""
+                    D > 0 && D < ((O = (A = i.activeTropicals) == null ? void 0 : A.forecasts) == null ? void 0 : O.length) - 1 && ((W = (j = i.activeTropicals) == null ? void 0 : j.forecasts) == null ? void 0 : W.length) > 2 ? "center-child" : ""
                   ]),
                   onClick: (H) => o.handleForecastToggle(L)
                 }, [
@@ -4181,7 +4187,7 @@ function la(a, e, t, r, i, o) {
             ])
           ])
         ]),
-        e[5] || (e[5] = Ve('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-b521de47></div><div class="row" style="padding:2px 10px;" data-v-b521de47><div class="legend" data-v-b521de47><div class="icon td" data-v-b521de47></div><div class="label" data-v-b521de47>TD</div></div><div class="legend" data-v-b521de47><div class="icon ts" data-v-b521de47></div><div class="label" data-v-b521de47>TS</div></div><div class="legend" data-v-b521de47><div class="icon sts" data-v-b521de47></div><div class="label" data-v-b521de47>STS</div></div><div class="legend" data-v-b521de47><div class="icon ty" data-v-b521de47></div><div class="label" data-v-b521de47>TY</div></div><div class="legend" data-v-b521de47><div class="icon sty" data-v-b521de47></div><div class="label" data-v-b521de47>STY</div></div><div class="legend" data-v-b521de47><div class="icon supper-ty" data-v-b521de47></div><div class="label" data-v-b521de47>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-b521de47><div class="legend" data-v-b521de47><div class="icon history" data-v-b521de47></div><div class="label" data-v-b521de47>History</div></div><div class="legend" data-v-b521de47><div class="icon r7" data-v-b521de47></div><div class="label" data-v-b521de47>35kts Radii</div></div><div class="legend" data-v-b521de47><div class="icon r10" data-v-b521de47></div><div class="label" data-v-b521de47>50kts Radii</div></div></div>', 3))
+        e[5] || (e[5] = Ue('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-b521de47></div><div class="row" style="padding:2px 10px;" data-v-b521de47><div class="legend" data-v-b521de47><div class="icon td" data-v-b521de47></div><div class="label" data-v-b521de47>TD</div></div><div class="legend" data-v-b521de47><div class="icon ts" data-v-b521de47></div><div class="label" data-v-b521de47>TS</div></div><div class="legend" data-v-b521de47><div class="icon sts" data-v-b521de47></div><div class="label" data-v-b521de47>STS</div></div><div class="legend" data-v-b521de47><div class="icon ty" data-v-b521de47></div><div class="label" data-v-b521de47>TY</div></div><div class="legend" data-v-b521de47><div class="icon sty" data-v-b521de47></div><div class="label" data-v-b521de47>STY</div></div><div class="legend" data-v-b521de47><div class="icon supper-ty" data-v-b521de47></div><div class="label" data-v-b521de47>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-b521de47><div class="legend" data-v-b521de47><div class="icon history" data-v-b521de47></div><div class="label" data-v-b521de47>History</div></div><div class="legend" data-v-b521de47><div class="icon r7" data-v-b521de47></div><div class="label" data-v-b521de47>35kts Radii</div></div><div class="legend" data-v-b521de47><div class="icon r10" data-v-b521de47></div><div class="label" data-v-b521de47>50kts Radii</div></div></div>', 3))
       ]),
       l("div", na, [
         l("div", {
@@ -4194,7 +4200,7 @@ function la(a, e, t, r, i, o) {
     [ke, i.showTropicals && !a.$attrs.hideTropicalsLegend]
   ]);
 }
-const Oe = /* @__PURE__ */ T(Ht, [["render", la], ["__scopeId", "data-v-b521de47"]]);
+const je = /* @__PURE__ */ T(Ht, [["render", la], ["__scopeId", "data-v-b521de47"]]);
 const ca = {
   name: "IdmPrecip3h",
   props: {
@@ -4238,8 +4244,8 @@ const ca = {
     },
     toggleVersion: {
       handler() {
-        var a, e;
-        this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+        var a;
+        this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
@@ -4283,7 +4289,7 @@ const ca = {
           [1, "rgba(197,5,58,0.8)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, W.vertexSchema, W.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -4302,7 +4308,7 @@ function da(a, e, t, r, i, o) {
   return (n = t.factor) != null && n.active ? (x(), _("div", ha, [
     l("div", {
       class: "legend-bars flex-center",
-      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       l("span", null, "mm", -1),
       l("span", null, "1.5", -1),
@@ -4315,7 +4321,7 @@ function da(a, e, t, r, i, o) {
     ]), 4)
   ])) : B("", !0);
 }
-const pa = /* @__PURE__ */ T(ca, [["render", da], ["__scopeId", "data-v-dec867b8"]]);
+const pa = /* @__PURE__ */ T(ca, [["render", da], ["__scopeId", "data-v-39b1d5ab"]]);
 const ma = {
   name: "IdmVisibility",
   props: {
@@ -4358,8 +4364,8 @@ const ma = {
     },
     toggleVersion: {
       handler() {
-        var a, e;
-        this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+        var a;
+        this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
@@ -4397,7 +4403,7 @@ const ma = {
           [1, "rgba(144,144,144,0)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, W.vertexSchema, W.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -4416,7 +4422,7 @@ function ya(a, e, t, r, i, o) {
   return (n = t.factor) != null && n.active ? (x(), _("div", ua, [
     l("div", {
       class: "legend-bars flex-center",
-      style: $([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
+      style: F([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       l("span", null, "nm", -1),
       l("span", null, "0", -1),
@@ -4427,7 +4433,7 @@ function ya(a, e, t, r, i, o) {
     ]), 4)
   ])) : B("", !0);
 }
-const fa = /* @__PURE__ */ T(ma, [["render", ya], ["__scopeId", "data-v-952dee5c"]]);
+const fa = /* @__PURE__ */ T(ma, [["render", ya], ["__scopeId", "data-v-b05a7795"]]);
 const ga = {
   name: "IdmWaterTemp",
   props: {
@@ -4471,8 +4477,8 @@ const ga = {
     },
     toggleVersion: {
       handler() {
-        var a, e;
-        this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+        var a;
+        this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
@@ -4517,7 +4523,7 @@ const ga = {
           //
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, W.vertexSchema, W.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -4536,7 +4542,7 @@ function va(a, e, t, r, i, o) {
   return (n = t.factor) != null && n.active ? (x(), _("div", ba, [
     l("div", {
       class: "legend-bars flex-center",
-      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       l("span", null, "°C", -1),
       l("span", null, "0", -1),
@@ -4547,7 +4553,7 @@ function va(a, e, t, r, i, o) {
     ]), 4)
   ])) : B("", !0);
 }
-const La = /* @__PURE__ */ T(ga, [["render", va], ["__scopeId", "data-v-67e5094b"]]);
+const La = /* @__PURE__ */ T(ga, [["render", va], ["__scopeId", "data-v-7653aa0c"]]);
 const wa = {
   name: "IdmTemp",
   props: {
@@ -4591,8 +4597,8 @@ const wa = {
     },
     toggleVersion: {
       handler() {
-        var a, e;
-        this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+        var a;
+        this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
@@ -4640,7 +4646,7 @@ const wa = {
           [1, "rgb(138, 43, 10)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, W.vertexSchema, W.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -4659,7 +4665,7 @@ function _a(a, e, t, r, i, o) {
   return (n = t.factor) != null && n.active ? (x(), _("div", xa, [
     l("div", {
       class: "legend-bars flex-center",
-      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       l("span", null, "°C", -1),
       l("span", null, "-20", -1),
@@ -4672,7 +4678,7 @@ function _a(a, e, t, r, i, o) {
     ]), 4)
   ])) : B("", !0);
 }
-const Ca = /* @__PURE__ */ T(wa, [["render", _a], ["__scopeId", "data-v-389ea886"]]);
+const Ca = /* @__PURE__ */ T(wa, [["render", _a], ["__scopeId", "data-v-33206ed4"]]);
 const Sa = {
   name: "IdmArctic",
   props: {
@@ -4716,8 +4722,8 @@ const Sa = {
     },
     toggleVersion: {
       handler() {
-        var a, e;
-        this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+        var a;
+        this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
@@ -4756,7 +4762,7 @@ const Sa = {
           // 2m
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, W.vertexSchema, W.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -4775,7 +4781,7 @@ function za(a, e, t, r, i, o) {
   return (n = t.factor) != null && n.active ? (x(), _("div", ka, [
     l("div", {
       class: "legend-bars flex-center",
-      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       l("span", null, "m", -1),
       l("span", null, "0", -1),
@@ -4786,7 +4792,7 @@ function za(a, e, t, r, i, o) {
     ]), 4)
   ])) : B("", !0);
 }
-const Pa = /* @__PURE__ */ T(Sa, [["render", za], ["__scopeId", "data-v-db805141"]]);
+const Pa = /* @__PURE__ */ T(Sa, [["render", za], ["__scopeId", "data-v-76e7bf8f"]]);
 const Ta = {
   name: "IdmPoint",
   emits: ["point", "more"],
@@ -4842,17 +4848,17 @@ const Ta = {
     },
     computeLat() {
       return function(a, e = 4) {
-        return F.lat2pretty(a, e).pretty;
+        return $.lat2pretty(a, e).pretty;
       };
     },
     computeLng() {
       return function(a, e = 4) {
-        return F.lng2pretty(a, e).pretty;
+        return $.lng2pretty(a, e).pretty;
       };
     },
     roundPrecision() {
       return function(a, e = 4) {
-        return isNaN(a) ? "-" : F.roundPrecision(a, e);
+        return isNaN(a) ? "-" : $.roundPrecision(a, e);
       };
     }
   },
@@ -4870,18 +4876,18 @@ const Ta = {
       var a;
       if (this.meteo) {
         const e = document.getElementById("point-meteo");
-        this.meteoMarker ? (a = this.meteoMarker) == null || a.setLngLat([this.meteo.lng, this.meteo.lat]) : this.meteoMarker = new K.Marker(e).setLngLat([this.meteo.lng, this.meteo.lat]).addTo(this.map);
+        this.meteoMarker ? (a = this.meteoMarker) == null || a.setLngLat([this.meteo.lng, this.meteo.lat]) : this.meteoMarker = new Q.Marker(e).setLngLat([this.meteo.lng, this.meteo.lat]).addTo(this.map);
       }
     }
   }
-}, Ea = {
+}, Ra = {
   id: "point-meteo",
   class: "point-meteo"
-}, Ra = { class: "meteo-box" }, Ia = { class: "header-box" }, Da = { class: "main" }, Aa = { class: "sub" }, Ma = { class: "main-box" }, Ba = { class: "flex-space" }, Na = { class: "flex-space" }, Wa = { class: "flex-space" }, Oa = { class: "flex-space" }, ja = { class: "flex-space" }, Fa = { class: "flex-space" }, $a = { class: "flex-space" }, Ua = { class: "flex-space" }, Va = { class: "flex-space" };
+}, Ea = { class: "meteo-box" }, Ia = { class: "header-box" }, Da = { class: "main" }, Aa = { class: "sub" }, Ma = { class: "main-box" }, Ba = { class: "flex-space" }, Oa = { class: "flex-space" }, Na = { class: "flex-space" }, ja = { class: "flex-space" }, Wa = { class: "flex-space" }, $a = { class: "flex-space" }, Fa = { class: "flex-space" }, Va = { class: "flex-space" }, Ua = { class: "flex-space" };
 function Za(a, e, t, r, i, o) {
-  var n, s, c, h, d, p, g, u, y, f, m, v, b, w, k, L, D, A, N, O, j, H, oe, se, ne, le, ce, he, de, ee, G, J, pe, X, E, U, me, q, ue, te, ae, ie, fe, ge, be, ve, Le;
-  return Se((x(), _("div", Ea, [
-    l("div", Ra, [
+  var n, s, c, h, d, p, g, u, y, f, m, v, b, w, k, L, D, A, O, j, W, H, re, oe, se, ne, le, ce, he, K, G, J, de, X, R, V, pe, q, me, ee, te, ae, fe, ge, be, ve, Le;
+  return Se((x(), _("div", Ra, [
+    l("div", Ea, [
       l("div", Ia, [
         l("div", {
           class: "iconfont close",
@@ -4895,35 +4901,35 @@ function Za(a, e, t, r, i, o) {
           e[1] || (e[1] = l("label", null, "Wind", -1)),
           l("span", null, S(((d = (h = t.meteo) == null ? void 0 : h.wind) == null ? void 0 : d.direction) || "-") + "/" + S(o.roundPrecision((g = (p = t.meteo) == null ? void 0 : p.wind) == null ? void 0 : g.kts, 1)) + "[kts]/" + S((y = (u = t.meteo) == null ? void 0 : u.wind) == null ? void 0 : y.scale) + "[BF]/" + S(o.roundPrecision((m = (f = t.meteo) == null ? void 0 : f.gusts) == null ? void 0 : m.kts, 1)) + "[kts]", 1)
         ]),
-        l("div", Na, [
+        l("div", Oa, [
           e[2] || (e[2] = l("label", null, "Wind.Wave", -1)),
-          l("span", null, S(((w = (b = (v = t.meteo) == null ? void 0 : v.wave) == null ? void 0 : b.wd) == null ? void 0 : w.direction) || "-") + "/" + S(o.roundPrecision((D = (L = (k = t.meteo) == null ? void 0 : k.wave) == null ? void 0 : L.wd) == null ? void 0 : D.height, 1)) + "[m]/" + S(o.roundPrecision((O = (N = (A = t.meteo) == null ? void 0 : A.wave) == null ? void 0 : N.wd) == null ? void 0 : O.period, 1)) + "[s]", 1)
+          l("span", null, S(((w = (b = (v = t.meteo) == null ? void 0 : v.wave) == null ? void 0 : b.wd) == null ? void 0 : w.direction) || "-") + "/" + S(o.roundPrecision((D = (L = (k = t.meteo) == null ? void 0 : k.wave) == null ? void 0 : L.wd) == null ? void 0 : D.height, 1)) + "[m]/" + S(o.roundPrecision((j = (O = (A = t.meteo) == null ? void 0 : A.wave) == null ? void 0 : O.wd) == null ? void 0 : j.period, 1)) + "[s]", 1)
         ]),
-        l("div", Wa, [
+        l("div", Na, [
           e[3] || (e[3] = l("label", null, "Swell", -1)),
-          l("span", null, S(((oe = (H = (j = t.meteo) == null ? void 0 : j.wave) == null ? void 0 : H.swell) == null ? void 0 : oe.direction) || "-") + "/" + S(o.roundPrecision((le = (ne = (se = t.meteo) == null ? void 0 : se.wave) == null ? void 0 : ne.swell) == null ? void 0 : le.height, 1)) + "[m]/" + S(o.roundPrecision((de = (he = (ce = t.meteo) == null ? void 0 : ce.wave) == null ? void 0 : he.swell) == null ? void 0 : de.period, 1)) + "[s]", 1)
+          l("span", null, S(((re = (H = (W = t.meteo) == null ? void 0 : W.wave) == null ? void 0 : H.swell) == null ? void 0 : re.direction) || "-") + "/" + S(o.roundPrecision((ne = (se = (oe = t.meteo) == null ? void 0 : oe.wave) == null ? void 0 : se.swell) == null ? void 0 : ne.height, 1)) + "[m]/" + S(o.roundPrecision((he = (ce = (le = t.meteo) == null ? void 0 : le.wave) == null ? void 0 : ce.swell) == null ? void 0 : he.period, 1)) + "[s]", 1)
         ]),
-        l("div", Oa, [
+        l("div", ja, [
           e[4] || (e[4] = l("label", null, "Sig.Wave", -1)),
-          l("span", null, S(((J = (G = (ee = t.meteo) == null ? void 0 : ee.wave) == null ? void 0 : G.sig) == null ? void 0 : J.direction) || "-") + "/" + S(o.roundPrecision((E = (X = (pe = t.meteo) == null ? void 0 : pe.wave) == null ? void 0 : X.sig) == null ? void 0 : E.height, 1)) + "[m]/" + S(o.roundPrecision((q = (me = (U = t.meteo) == null ? void 0 : U.wave) == null ? void 0 : me.sig) == null ? void 0 : q.period, 1)) + "[s]", 1)
+          l("span", null, S(((J = (G = (K = t.meteo) == null ? void 0 : K.wave) == null ? void 0 : G.sig) == null ? void 0 : J.direction) || "-") + "/" + S(o.roundPrecision((R = (X = (de = t.meteo) == null ? void 0 : de.wave) == null ? void 0 : X.sig) == null ? void 0 : R.height, 1)) + "[m]/" + S(o.roundPrecision((q = (pe = (V = t.meteo) == null ? void 0 : V.wave) == null ? void 0 : pe.sig) == null ? void 0 : q.period, 1)) + "[s]", 1)
         ]),
-        l("div", ja, [
+        l("div", Wa, [
           e[5] || (e[5] = l("label", null, "Current", -1)),
-          l("span", null, S(((te = (ue = t.meteo) == null ? void 0 : ue.current) == null ? void 0 : te.direction) || "-") + "/" + S(o.roundPrecision((ie = (ae = t.meteo) == null ? void 0 : ae.current) == null ? void 0 : ie.kts, 2)) + "[kts]", 1)
+          l("span", null, S(((ee = (me = t.meteo) == null ? void 0 : me.current) == null ? void 0 : ee.direction) || "-") + "/" + S(o.roundPrecision((ae = (te = t.meteo) == null ? void 0 : te.current) == null ? void 0 : ae.kts, 2)) + "[kts]", 1)
         ]),
-        l("div", Fa, [
+        l("div", $a, [
           e[6] || (e[6] = l("label", null, "Precip", -1)),
           l("span", null, S(o.roundPrecision((ge = (fe = t.meteo) == null ? void 0 : fe.precip) == null ? void 0 : ge.inter6h, 2)) + "[mm]", 1)
         ]),
-        l("div", $a, [
+        l("div", Fa, [
           e[7] || (e[7] = l("label", null, "Visibility", -1)),
           l("span", null, S(o.roundPrecision(((be = t.meteo) == null ? void 0 : be.visibility) / 1852, 0)) + "[nm]", 1)
         ]),
-        l("div", Ua, [
+        l("div", Va, [
           e[8] || (e[8] = l("label", null, "Temp", -1)),
           l("span", null, S(o.roundPrecision((ve = t.meteo) == null ? void 0 : ve.temp, 0)) + "[°C]", 1)
         ]),
-        l("div", Va, [
+        l("div", Ua, [
           e[9] || (e[9] = l("label", null, "Water Temp", -1)),
           l("span", null, S(o.roundPrecision((Le = t.meteo) == null ? void 0 : Le.waterTemp, 2)) + "[°C]", 1)
         ])
@@ -5285,7 +5291,7 @@ const ai = {
       if (t) {
         this.showZone = !0, this.form = { ...t.properties };
         const i = document.getElementById("idm-gl3-zone-info");
-        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new K.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, 0]).addTo(this.map);
+        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new Q.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, 0]).addTo(this.map);
       }
     },
     handleRender() {
@@ -5415,12 +5421,12 @@ const ni = {
   computed: {
     computeLat() {
       return function(a) {
-        return F.lat2pretty(a, 4).pretty;
+        return $.lat2pretty(a, 4).pretty;
       };
     },
     computeLng() {
       return function(a) {
-        return F.lng2pretty(a, 4).pretty;
+        return $.lng2pretty(a, 4).pretty;
       };
     }
   },
@@ -5442,7 +5448,7 @@ const ni = {
       if (t) {
         this.showPort = !0, this.form = { ...t.properties }, this.form.lng = t.geometry.coordinates[0], this.form.lat = t.geometry.coordinates[1];
         const i = document.getElementById("port-info");
-        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new K.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
+        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new Q.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
       }
     },
     handleEmit() {
@@ -5877,7 +5883,7 @@ const Ci = /* @__PURE__ */ T(xi, [["render", _i]]), Si = {
   methods: {
     handleRender() {
       this.map ? (this.handleClear(), this.area && (this.area.features.forEach((a) => {
-        a.geometry.type === "Polygon" && a.geometry.coordinates.forEach((e) => F.convertToMonotonicLng2(e));
+        a.geometry.type === "Polygon" && a.geometry.coordinates.forEach((e) => $.convertToMonotonicLng2(e));
       }), this.map.addSource(this.source, {
         type: "geojson",
         data: this.area
@@ -5992,8 +5998,8 @@ const zi = /* @__PURE__ */ T(Si, [["render", ki]]), Pi = {
 function Ti(a, e, t, r, i, o) {
   return x(), _("div");
 }
-const Ei = /* @__PURE__ */ T(Pi, [["render", Ti]]);
-const Ri = {
+const Ri = /* @__PURE__ */ T(Pi, [["render", Ti]]);
+const Ei = {
   name: "IdmLatLng",
   props: {
     map: {
@@ -6039,8 +6045,8 @@ const Ri = {
     },
     toggleVersion: {
       handler() {
-        var a, e, t;
-        this.right = (((a = document.getElementsByClassName("legend-bars")[0]) == null ? void 0 : a.clientWidth) || -10) + (((e = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : e.clientWidth) || 0) + (((t = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : t.clientWidth) || 0) + 20;
+        var a, e;
+        this.right = (((a = document.getElementsByClassName("legend-bars")[0]) == null ? void 0 : a.clientWidth) || -10) + (((e = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : e.clientWidth) || 0) + 20;
       },
       immediate: !0
     }
@@ -6051,7 +6057,7 @@ const Ri = {
       this.show ? ((a = this.map) == null || a.on("zoomend", this.handleZoomEnd), this.handleRender()) : (this.handleClear(), (e = this.map) == null || e.off("zoomend", this.handleZoomEnd));
     },
     handleMouseMove(a) {
-      const e = a.lngLat, t = F.lng2pretty(e.lng, 2), r = F.lat2pretty(e.lat, 2);
+      const e = a.lngLat, t = $.lng2pretty(e.lng, 2), r = $.lat2pretty(e.lat, 2);
       this.lngLat = { lng: t, lat: r };
     },
     handleComputeLatLngs() {
@@ -6153,14 +6159,14 @@ function Ii(a, e, t, r, i, o) {
   return i.lngLat ? (x(), _("div", {
     key: 0,
     class: "lat-lng-tip",
-    style: $({ right: i.right + "px", bottom: t.bottom })
+    style: F({ right: i.right + "px", bottom: t.bottom })
   }, [
     l("span", null, S(i.lngLat.lat.pretty), 1),
     e[0] || (e[0] = l("span", null, ", ", -1)),
     l("span", null, S(i.lngLat.lng.pretty), 1)
   ], 4)) : B("", !0);
 }
-const je = /* @__PURE__ */ T(Ri, [["render", Ii], ["__scopeId", "data-v-7367f59b"]]), Di = {
+const We = /* @__PURE__ */ T(Ei, [["render", Ii], ["__scopeId", "data-v-b0d1ad79"]]), Di = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -6264,7 +6270,7 @@ const je = /* @__PURE__ */ T(Ri, [["render", Ii], ["__scopeId", "data-v-7367f59b
         const s = this.geojson.filter((c) => c.id === e.split("-")[0])[0].features.filter((c) => c.geometry.type === "Point");
         if (s.length > 2 && s.filter((h) => h.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
           const h = document.createElement("div");
-          h.className = "point-contextmenu-marker", h.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new K.Marker(h).setOffset([24, 0]).setLngLat([a.lngLat.lng, a.lngLat.lat]).addTo(this.map);
+          h.className = "point-contextmenu-marker", h.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new Q.Marker(h).setOffset([24, 0]).setLngLat([a.lngLat.lng, a.lngLat.lat]).addTo(this.map);
         }
       }
     },
@@ -6300,10 +6306,10 @@ const je = /* @__PURE__ */ T(Ri, [["render", Ii], ["__scopeId", "data-v-7367f59b
         let t = 0;
         const r = [];
         for (let i = 1; i < e.length; i++) {
-          const o = e[i - 1], n = e[i], s = o.properties, c = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, h = { lng: n.geometry.coordinates[0], lat: n.geometry.coordinates[1] }, d = Q.calculateDistance(c, h, s.mode === "RL", 2), p = Q.calculateBearing(c, h, s.mode === "RL", 2);
-          t = F.roundPrecision(t + d, 2);
+          const o = e[i - 1], n = e[i], s = o.properties, c = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, h = { lng: n.geometry.coordinates[0], lat: n.geometry.coordinates[1] }, d = Y.calculateDistance(c, h, s.mode === "RL", 2), p = Y.calculateBearing(c, h, s.mode === "RL", 2);
+          t = $.roundPrecision(t + d, 2);
           let g;
-          s.mode === "RL" ? g = F.convertToMonotonicLng([c, h]) : g = F.convertToMonotonicLng(Q.interpolateCoordinates(c, h, 200));
+          s.mode === "RL" ? g = $.convertToMonotonicLng([c, h]) : g = $.convertToMonotonicLng(Y.interpolateCoordinates(c, h, 200));
           const u = C.lineString(g.map((y) => [y.lng, y.lat]));
           u.properties.dist = d, u.properties.bearing = p, u.properties.total = t, r.push(u);
         }
@@ -6316,17 +6322,17 @@ const je = /* @__PURE__ */ T(Ri, [["render", Ii], ["__scopeId", "data-v-7367f59b
       let o, n;
       if (e) {
         const c = e.properties, h = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, d = { lng: t.lng, lat: t.lat };
-        o = Q.calculateDistance(h, d, c.mode === "RL", 2), n = Q.calculateBearing(h, d, c.mode === "RL", 2);
+        o = Y.calculateDistance(h, d, c.mode === "RL", 2), n = Y.calculateBearing(h, d, c.mode === "RL", 2);
         let p;
-        c.mode === "RL" ? p = F.convertToMonotonicLng([h, d]) : p = F.convertToMonotonicLng(Q.interpolateCoordinates(h, d, 200));
+        c.mode === "RL" ? p = $.convertToMonotonicLng([h, d]) : p = $.convertToMonotonicLng(Y.interpolateCoordinates(h, d, 200));
         const g = C.lineString(p.map((u) => [u.lng, u.lat]));
         g.properties.dist = o, g.properties.bearing = n, i.features.push(g);
       }
       if (r) {
         const c = t.properties, h = t, d = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
-        o = Q.calculateDistance(h, d, c.mode === "RL", 2), n = Q.calculateBearing(h, d, c.mode === "RL", 2);
+        o = Y.calculateDistance(h, d, c.mode === "RL", 2), n = Y.calculateBearing(h, d, c.mode === "RL", 2);
         let p;
-        c.mode === "RL" ? p = F.convertToMonotonicLng([h, d]) : p = F.convertToMonotonicLng(Q.interpolateCoordinates(h, d, 200));
+        c.mode === "RL" ? p = $.convertToMonotonicLng([h, d]) : p = $.convertToMonotonicLng(Y.interpolateCoordinates(h, d, 200));
         const g = C.lineString(p.map((u) => [u.lng, u.lat]));
         g.properties.dist = o, g.properties.bearing = n, i.features.push(g);
       }
@@ -6368,11 +6374,11 @@ const je = /* @__PURE__ */ T(Ri, [["render", Ii], ["__scopeId", "data-v-7367f59b
         }
       });
       let s;
-      if (r ? s = '<div class="marker-label">Drag and drop</div>' : s = `<div class="marker-label">Tol distance: <b>${F.roundPrecision((a.total ?? 0) + o, 2)}</b>nm, bearing: <b>${n}</b>°</div><div class="marker-label">${this.navigation === "RL" ? "RL" : "GC"} mode, using 'Shift' to switch</div><div class="marker-label">Double click to end</div>`, this.tipMarker)
+      if (r ? s = '<div class="marker-label">Drag and drop</div>' : s = `<div class="marker-label">Tol distance: <b>${$.roundPrecision((a.total ?? 0) + o, 2)}</b>nm, bearing: <b>${n}</b>°</div><div class="marker-label">${this.navigation === "RL" ? "RL" : "GC"} mode, using 'Shift' to switch</div><div class="marker-label">Double click to end</div>`, this.tipMarker)
         this.tipMarker._element.innerHTML = s, this.tipMarker.setLngLat([t.lng, t.lat]);
       else {
         const c = document.createElement("div");
-        c.className = "tip-marker", c.innerHTML = s, this.tipMarker = new K.Marker(c).setOffset([140, 0]).setLngLat([t.lng, t.lat]).addTo(this.map);
+        c.className = "tip-marker", c.innerHTML = s, this.tipMarker = new Q.Marker(c).setOffset([140, 0]).setLngLat([t.lng, t.lat]).addTo(this.map);
       }
     },
     handleMove(a) {
@@ -6430,12 +6436,12 @@ const je = /* @__PURE__ */ T(Ri, [["render", Ii], ["__scopeId", "data-v-7367f59b
         for (const n of o) {
           const s = document.createElement("div");
           s.id = `${a.id}-${n.properties.id}`, s.className = `${a.closed ? "point-marker closed" : "point-marker"}`, s.innerHTML = '<div class="marker-circle"></div>';
-          const c = new K.Marker({ element: s, draggable: !0, contextmenu: !0 }).setLngLat(n.geometry.coordinates).addTo(this.map);
+          const c = new Q.Marker({ element: s, draggable: !0, contextmenu: !0 }).setLngLat(n.geometry.coordinates).addTo(this.map);
           c.on("drag", this.handleDrag), c.on("dragend", this.handleDragEnd), this.pointMarkers[a.id] ? this.pointMarkers[a.id].push(c) : this.pointMarkers[a.id] = [c];
         }
         if (a.closed) {
           const n = o.at(-1), c = a.features.filter((d) => d.geometry.type === "LineString").at(-1), h = document.createElement("div");
-          h.className = "point-summary-marker", h.innerHTML = `<div id="${a.id}" class="marker-close">×</div><div class="marker-label">Tol: ${c.properties.total}nm</div>`, this.closeMarkers[a.id] = new K.Marker(h).setOffset([60, 0]).setLngLat(n.geometry.coordinates).addTo(this.map);
+          h.className = "point-summary-marker", h.innerHTML = `<div id="${a.id}" class="marker-close">×</div><div class="marker-label">Tol: ${c.properties.total}nm</div>`, this.closeMarkers[a.id] = new Q.Marker(h).setOffset([60, 0]).setLngLat(n.geometry.coordinates).addTo(this.map);
         }
       }
     },
@@ -6497,21 +6503,21 @@ const Bi = {
     },
     toggleVersion: {
       handler() {
-        var a, e;
-        this.right = (((a = document.getElementsByClassName("available-layers-show")[0]) == null ? void 0 : a.clientWidth) || 0) + (((e = document.getElementsByClassName("fleet-list-container")[0]) == null ? void 0 : e.clientWidth) || 0) + 10;
+        var a;
+        this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10;
       },
       immediate: !0
     }
   },
   methods: {}
-}, Ni = { key: 0 }, Wi = { class: "bar-item" };
-function Oi(a, e, t, r, i, o) {
-  return t.enabled && t.permission & i.helper.LEVEL.Supper ? (x(), _("div", Ni, [
+}, Oi = { key: 0 }, Ni = { class: "bar-item" };
+function ji(a, e, t, r, i, o) {
+  return t.enabled && t.permission & i.helper.LEVEL.Supper ? (x(), _("div", Oi, [
     l("div", {
       class: "menu-bar-box",
-      style: $({ position: "absolute", right: i.right + "px", bottom: t.bottom })
+      style: F({ position: "absolute", right: i.right + "px", bottom: t.bottom })
     }, [
-      l("div", Wi, [
+      l("div", Ni, [
         l("div", {
           class: M(i.vendor === "hi" ? "menu-icon active" : "menu-icon"),
           onClick: e[0] || (e[0] = (n) => i.vendor = "hi")
@@ -6528,8 +6534,8 @@ function Oi(a, e, t, r, i, o) {
     ], 4)
   ])) : B("", !0);
 }
-const ji = /* @__PURE__ */ T(Bi, [["render", Oi], ["__scopeId", "data-v-ab627b83"]]);
-const Fi = {
+const Wi = /* @__PURE__ */ T(Bi, [["render", ji], ["__scopeId", "data-v-505264e4"]]);
+const $i = {
   name: "IdmGLV2",
   components: {
     IdmGlLayer: lt,
@@ -6538,11 +6544,11 @@ const Fi = {
     IdmCurrents: Tt,
     IdmCurrentParticle: Dt,
     IdmSigWave: Bt,
-    IdmSwell: Ot,
-    IdmPrmsl: $t,
+    IdmSwell: jt,
+    IdmPrmsl: Ft,
     // IdmIceEdge,
     IdmIceberg: Zt,
-    IdmTropicals: Oe,
+    IdmTropicals: je,
     IdmPrecip3h: pa,
     IdmVisibility: fa,
     IdmWaterTemp: La,
@@ -6557,11 +6563,11 @@ const Fi = {
     IdmTimezone: wi,
     IdmVRA: Ci,
     IdmSpecialArea: zi,
-    IdmTerminator: Ei,
-    IdmLatLng: je,
+    IdmTerminator: Ri,
+    IdmLatLng: We,
     IdmMeasure: Mi,
     IdmPoint: Ha,
-    IdmENC: ji
+    IdmENC: Wi
   },
   props: {
     map: {
@@ -6577,8 +6583,12 @@ const Fi = {
     beforeLayer: {
       type: String,
       default: ""
+    },
+    toggleVersion: {
+      type: Number
     }
   },
+  emits: ["toggleVersion"],
   data() {
     return {
       weatherLayers: {},
@@ -6601,7 +6611,6 @@ const Fi = {
       activeWindLayer: !1,
       showWindParticle: !1,
       showCurrentParticle: !1,
-      toggleVersion: 0,
       enc: "",
       // enc: 'i4',
       defaultMeteoToken: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg",
@@ -6696,7 +6705,7 @@ const Fi = {
         if (this.weatherWeight > 0) {
           let f = this.weatherWeight, m;
           if (a.tropicals || this.weatherWeight & 256 && (m = this.weatherLayers.tropicals, m && (f -= 256, m.version = Math.random() + 1)), f > 0) {
-            const v = await re.get(`${this.gateway}/api/arc/weather/layers/links?l=${f}&v=${this.source}&z=${g}&bbox=${y}&t=${this.ts}`, {
+            const v = await ie.get(`${this.gateway}/api/arc/weather/layers/links?l=${f}&v=${this.source}&z=${g}&bbox=${y}&t=${this.ts}`, {
               headers: {
                 Authorization: this.token || this.defaultMeteoToken
               }
@@ -6705,7 +6714,7 @@ const Fi = {
               const b = (s = v == null ? void 0 : v.data) == null ? void 0 : s.data, w = [];
               for (const L in b)
                 L === "ice-edge" && (b[L] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), L !== "tropicals" && w.push(
-                  re.get(b[L], {
+                  ie.get(b[L], {
                     headers: {
                       Authorization: this.token || this.defaultMeteoToken,
                       key: L
@@ -6717,21 +6726,21 @@ const Fi = {
                 );
               const k = await Promise.all(w);
               this.weatherLayers = {}, k.map((L) => {
-                var N, O, j, H;
-                const D = ((N = L == null ? void 0 : L.data) == null ? void 0 : N.data) || (L == null ? void 0 : L.data), A = (j = (O = L == null ? void 0 : L.config) == null ? void 0 : O.headers) == null ? void 0 : j.key;
+                var O, j, W, H;
+                const D = ((O = L == null ? void 0 : L.data) == null ? void 0 : O.data) || (L == null ? void 0 : L.data), A = (W = (j = L == null ? void 0 : L.config) == null ? void 0 : j.headers) == null ? void 0 : W.key;
                 A && D && (this.weatherLayers[A] = {
                   raw: D,
                   type: ((H = L == null ? void 0 : L.config) == null ? void 0 : H.responseType) === "blob" ? "image" : "json",
                   etime: this.ts
                 });
-              }), b.tropicals && re.get(b.tropicals, {
+              }), b.tropicals && ie.get(b.tropicals, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken,
                   key: "tropicals"
                 }
               }).then((L) => {
-                var N, O, j;
-                const D = We.convert2Geojson(((N = L == null ? void 0 : L.data) == null ? void 0 : N.data) || (L == null ? void 0 : L.data)), A = (j = (O = L == null ? void 0 : L.config) == null ? void 0 : O.headers) == null ? void 0 : j.key;
+                var O, j, W;
+                const D = Ne.convert2Geojson(((O = L == null ? void 0 : L.data) == null ? void 0 : O.data) || (L == null ? void 0 : L.data)), A = (W = (j = L == null ? void 0 : L.config) == null ? void 0 : j.headers) == null ? void 0 : W.key;
                 this.weatherLayers[A] = {
                   data: D,
                   active: !0,
@@ -6765,7 +6774,7 @@ const Fi = {
         }
         this.handleWeatherLayerToggle(), this.handleDragEndWithZoom4Json();
       }
-      this.toggleVersion = Math.random();
+      this.$emit("toggleVersion", Math.random());
     },
     async fetchOtherLayers(a = { all: !1, dayNight: !1, enc: !1 }) {
       var e, t, r, i;
@@ -6775,7 +6784,7 @@ const Fi = {
           let n = !1;
           if (this.otherWeight & 2048 && (o = this.otherWeight - 2048, n = !0), o) {
             if (a.all) {
-              const s = await re.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
+              const s = await ie.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
@@ -6784,7 +6793,7 @@ const Fi = {
                 const c = (t = s == null ? void 0 : s.data) == null ? void 0 : t.data, h = [];
                 for (const p in c)
                   h.push(
-                    re.get(c[p], {
+                    ie.get(c[p], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
                         key: p
@@ -6799,7 +6808,7 @@ const Fi = {
                 });
               }
             } else if (a.dayNight && o & 1024) {
-              const s = await re.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
+              const s = await ie.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
@@ -6808,7 +6817,7 @@ const Fi = {
                 const c = (i = s == null ? void 0 : s.data) == null ? void 0 : i.data, h = [];
                 for (const p in c)
                   h.push(
-                    re.get(c[p], {
+                    ie.get(c[p], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
                         key: p
@@ -7121,7 +7130,7 @@ const Fi = {
         ts: e.utc().format(),
         wt: !0,
         src: this.source
-      }, r = await re.get(`${this.gateway}/api/arc/meteo/query`, {
+      }, r = await ie.get(`${this.gateway}/api/arc/meteo/query`, {
         params: t,
         headers: {
           Authorization: this.token || this.defaultMeteoToken
@@ -7138,209 +7147,212 @@ const Fi = {
     },
     handleParticle(a) {
       this.particleFactor = a, this.fetchWeatherLayers({ tropicals: !1 });
+    },
+    handleToggleVersion() {
+      this.$emit("toggleVersion", Math.random());
     }
   }
-}, $i = {
+}, Fi = {
   key: 0,
   className: "map-gl-home"
 };
-function Ui(a, e, t, r, i, o) {
-  var ee, G, J, pe, X, E, U, me, q, ue, te, ae, ie, fe, ge, be, ve, Le, ze, Ee, Re, Ie, De, Ae, Me, Be;
-  const n = z("IdmGlLayer"), s = z("IdmENC"), c = z("IdmSigWave"), h = z("IdmSwell"), d = z("IdmPrmsl"), p = z("IdmIceberg"), g = z("IdmTropicals"), u = z("IdmCurrents"), y = z("IdmCurrentParticle"), f = z("IdmWindBarb"), m = z("IdmWindParticle"), v = z("IdmPrecip3h"), b = z("IdmVisibility"), w = z("IdmWaterTemp"), k = z("IdmTemp"), L = z("IdmArctic"), D = z("IdmWarZone"), A = z("IdmGmdssArea"), N = z("IdmEcaZone"), O = z("IdmAlertZone"), j = z("IdmPort"), H = z("IdmLoadLine"), oe = z("IdmTimezone"), se = z("IdmVRA"), ne = z("IdmSpecialArea"), le = z("IdmTerminator"), ce = z("IdmLatLng"), he = z("IdmMeasure"), de = z("IdmPoint");
-  return t.map ? (x(), _("div", $i, [
-    P(n, R({
+function Vi(a, e, t, r, i, o) {
+  var K, G, J, de, X, R, V, pe, q, me, ee, te, ae, fe, ge, be, ve, Le, ze, Re, Ee, Ie, De, Ae, Me, Be;
+  const n = z("IdmGlLayer"), s = z("IdmENC"), c = z("IdmSigWave"), h = z("IdmSwell"), d = z("IdmPrmsl"), p = z("IdmIceberg"), g = z("IdmTropicals"), u = z("IdmCurrents"), y = z("IdmCurrentParticle"), f = z("IdmWindBarb"), m = z("IdmWindParticle"), v = z("IdmPrecip3h"), b = z("IdmVisibility"), w = z("IdmWaterTemp"), k = z("IdmTemp"), L = z("IdmArctic"), D = z("IdmWarZone"), A = z("IdmGmdssArea"), O = z("IdmEcaZone"), j = z("IdmAlertZone"), W = z("IdmPort"), H = z("IdmLoadLine"), re = z("IdmTimezone"), oe = z("IdmVRA"), se = z("IdmSpecialArea"), ne = z("IdmTerminator"), le = z("IdmLatLng"), ce = z("IdmMeasure"), he = z("IdmPoint");
+  return t.map ? (x(), _("div", Fi, [
+    P(n, E({
       ref: "layer",
       map: t.map,
-      "toggle-version": i.toggleVersion,
+      "toggle-version": t.toggleVersion,
       "map-projection": i.mapProjection
     }, a.$attrs, {
       onWeather: o.handleWeatherLayerChange,
       onOther: o.handleOtherLayerChange,
-      onCoordinate: e[0] || (e[0] = (Y) => i.showCoord = Y),
-      onMeasure: e[1] || (e[1] = (Y) => i.showMeasure = Y),
-      onPoint: e[2] || (e[2] = (Y) => i.showPoint = Y),
+      onCoordinate: e[0] || (e[0] = (ue) => i.showCoord = ue),
+      onMeasure: e[1] || (e[1] = (ue) => i.showMeasure = ue),
+      onPoint: e[2] || (e[2] = (ue) => i.showPoint = ue),
       on3d: o.handle3dToggle,
-      onToggleVersion: e[3] || (e[3] = (Y) => i.toggleVersion = Y)
-    }), null, 16, ["map", "toggle-version", "map-projection", "onWeather", "onOther", "on3d"]),
-    P(s, R({
+      onHandleToggleVersion: o.handleToggleVersion
+    }), null, 16, ["map", "toggle-version", "map-projection", "onWeather", "onOther", "on3d", "onHandleToggleVersion"]),
+    P(s, E({
       map: t.map,
       token: t.token,
-      enabled: (ee = i.otherLayers) == null ? void 0 : ee.enc,
-      "toggle-version": i.toggleVersion
+      enabled: (K = i.otherLayers) == null ? void 0 : K.enc,
+      "toggle-version": t.toggleVersion
     }, a.$attrs, {
-      onEnc: e[4] || (e[4] = (Y) => i.enc = Y)
+      onEnc: e[3] || (e[3] = (ue) => i.enc = ue)
     }), null, 16, ["map", "token", "enabled", "toggle-version"]),
-    P(c, R({
+    P(c, E({
       map: t.map,
       "sig-wave": (G = i.weatherLayers) == null ? void 0 : G["sig-wave-height"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "sig-wave", "before-layer"]),
-    P(h, R({
+    P(h, E({
       map: t.map,
       swell: (J = i.weatherLayers) == null ? void 0 : J.swell,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "swell", "before-layer"]),
-    P(d, R({
+    P(d, E({
       map: t.map,
-      prmsl: (pe = i.weatherLayers) == null ? void 0 : pe.prmsl,
+      prmsl: (de = i.weatherLayers) == null ? void 0 : de.prmsl,
       "before-layer": t.beforeLayer,
       "active-weather-layers": i.activeWeatherLayers
     }, a.$attrs), null, 16, ["map", "prmsl", "before-layer", "active-weather-layers"]),
-    P(p, R({
+    P(p, E({
       map: t.map,
       iceberg: (X = i.weatherLayers) == null ? void 0 : X.iceberg,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "iceberg", "before-layer"]),
-    P(g, R({
+    P(g, E({
       map: t.map,
       date: t.ts,
-      tropicals: (E = i.weatherLayers) == null ? void 0 : E.tropicals,
+      tropicals: (R = i.weatherLayers) == null ? void 0 : R.tropicals,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
-    P(u, R({
+    P(u, E({
       map: t.map,
       "map-projection": i.mapProjection,
-      current: (U = i.weatherLayers) == null ? void 0 : U.current,
+      current: (V = i.weatherLayers) == null ? void 0 : V.current,
       "before-layer": t.beforeLayer,
       "show-particle": i.showCurrentParticle,
       "margin-bottom": i.activeWindLayer ? i.showRampColor ? "84px" : "56px" : i.showRampColor ? "56px" : "30px",
-      "toggle-version": i.toggleVersion,
+      "toggle-version": t.toggleVersion,
       "weather-layers": i.weatherLayers
     }, a.$attrs, { onParticle: o.handleParticle }), null, 16, ["map", "map-projection", "current", "before-layer", "show-particle", "margin-bottom", "toggle-version", "weather-layers", "onParticle"]),
-    P(y, R({
+    P(y, E({
       viewport: i.viewport,
-      factor: (me = i.weatherLayers) == null ? void 0 : me["current-particle"],
+      factor: (pe = i.weatherLayers) == null ? void 0 : pe["current-particle"],
       "before-layer": t.beforeLayer,
-      "toggle-version": i.toggleVersion
+      "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(f, R({
+    P(f, E({
       ref: "windBarb",
       map: t.map,
       "map-projection": i.mapProjection,
       wind: (q = i.weatherLayers) == null ? void 0 : q.wind,
-      current: (ue = i.weatherLayers) == null ? void 0 : ue.current,
+      current: (me = i.weatherLayers) == null ? void 0 : me.current,
       "before-layer": t.beforeLayer,
       "margin-bottom": i.showRampColor ? "56px" : "30px",
       "show-particle": i.showWindParticle
     }, a.$attrs, {
-      "toggle-version": i.toggleVersion,
+      "toggle-version": t.toggleVersion,
       "weather-layers": i.weatherLayers,
       onParticle: o.handleParticle
     }), null, 16, ["map", "map-projection", "wind", "current", "before-layer", "margin-bottom", "show-particle", "toggle-version", "weather-layers", "onParticle"]),
-    P(m, R({
+    P(m, E({
       viewport: i.viewport,
-      factor: (te = i.weatherLayers) == null ? void 0 : te["wind-particle"],
+      factor: (ee = i.weatherLayers) == null ? void 0 : ee["wind-particle"],
       "before-layer": t.beforeLayer,
-      "toggle-version": i.toggleVersion
+      "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(v, R({
+    P(v, E({
       viewport: i.viewport,
-      factor: (ae = i.weatherLayers) == null ? void 0 : ae.precip3h,
+      factor: (te = i.weatherLayers) == null ? void 0 : te.precip3h,
       "before-layer": t.beforeLayer,
-      "toggle-version": i.toggleVersion
+      "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(b, R({
+    P(b, E({
       viewport: i.viewport,
-      factor: (ie = i.weatherLayers) == null ? void 0 : ie.visibility,
+      factor: (ae = i.weatherLayers) == null ? void 0 : ae.visibility,
       "before-layer": t.beforeLayer,
-      "toggle-version": i.toggleVersion
+      "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(w, R({
+    P(w, E({
       viewport: i.viewport,
       factor: (fe = i.weatherLayers) == null ? void 0 : fe["water-temp"],
       "before-layer": t.beforeLayer,
-      "toggle-version": i.toggleVersion
+      "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(k, R({
+    P(k, E({
       viewport: i.viewport,
       factor: (ge = i.weatherLayers) == null ? void 0 : ge.temp,
       "before-layer": t.beforeLayer,
-      "toggle-version": i.toggleVersion
+      "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(L, R({
+    P(L, E({
       viewport: i.viewport,
       factor: (be = i.weatherLayers) == null ? void 0 : be.arctic,
       "before-layer": t.beforeLayer,
-      "toggle-version": i.toggleVersion
+      "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(D, R({
+    P(D, E({
       map: t.map,
       zone: (ve = i.otherLayers) == null ? void 0 : ve["war-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(A, R({
+    P(A, E({
       map: t.map,
       area: (Le = i.otherLayers) == null ? void 0 : Le["gmdss-areas"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
-    P(N, R({
+    P(O, E({
       map: t.map,
       zone: (ze = i.otherLayers) == null ? void 0 : ze["eca-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(O, R({
+    P(j, E({
       map: t.map,
-      zone: (Ee = i.otherLayers) == null ? void 0 : Ee["alert-zones"],
+      zone: (Re = i.otherLayers) == null ? void 0 : Re["alert-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(j, R({
+    P(W, E({
       map: t.map,
-      port: (Re = i.otherLayers) == null ? void 0 : Re.ports,
+      port: (Ee = i.otherLayers) == null ? void 0 : Ee.ports,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "port", "before-layer"]),
-    P(H, R({
+    P(H, E({
       map: t.map,
       line: (Ie = i.otherLayers) == null ? void 0 : Ie["load-lines"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "line", "before-layer"]),
-    P(oe, R({
+    P(re, E({
       map: t.map,
       zone: (De = i.otherLayers) == null ? void 0 : De["time-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(se, R({
+    P(oe, E({
       map: t.map,
       area: (Ae = i.otherLayers) == null ? void 0 : Ae["voluntary-reporting-area"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
-    P(ne, R({
+    P(se, E({
       map: t.map,
       area: (Me = i.otherLayers) == null ? void 0 : Me["special-area"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
-    P(le, R({
+    P(ne, E({
       map: t.map,
       area: (Be = i.otherLayers) == null ? void 0 : Be["day-night"]
     }, a.$attrs), null, 16, ["map", "area"]),
-    P(ce, R({
+    P(le, E({
       map: t.map,
       show: i.showCoord,
-      "toggle-version": i.toggleVersion
+      "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["map", "show", "toggle-version"]),
-    P(he, R({
+    P(ce, E({
       map: t.map,
       show: i.showMeasure
     }, a.$attrs), null, 16, ["map", "show"]),
-    P(de, R({
+    P(he, E({
       map: t.map,
       show: i.showPoint,
       meteo: i.meteo
     }, a.$attrs, { onPoint: o.handlePointChange }), null, 16, ["map", "show", "meteo", "onPoint"])
   ])) : B("", !0);
 }
-const Vi = /* @__PURE__ */ T(Fi, [["render", Ui]]), Ki = {
+const Ui = /* @__PURE__ */ T($i, [["render", Vi]]), Ki = {
   install(a) {
-    a.component("MapboxGL", Vi), a.component("TropicalGL", Oe), a.component("LatLngGL", je);
+    a.component("MapboxGL", Ui), a.component("TropicalGL", je), a.component("LatLngGL", We);
   }
 };
 export {
-  je as LatLngGL,
-  Vi as MapboxGL,
+  We as LatLngGL,
+  Ui as MapboxGL,
   Ki as MapboxGLPlugin,
   gt as MapboxHelper,
-  V as ParticleSchema,
-  Oe as TropicalGL,
+  U as ParticleSchema,
+  je as TropicalGL,
   Te as Viewport,
   ye as WebGL,
-  W as WebGLSchema
+  N as WebGLSchema
 };