@idmwx/idmui-gl3 3.6.3 → 3.6.4

package/dist/index.js

@@ -1,14 +1,14 @@
 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 E = (t, e, a) => (ot(t, typeof e != "symbol" ? e + "" : e, a), a);
-import { LayerHelper as Ve, CompanyHelper as Me, LngLatHelper as K, convertToMonotonicLng2 as st, calculateDistance as Oe, calculateBearing as je, convertToMonotonicLng as pe, interpolateCoordinates as Fe, convertToStandardLng as Re } from "@idmwx/idmwx-base";
-import { resolveComponent as z, openBlock as L, createElementBlock as x, 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";
+var A = (t, e, a) => (ot(t, typeof e != "symbol" ? e + "" : e, a), a);
+import { LayerHelper as Ue, CompanyHelper as Me, LngLatHelper as te, convertToMonotonicLng2 as st, calculateDistance as je, calculateBearing as Fe, convertToMonotonicLng as we, interpolateCoordinates as Ve, convertToStandardLng as Re } from "@idmwx/idmwx-base";
+import { resolveComponent as z, openBlock as L, createElementBlock as x, 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 G, popScopeId as H, 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 Q from "moment";
-import ie from "mapbox-gl";
+import ee from "moment";
+import ne from "mapbox-gl";
 import { TropicalHelper as et } from "@idm-plugin/geo";
-import ae from "axios";
+import se from "axios";
 const T = (t, e) => {
   const a = t.__vccOpts || t;
   for (const [r, i] of e)
@@ -46,8 +46,8 @@ const T = (t, e) => {
       autoActive: !0,
       otherLayers: [],
       layers: {
-        weather: [...Ve.WEATHER_LAYERS],
-        other: [...Ve.OTHER_LAYERS]
+        weather: [...Ue.WEATHER_LAYERS],
+        other: [...Ue.OTHER_LAYERS]
       },
       weatherLayersCache: "weatherLayersCache",
       autoActiveCache: "autoActiveCache",
@@ -141,7 +141,7 @@ const T = (t, e) => {
       this.source = t, this.handleConfirm();
     }
   }
-}, Z = (t) => (U("data-v-6938e629"), 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) => (G("data-v-cb712a44"), t = t(), H(), 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
@@ -276,7 +276,7 @@ function Ft(t, e, a, r, i, o) {
     ], 4)
   ]);
 }
-const Vt = /* @__PURE__ */ T(ht, [["render", Ft], ["__scopeId", "data-v-6938e629"]]);
+const Vt = /* @__PURE__ */ T(ht, [["render", Ft], ["__scopeId", "data-v-cb712a44"]]);
 const Ut = {
   name: "IdmWindBarb",
   props: {
@@ -383,22 +383,22 @@ const Ut = {
         else {
           this.map.addSource(this.source, { type: "geojson", data: s });
           for (let c = 0; c < (this.barbs ?? []).length - 1; c++) {
-            const h = (this.barbs ?? [])[c] || 0, p = (this.barbs ?? [])[c + 1] || 0, d = h < 10 ? `00${h}kts` : h < 100 ? `0${h}kts` : `${h}kts`;
+            const h = (this.barbs ?? [])[c] || 0, d = (this.barbs ?? [])[c + 1] || 0, p = h < 10 ? `00${h}kts` : h < 100 ? `0${h}kts` : `${h}kts`;
             this.map.addLayer(
               {
-                id: d,
+                id: p,
                 type: "symbol",
                 filter: [
                   "all",
                   // @ts-ignore
                   [">=", "spd", h],
                   // @ts-ignore
-                  ["<", "spd", p]
+                  ["<", "spd", d]
                 ],
                 source: this.source,
                 layout: {
                   "symbol-placement": "point",
-                  "icon-image": d,
+                  "icon-image": p,
                   // mapbox sprite
                   "icon-size": 0.14,
                   "icon-offset": [0, -20],
@@ -485,17 +485,17 @@ function qt(t, e, a, r, i, o) {
   ])) : N("", !0);
 }
 const Yt = /* @__PURE__ */ T(Ut, [["render", qt], ["__scopeId", "data-v-f285f28f"]]);
-class Ue {
+class Ge {
   constructor(e) {
-    E(this, "map");
-    E(this, "mercator");
-    E(this, "rampColorLayer");
-    E(this, "rampColorSource");
-    E(this, "particleLayer");
-    E(this, "particleSource");
-    E(this, "rampColorCanvas");
-    E(this, "particleCanvas");
-    E(this, "ratio");
+    A(this, "map");
+    A(this, "mercator");
+    A(this, "rampColorLayer");
+    A(this, "rampColorSource");
+    A(this, "particleLayer");
+    A(this, "particleSource");
+    A(this, "rampColorCanvas");
+    A(this, "particleCanvas");
+    A(this, "ratio");
     this.map = e, this.mercator = new ct(), this.rampColorLayer = "ramp-color-layer", this.rampColorSource = "ramp-color-source", this.particleLayer = "particle-layer", this.particleSource = "particle-source", this.rampColorCanvas = document.createElement("canvas"), this.particleCanvas = document.createElement("canvas"), this.ratio = window.devicePixelRatio;
   }
   /**
@@ -530,8 +530,8 @@ class Ue {
    * @param [lb.x, lb.y, rt.x, rt.y]
    */
   getBoundPixel() {
-    const e = this.map.getBounds(), a = this.map.getZoom() + 1, r = [e._ne.lng, e._ne.lat], i = [e._sw.lng, e._sw.lat], [o, n] = this.convertNLng(r[0]), [s, c] = this.convertNLng(i[0]), [h, p] = this.mercator.px([o, r[1]], a), [d, y] = this.mercator.px([s, i[1]], a), u = Math.round(this.mercator.size * Math.pow(2, a) * (n + c));
-    return [d, y, h + u, p];
+    const e = this.map.getBounds(), a = this.map.getZoom() + 1, r = [e._ne.lng, e._ne.lat], i = [e._sw.lng, e._sw.lat], [o, n] = this.convertNLng(r[0]), [s, c] = this.convertNLng(i[0]), [h, d] = this.mercator.px([o, r[1]], a), [p, y] = this.mercator.px([s, i[1]], a), m = Math.round(this.mercator.size * Math.pow(2, a) * (n + c));
+    return [p, y, h + m, d];
   }
   /**
    * [视窗边界像素宽度]
@@ -546,13 +546,13 @@ class Ue {
    * @param zoom
    */
   getWorldCopy(e, a) {
-    const r = 2 ** a, [i, o, n, s] = e.map((p) => ~~(p / (r * 256))), c = [];
-    for (let p = s; p <= o; p++)
-      for (let d = i; d <= n; d++)
-        c.push([d, p]);
-    return c.map((p) => {
-      const d = 2 ** a * 256;
-      return [p[0] * d, p[1] * d, d];
+    const r = 2 ** a, [i, o, n, s] = e.map((d) => ~~(d / (r * 256))), c = [];
+    for (let d = s; d <= o; d++)
+      for (let p = i; p <= n; p++)
+        c.push([p, d]);
+    return c.map((d) => {
+      const p = 2 ** a * 256;
+      return [d[0] * p, d[1] * p, p];
     });
   }
   resize() {
@@ -568,7 +568,7 @@ class Ue {
     a !== r && this.map.setLayoutProperty(this.particleLayer, "visibility", r);
   }
 }
-class le {
+class ve {
   /**
    * 创建着色器
    * @see https://webglfundamentals.org/webgl/lessons/zh_cn/webgl-shaders-and-glsl.html
@@ -655,8 +655,8 @@ class le {
     const s = n.getContext("2d");
     if (s && e) {
       const c = s == null ? void 0 : s.createLinearGradient(0, 0, 256, 0);
-      return a.forEach(([h, p]) => {
-        c.addColorStop(h, p);
+      return a.forEach(([h, d]) => {
+        c.addColorStop(h, d);
       }), s.fillStyle = c, s.fillRect(0, 0, 256, 1), {
         canvas: n,
         texture: this.createTexture(
@@ -673,11 +673,11 @@ class le {
   }
   setupParticle(e, a = 1e3) {
     const r = Math.ceil(Math.sqrt(a)), i = r * r, o = new Uint8Array(i * 4);
-    for (let p = 0; p < o.length; p++)
-      o[p] = Math.floor(Math.random() * 256);
+    for (let d = 0; d < o.length; d++)
+      o[d] = Math.floor(Math.random() * 256);
     const n = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, o, r, r), s = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, o, r, r), c = new Float32Array(i);
-    for (let p = 0; p < i; p++)
-      c[p] = p;
+    for (let d = 0; d < i; d++)
+      c[d] = d;
     const h = this.createDataBuffer(e, "array", c);
     return { resolution: r, total: i, texture0: n, texture1: s, indexBuffer: h };
   }
@@ -694,26 +694,26 @@ class le {
     return {};
   }
   bindParticle(e, a, r, i, o, n) {
-    const s = this.createProgramWrapper(e, a, r), c = this.createProgramWrapper(e, i, o), h = this.createProgramWrapper(e, i, n), p = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), d = e.createFramebuffer();
-    return { particle: s, screen: c, update: h, quadBuffer: p, frameBuffer: d };
+    const s = this.createProgramWrapper(e, a, r), c = this.createProgramWrapper(e, i, o), h = this.createProgramWrapper(e, i, n), d = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), p = e.createFramebuffer();
+    return { particle: s, screen: c, update: h, quadBuffer: d, frameBuffer: p };
   }
   draw(e, a, r, i, o, n, s) {
     var c, h;
     if (a && r) {
       e.resize(), a == null || a.viewport(0, 0, (c = a == null ? void 0 : a.canvas) == null ? void 0 : c.width, (h = a == null ? void 0 : a.canvas) == null ? void 0 : h.height), a.clearColor(0, 0, 0, 0), a.clear(a.COLOR_BUFFER_BIT | a.DEPTH_BUFFER_BIT);
       try {
-        const p = a.getUniformLocation(r, "u_resolution"), d = a.getUniformLocation(r, "u_image"), y = a.getUniformLocation(r, "u_color");
-        if (a.useProgram(r), a.uniform2f(p, a.canvas.width * e.ratio, a.canvas.height * e.ratio), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, i), a.uniform1i(d, 0), a.activeTexture(a.TEXTURE1), a.bindTexture(a.TEXTURE_2D, o), a.uniform1i(y, 1), s != null && s.uvRange && (s != null && s.sRange)) {
-          const m = a.getUniformLocation(r, "u_range_u_v"), v = a.getUniformLocation(r, "u_range_s");
-          a.uniform2f(m, s.uvRange[0], s.uvRange[1]), a.uniform2f(v, s.sRange[0], s.sRange[1]);
+        const d = a.getUniformLocation(r, "u_resolution"), p = a.getUniformLocation(r, "u_image"), y = a.getUniformLocation(r, "u_color");
+        if (a.useProgram(r), a.uniform2f(d, a.canvas.width * e.ratio, a.canvas.height * e.ratio), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, i), a.uniform1i(p, 0), a.activeTexture(a.TEXTURE1), a.bindTexture(a.TEXTURE_2D, o), a.uniform1i(y, 1), s != null && s.uvRange && (s != null && s.sRange)) {
+          const u = a.getUniformLocation(r, "u_range_u_v"), v = a.getUniformLocation(r, "u_range_s");
+          a.uniform2f(u, s.uvRange[0], s.uvRange[1]), a.uniform2f(v, s.sRange[0], s.sRange[1]);
         }
-        const u = e.getBoundPixel(), g = e.map.getZoom() + 1, f = e.getWorldCopy(u, g);
-        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, _, A, D] = [v, w + v, b, w + b], $ = new Float32Array([k, A, _, A, k, D, k, D, _, A, _, D]);
+        const m = e.getBoundPixel(), g = e.map.getZoom() + 1, f = e.getWorldCopy(m, g);
+        for (const u of f) {
+          const v = (u[0] - m[0]) * e.ratio, b = (u[1] - m[3]) * e.ratio, w = u[2] * e.ratio, [k, _, I, D] = [v, w + v, b, w + b], $ = new Float32Array([k, I, _, I, k, D, k, D, _, I, _, D]);
           a.bindBuffer(a.ARRAY_BUFFER, n), a.bufferData(a.ARRAY_BUFFER, $, a.STATIC_DRAW), a.drawArrays(a.TRIANGLES, 0, 6);
         }
-      } catch (p) {
-        console.log(`render failed...${p}`);
+      } catch (d) {
+        console.log(`render failed...${d}`);
       }
     }
   }
@@ -761,7 +761,7 @@ class le {
 class B {
 }
 // 顶点渲染
-E(B, "vertexSchema", `
+A(B, "vertexSchema", `
     //canvas 坐标系上的坐标 (x, y)
     attribute vec2 a_position; //像素坐标
     attribute vec2 a_texCoord; //纹理坐标
@@ -776,7 +776,7 @@ E(B, "vertexSchema", `
       gl_Position = vec4(position * vec2(1, -1), 0.0, 1.0);
       v_texCoord = a_texCoord;
     }`), // 类如风、流等u v双变量片元渲染
-E(B, "uvFragmentSchema", `
+A(B, "uvFragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image;
     uniform vec2 u_range_u_v;
@@ -795,7 +795,7 @@ E(B, "uvFragmentSchema", `
 
       gl_FragColor = color;
     }`), // 类如浪、气压等单变量片元渲染
-E(B, "fragmentSchema", `
+A(B, "fragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image; // 灰度
     uniform sampler2D u_color; // 色值映射
@@ -806,9 +806,9 @@ E(B, "fragmentSchema", `
       vec4 color = texture2D(u_color, vec2(rgba.r, 0));
       gl_FragColor = color;
     }`);
-class F {
+class V {
 }
-E(F, "vertexSchema", `
+A(V, "vertexSchema", `
     precision mediump float;
 
     attribute float a_index; // 索引
@@ -832,7 +832,7 @@ E(F, "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);
-    }`), E(F, "fragmentSchema", `
+    }`), A(V, "fragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_factor;
@@ -854,7 +854,7 @@ E(F, "vertexSchema", `
 
       float f = 1.0 - uv.b;
       gl_FragColor = texture2D(u_color_ramp, ramp_pos) * f;
-    }`), E(F, "quadVertSchema", `
+    }`), A(V, "quadVertSchema", `
     precision mediump float;
 
     attribute vec2 a_pos;
@@ -864,7 +864,7 @@ E(F, "vertexSchema", `
     void main() {
       v_tex_pos = a_pos;
       gl_Position = vec4(1.0 - 2.0 * a_pos, 0, 1);
-    }`), E(F, "screenFragmentSchema", `
+    }`), A(V, "screenFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_screen;
@@ -876,7 +876,7 @@ E(F, "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);
-    }`), E(F, "updateFragmentSchema", `
+    }`), A(V, "updateFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_particles;
@@ -957,12 +957,12 @@ E(F, "vertexSchema", `
     }`);
 class Qt {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
-    E(this, "token");
-    E(this, "mapboxCustomer");
-    E(this, "i4");
-    E(this, "hi");
-    E(this, "td");
-    E(this, "windy");
+    A(this, "token");
+    A(this, "mapboxCustomer");
+    A(this, "i4");
+    A(this, "hi");
+    A(this, "td");
+    A(this, "windy");
     this.token = e, this.mapboxCustomer = {
       source: this.initialOnlineStyle().sources.composite,
       layers: {
@@ -2566,7 +2566,7 @@ const Kt = {
       type: Object
     },
     viewport: {
-      type: Ue
+      type: Ge
     },
     bottom: {
       type: String,
@@ -2583,7 +2583,7 @@ const Kt = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new le(),
+      webgl: new ve(),
       etime: void 0,
       wrapper: void 0,
       animation: void 0,
@@ -2687,11 +2687,11 @@ const Kt = {
         ];
         this.wrapper = this.webgl.bindParticle(
           this.particleContext,
-          F.vertexSchema,
-          F.fragmentSchema,
-          F.quadVertSchema,
-          F.screenFragmentSchema,
-          F.updateFragmentSchema
+          V.vertexSchema,
+          V.fragmentSchema,
+          V.quadVertSchema,
+          V.screenFragmentSchema,
+          V.updateFragmentSchema
         ), this.wrapper.color = this.webgl.setup(this.particleContext, t, !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);
       }
     },
@@ -2721,7 +2721,7 @@ const Kt = {
       });
     }
   }
-}, re = (t) => (U("data-v-41a686d0"), t = t(), G(), t), ea = { key: 0 }, ta = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "kts", -1)), aa = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "0", -1)), ia = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "5", -1)), ra = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "10", -1)), oa = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "20", -1)), sa = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "30", -1)), na = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "40", -1)), la = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "60", -1)), ca = [
+}, le = (t) => (G("data-v-41a686d0"), t = t(), H(), t), ea = { key: 0 }, ta = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "kts", -1)), aa = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "0", -1)), ia = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "5", -1)), ra = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "10", -1)), oa = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "20", -1)), sa = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "30", -1)), na = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "40", -1)), la = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "60", -1)), ca = [
   ta,
   aa,
   ia,
@@ -2957,7 +2957,7 @@ const _a = {
       type: Object
     },
     viewport: {
-      type: Ue
+      type: Ge
     },
     // right: {
     //   type: String,
@@ -2978,7 +2978,7 @@ const _a = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new le(),
+      webgl: new ve(),
       etime: void 0,
       wrapper: void 0,
       animation: void 0,
@@ -3073,11 +3073,11 @@ const _a = {
         ];
         this.wrapper = this.webgl.bindParticle(
           this.particleContext,
-          F.vertexSchema,
-          F.fragmentSchema,
-          F.quadVertSchema,
-          F.screenFragmentSchema,
-          F.updateFragmentSchema
+          V.vertexSchema,
+          V.fragmentSchema,
+          V.quadVertSchema,
+          V.screenFragmentSchema,
+          V.updateFragmentSchema
         ), this.wrapper.color = this.webgl.setup(this.particleContext, t, !0, 16, 16), this.wrapper = {
           ...this.wrapper,
           ...this.webgl.setupParticle(this.particleContext, 12e3),
@@ -3111,7 +3111,7 @@ const _a = {
       });
     }
   }
-}, ce = (t) => (U("data-v-a182db4f"), t = t(), G(), t), wa = { key: 0 }, La = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "kts", -1)), xa = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "0", -1)), Ca = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "0.4", -1)), Sa = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "0.8", -1)), ka = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "1.6", -1)), za = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "2", -1)), Pa = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "3.2", -1)), Ta = [
+}, _e = (t) => (G("data-v-a182db4f"), t = t(), H(), 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,
@@ -3610,14 +3610,17 @@ const Ua = {
       showTropicals: !1,
       activeTropicals: void 0,
       activeTropicalsMarker: void 0,
-      empty: C.featureCollection([])
+      empty: C.featureCollection([]),
+      circleSource: "circle-source",
+      circleSourceData: C.featureCollection([]),
+      circleLayer: "tropical-circle-layer"
     };
   },
   computed: {
     computeTime() {
       return function(t) {
         if (t) {
-          const e = Q(t).utc();
+          const e = ee(t).utc();
           return `${e.format("MMM-DD,HHmm[Z]")} (${e == null ? void 0 : e.fromNow()})`;
         }
         return "-";
@@ -3640,30 +3643,30 @@ const Ua = {
     "tropicals.version": {
       handler() {
         var r, i;
-        const t = ((i = (r = this.tropicals) == null ? void 0 : r.data) == null ? void 0 : i.features) || [], e = Q().utc().hour(), a = [];
+        const t = ((i = (r = this.tropicals) == null ? void 0 : r.data) == null ? void 0 : i.features) || [], e = ee().utc().hour(), a = [];
         t.forEach((o) => {
           var n, s, c;
           (n = o.properties) != null && n.name && !a.includes((s = o.properties) == null ? void 0 : s.name) && a.push((c = o.properties) == null ? void 0 : c.name);
         }), a.forEach((o) => {
           var h;
           let n = 0, s;
-          const c = t.filter((p) => {
-            var d, y;
-            return ((y = (d = p.properties) == null ? void 0 : d.category) == null ? void 0 : y.split("-")[0]) === o;
+          const c = t.filter((d) => {
+            var p, y;
+            return ((y = (p = d.properties) == null ? void 0 : p.category) == null ? void 0 : y.split("-")[0]) === o;
           });
-          (h = c.filter((p) => {
-            var d, y;
-            return ((d = p.geometry) == null ? void 0 : d.type) === "LineString" && ((y = p.properties) == null ? void 0 : y.type) === "forecast";
-          })[0]) == null || h.properties.model, c.forEach((p, d) => {
-            var y, u, g, f, m, v;
-            ((y = p.geometry) == null ? void 0 : y.type) === "Point" && ((u = p.properties) == null ? void 0 : u.type) === "history" && (n = d, s = s === void 0 ? d : s), ((g = p.geometry) == null ? void 0 : g.type) === "Point" && ((f = p.properties) == null ? void 0 : f.type) === "forecast" && s === void 0 && (s = d), ((m = p.geometry) == null ? void 0 : m.type) === "LineString" && ((v = p.properties) == null || v.type);
-          }), c.map((p, d) => {
-            var y, u, g, f, m, v, b, w;
-            if (((y = p.geometry) == null ? void 0 : y.type) === "LineString" && ((u = p.properties) == null || u.type), ((g = p.geometry) == null ? void 0 : g.type) === "Point" && ((f = p.properties) == null ? void 0 : f.type) === "forecast" && (p.properties.name = o), ((m = p.geometry) == null ? void 0 : m.type) === "Point" && ((v = p.properties) == null ? void 0 : v.type) === "history") {
-              const k = ((w = (b = p.properties) == null ? void 0 : b.format) == null ? void 0 : w.slice(7, 12)) === Q().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm") + "Z";
-              p.properties.showHistoryLabel = k || d === n, p.properties.showNameLabel = d === n, p.properties.name = o;
+          (h = c.filter((d) => {
+            var p, y;
+            return ((p = d.geometry) == null ? void 0 : p.type) === "LineString" && ((y = d.properties) == null ? void 0 : y.type) === "forecast";
+          })[0]) == null || h.properties.model, c.forEach((d, p) => {
+            var y, m, g, f, u, v;
+            ((y = d.geometry) == null ? void 0 : y.type) === "Point" && ((m = d.properties) == null ? void 0 : m.type) === "history" && (n = p, s = s === void 0 ? p : s), ((g = d.geometry) == null ? void 0 : g.type) === "Point" && ((f = d.properties) == null ? void 0 : f.type) === "forecast" && s === void 0 && (s = p), ((u = d.geometry) == null ? void 0 : u.type) === "LineString" && ((v = d.properties) == null || v.type);
+          }), c.map((d, p) => {
+            var y, m, g, f, u, v, b, w;
+            if (((y = d.geometry) == null ? void 0 : y.type) === "LineString" && ((m = d.properties) == null || m.type), ((g = d.geometry) == null ? void 0 : g.type) === "Point" && ((f = d.properties) == null ? void 0 : f.type) === "forecast" && (d.properties.name = o), ((u = d.geometry) == null ? void 0 : u.type) === "Point" && ((v = d.properties) == null ? void 0 : v.type) === "history") {
+              const k = ((w = (b = d.properties) == null ? void 0 : b.format) == null ? void 0 : w.slice(7, 12)) === ee().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm") + "Z";
+              d.properties.showHistoryLabel = k || p === n, d.properties.showNameLabel = p === n, d.properties.name = o;
             }
-            return p;
+            return d;
           });
         }), this.handleInit();
       }
@@ -3701,16 +3704,16 @@ const Ua = {
       ));
     },
     handleRender() {
-      var t, e, a, r, i, o, n, s, c, h, p;
+      var t, e, a, r, i, o, n, s, c, h, d;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
         }, 500);
       else {
         if (this.tropicals) {
-          const d = (/* @__PURE__ */ new Date()).valueOf();
-          let y = 0, u = 0;
-          (t = this.map) != null && t.getSource(this.source) ? ((a = this.map) == null || a.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), u = (/* @__PURE__ */ new Date()).valueOf() - (d + y), console.log("[tropicals] update elapsed: ", u, ", total: ", y += u)) : (this.map.addSource(this.source, {
+          const p = (/* @__PURE__ */ new Date()).valueOf();
+          let y = 0, m = 0;
+          (t = this.map) != null && t.getSource(this.source) ? ((a = this.map) == null || a.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), m = (/* @__PURE__ */ new Date()).valueOf() - (p + y), console.log("[tropicals] update elapsed: ", m, ", total: ", y += m)) : (this.map.addSource(this.source, {
             type: "geojson",
             data: (r = this.tropicals) != null && r.active ? (i = this.tropicals) == null ? void 0 : i.data : this.empty
           }), this.map.addLayer({
@@ -3807,7 +3810,7 @@ const Ua = {
               ],
               "text-halo-width": 4
             }
-          }), u = (/* @__PURE__ */ new Date()).valueOf() - (d + y), console.log("[tropical] add elapsed: ", u, ", total: ", y += u)), (o = this.map) != null && o.getSource(this.clusterSource) ? ((s = this.map) == null || s.getSource(this.clusterSource).setData((n = this.tropicals) != null && n.active ? this.tropicals.data : this.empty), u = (/* @__PURE__ */ new Date()).valueOf() - (d + y), console.log("[tropical] update elapsed: ", u, ", total: ", y += u)) : (this.map.addSource(this.clusterSource, {
+          }), m = (/* @__PURE__ */ new Date()).valueOf() - (p + y), console.log("[tropical] add elapsed: ", m, ", total: ", y += m)), (o = this.map) != null && o.getSource(this.clusterSource) ? ((s = this.map) == null || s.getSource(this.clusterSource).setData((n = this.tropicals) != null && n.active ? this.tropicals.data : this.empty), m = (/* @__PURE__ */ new Date()).valueOf() - (p + y), console.log("[tropical] update elapsed: ", m, ", total: ", y += m)) : (this.map.addSource(this.clusterSource, {
             type: "geojson",
             data: (c = this.tropicals) != null && c.active ? (h = this.tropicals) == null ? void 0 : h.data : this.empty
             // cluster: true,
@@ -3922,22 +3925,22 @@ const Ua = {
               "text-halo-color": "#146bf5",
               "text-halo-width": 4
             }
-          }), u = (/* @__PURE__ */ new Date()).valueOf() - (d + y), console.log("[tropical] add elapsed: ", u, ", total: ", y += u));
+          }), m = (/* @__PURE__ */ new Date()).valueOf() - (p + y), console.log("[tropical] add elapsed: ", m, ", total: ", y += m));
         }
-        if (!((p = this.tropicals) != null && p.cached)) {
-          const d = et.interpolate(this.tropicals, 1), y = JSON.parse(JSON.stringify(d)), u = [];
+        if (this.handleDrawCircle(), !((d = this.tropicals) != null && d.cached)) {
+          const p = et.interpolate(this.tropicals, 1), y = JSON.parse(JSON.stringify(p)), m = [];
           y.forEach((g) => {
-            var f, m, v;
-            (f = g.properties) != null && f.name && !u.includes((m = g.properties) == null ? void 0 : m.name) && u.push((v = g.properties) == null ? void 0 : v.name);
-          }), u.forEach((g) => {
+            var f, u, v;
+            (f = g.properties) != null && f.name && !m.includes((u = g.properties) == null ? void 0 : u.name) && m.push((v = g.properties) == null ? void 0 : v.name);
+          }), m.forEach((g) => {
             var v;
-            const m = (v = y.filter((b) => {
+            const u = (v = y.filter((b) => {
               var w;
               return ((w = b.properties) == null ? void 0 : w.name) === g;
             })[0]) == null ? void 0 : v.properties.model;
             y.map((b, w) => {
               var k, _;
-              return ((k = b.properties) == null ? void 0 : k.name) === g && (b.properties.disabled = ((_ = b.properties) == null ? void 0 : _.model) !== m), b;
+              return ((k = b.properties) == null ? void 0 : k.name) === g && (b.properties.disabled = ((_ = b.properties) == null ? void 0 : _.model) !== u), b;
             });
           }), this.interpolateData = JSON.parse(JSON.stringify(y));
         }
@@ -3946,17 +3949,17 @@ const Ua = {
     },
     handleClear() {
       var t;
-      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 && (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, p, d, y, u, g, f, m, v, b, w, k, _, A, D, $, W, O, H;
-      if ((t = this.interpolateMarkers) == null || t.forEach((X) => X == null ? void 0 : X.remove()), (e = this.interpolateData) != null && e.length && this.tropicals.active) {
-        const X = Q(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), ee = this.interpolateData.filter((R) => R.properties.date === X.format() && !R.properties.disabled), he = this.handleComputePolygons(ee), te = C.featureCollection([...ee]);
-        he.forEach((R) => {
-          te.features.push(R);
-        }), (a = this.map) != null && a.getSource(this.interpolateSource) ? (r = this.map) == null || r.getSource(this.interpolateSource).setData(te) : ((i = this.map) == null || i.addSource(this.interpolateSource, {
+      var t, e, a, r, i, o, n, s, c, h, d, p, y, m, g, f, u, v, b, w, k, _, I, D, $, W, O, U, ae, 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((R) => R.properties.date === X.format() && !R.properties.disabled), fe = this.handleComputePolygons(q), Y = C.featureCollection([...q]);
+        fe.forEach((R) => {
+          Y.features.push(R);
+        }), (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: te
+          data: Y
         }), (o = this.map) == null || o.addLayer({
           id: this.interpolateLineLayer,
           type: "line",
@@ -3968,17 +3971,17 @@ const Ua = {
             "line-width": 2
           }
         })), this.interpolateMarkers = [];
-        for (const R of ee)
+        for (const R of q)
           if (!R.properties.disabled) {
-            let V = "#f44336";
-            ((s = (n = R.properties) == null ? void 0 : n.wind) == null ? void 0 : s.spd) < 17.2 ? V = "#03f869" : ((h = (c = R.properties) == null ? void 0 : c.wind) == null ? void 0 : h.spd) >= 17.2 && ((d = (p = R.properties) == null ? void 0 : p.wind) == null ? void 0 : d.spd) < 24.5 ? V = "#f2f202" : ((u = (y = R.properties) == null ? void 0 : y.wind) == null ? void 0 : u.spd) >= 24.5 && ((f = (g = R.properties) == null ? void 0 : g.wind) == null ? void 0 : f.spd) < 32.7 ? V = "#ff9100" : ((v = (m = R.properties) == null ? void 0 : m.wind) == null ? void 0 : v.spd) >= 32.7 && ((w = (b = R.properties) == null ? void 0 : b.wind) == null ? void 0 : w.spd) < 41.5 ? V = "#f44336" : ((_ = (k = R.properties) == null ? void 0 : k.wind) == null ? void 0 : _.spd) >= 41.5 && ((D = (A = R.properties) == null ? void 0 : A.wind) == null ? void 0 : D.spd) < 51 ? V = "#c604a4" : ((W = ($ = R.properties) == null ? void 0 : $.wind) == null ? void 0 : W.spd) >= 51 ? V = "#6b05bb" : V = "#f44336";
-            const de = `<svg t="1719918955501"
+            let F = "#f44336";
+            ((s = (n = R.properties) == null ? void 0 : n.wind) == null ? void 0 : s.spd) < 17.2 ? F = "#03f869" : ((h = (c = R.properties) == null ? void 0 : c.wind) == null ? void 0 : h.spd) >= 17.2 && ((p = (d = R.properties) == null ? void 0 : d.wind) == null ? void 0 : p.spd) < 24.5 ? F = "#f2f202" : ((m = (y = R.properties) == null ? void 0 : y.wind) == null ? void 0 : m.spd) >= 24.5 && ((f = (g = R.properties) == null ? void 0 : g.wind) == null ? void 0 : f.spd) < 32.7 ? F = "#ff9100" : ((v = (u = R.properties) == null ? void 0 : u.wind) == null ? void 0 : v.spd) >= 32.7 && ((w = (b = R.properties) == null ? void 0 : b.wind) == null ? void 0 : w.spd) < 41.5 ? F = "#f44336" : ((_ = (k = R.properties) == null ? void 0 : k.wind) == null ? void 0 : _.spd) >= 41.5 && ((D = (I = R.properties) == null ? void 0 : I.wind) == null ? void 0 : D.spd) < 51 ? F = "#c604a4" : ((W = ($ = R.properties) == null ? void 0 : $.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">
                           	<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="${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}"
+                          		fill="${F}" 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="${F}"
                           		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"
@@ -3986,39 +3989,50 @@ const Ua = {
                           	<path
                           		d="M420.66666667 959.17a16.08 16.08 0 0 1-15.91-13.49A15.89 15.89 0 0 1 415.50666667 928c1.49-0.55 38.88-14.76 72.79-65.52A354.55 354.55 0 0 1 162.66666667 509.17a450.14 450.14 0 0 1 450.5-450.5 16.07 16.07 0 0 1 15.91 13.48 15.88 15.88 0 0 1-10.75 17.66c-1.58 0.58-39.13 14.9-73.07 65.95A354.22 354.22 0 0 1 871.66666667 509.17a16 16 0 0 1-0.52 4.05A450.14 450.14 0 0 1 420.66666667 959.17zM554.80666667 94.72C351.57666667 123.2 194.66666667 298.21 194.66666667 509.17c0 177.08 144.06 321.74 321.13 322.48a16 16 0 0 1 14.07 23.49c-16.11 30.42-34.27 52.37-50.85 68C682.25666667 894.63 839.16666667 719.63 839.16666667 508.67a15.94 15.94 0 0 1 0.47-3.86C837.30666667 329.33 693.82666667 187 517.80666667 186.67A16 16 0 0 1 503.66666667 163.21c16.21-30.69 34.47-52.79 51.14-68.49z"
                           		fill="#ffffff" p-id="18386"></path>
-                          </svg>`, q = document.createElement("div");
-            q.className = "hurricane-hourly-marker", q.innerHTML = `<div class="${R.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${de}</div>`;
-            const ne = new ie.Marker(q).setLngLat(R.geometry.coordinates).addTo(this.map);
-            this.interpolateMarkers.push(ne);
+                          </svg>`, Q = document.createElement("div");
+            Q.className = "hurricane-hourly-marker", Q.innerHTML = `<div class="${R.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${ge}</div>`;
+            const be = new ne.Marker(Q).setLngLat(R.geometry.coordinates).addTo(this.map);
+            if (this.interpolateMarkers.push(be), (O = R.properties) != null && O.showCircle) {
+              const ie = { radius: 100, coordinates: R.geometry.coordinates }, re = { radius: 200, coordinates: R.geometry.coordinates }, oe = { radius: 500, coordinates: R.geometry.coordinates };
+              (U = this.circleSourceData) == null || U.features.push(
+                C.circle(ie.coordinates, ie.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
+              ), (ae = this.circleSourceData) == null || ae.features.push(
+                C.circle(re.coordinates, re.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
+              ), (de = this.circleSourceData) == null || de.features.push(
+                C.circle(oe.coordinates, oe.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
+              );
+            }
+            (me = (pe = this.map) == null ? void 0 : pe.getSource(this.circleSource)) == null || me.setData(this.circleSourceData);
           }
       } else
-        (O = this.map) != null && O.getSource(this.interpolateSource) && ((H = this.map) == null || H.getSource(this.interpolateSource).setData(this.empty));
+        (ue = this.map) != null && ue.getSource(this.interpolateSource) && ((ye = this.map) == null || ye.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(t) {
-      var o, n, s, c, h, p;
+      var o, n, s, c, h, d, p, y;
       const e = t.features[0], a = (n = (o = this.tropicals) == null ? void 0 : o.data) == null ? void 0 : n.features.filter(
-        (d) => {
-          var y;
-          return d.geometry.type === "LineString" && d.properties.type === "forecast" && d.properties.name === ((y = e == null ? void 0 : e.properties) == null ? void 0 : y.name);
+        (m) => {
+          var g;
+          return m.geometry.type === "LineString" && m.properties.type === "forecast" && m.properties.name === ((g = e == null ? void 0 : e.properties) == null ? void 0 : g.name);
         }
       );
-      a.sort((d, y) => {
-        var u, g, f, m;
-        return ((u = d.properties) == null ? void 0 : u.model) === "cma" ? -1 : ((g = d.properties) == null ? void 0 : g.model) === "jma" ? ((f = y.properties) == null ? void 0 : f.model) === "cma" ? 1 : -1 : d.properties.model === "ecmwf" ? ["jma", "cma"].includes((m = y.properties) == null ? void 0 : m.model) ? 1 : -1 : 0;
+      a.sort((m, g) => {
+        var f, u, v, b;
+        return ((f = m.properties) == null ? void 0 : f.model) === "cma" ? -1 : ((u = m.properties) == null ? void 0 : u.model) === "jma" ? ((v = g.properties) == null ? void 0 : v.model) === "cma" ? 1 : -1 : m.properties.model === "ecmwf" ? ["jma", "cma"].includes((b = g.properties) == null ? void 0 : b.model) ? 1 : -1 : 0;
       });
       const r = (c = (s = this.tropicals) == null ? void 0 : s.data) == null ? void 0 : c.features.filter(
-        (d) => {
-          var y;
-          return d.geometry.type === "LineString" && d.properties.type === "history" && d.properties.name === ((y = e == null ? void 0 : e.properties) == null ? void 0 : y.name);
+        (m) => {
+          var g;
+          return m.geometry.type === "LineString" && m.properties.type === "history" && m.properties.name === ((g = e == null ? void 0 : e.properties) == null ? void 0 : g.name);
         }
       );
       this.activeTropicals = {
         name: (h = e == null ? void 0 : e.properties) == null ? void 0 : h.name,
-        forecasts: a.map((d) => d.properties),
-        history: (p = r[0]) == null ? void 0 : p.properties
+        forecasts: a.map((m) => m.properties),
+        history: (d = r[0]) == null ? void 0 : d.properties,
+        showCircle: (y = (p = a[0]) == null ? void 0 : p.properties) == null ? void 0 : y.showCircle
       }, this.showTropicals = !0;
       const i = document.getElementById("active-tropical");
-      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([t.lngLat.lng, t.lngLat.lat]) : this.activeTropicalsMarker = new ie.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
+      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([t.lngLat.lng, t.lngLat.lat]) : this.activeTropicalsMarker = new ne.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
     },
     handleForecastToggle(t) {
       var r, i, o, n, s, c;
@@ -4033,6 +4047,30 @@ const Ua = {
     handleStrikeProbability(t) {
       this.$emit("tropicalProbability", t);
     },
+    handleToggleCircles(t) {
+      var e, a;
+      t.showCircle = !t.showCircle, (a = (e = this.tropicals.data) == null ? void 0 : e.features) == null || a.forEach((r) => {
+        r.properties.name === t.name && (r.properties.showCircle = t.showCircle);
+      }), this.handleRender();
+    },
+    handleDrawCircle() {
+      var t, e;
+      (t = this.map) != null && t.getSource(this.circleSource) ? (e = this.map) == null || e.getSource(this.circleSource).setData(this.circleSourceData) : (this.map.addSource(this.circleSource, {
+        type: "geojson",
+        data: this.circleSourceData
+      }), this.map.addLayer({
+        id: this.circleLayer,
+        type: "line",
+        source: this.circleSource,
+        filter: ["all", ["==", "$type", "Polygon"], ["==", "type", "tropicalCircle"]],
+        paint: {
+          "line-color": "#fff",
+          "line-width": 2,
+          "line-opacity": 1,
+          "line-dasharray": [1, 1]
+        }
+      }));
+    },
     handleComputePolygons(t) {
       const e = [];
       for (const a of t) {
@@ -4079,7 +4117,7 @@ const Ua = {
       return C.lineToPolygon(i, { properties: a });
     }
   }
-}, Ge = (t) => (U("data-v-ef78324d"), t = t(), G(), t), Ga = {
+}, Ne = (t) => (G("data-v-26b44fd1"), t = t(), H(), t), Ga = {
   id: "active-tropical",
   class: "active-tropical"
 }, Ha = { class: "header-box" }, Za = { class: "main" }, Xa = { key: 0 }, Ja = { class: "sub" }, qa = {
@@ -4088,33 +4126,36 @@ const Ua = {
 }, Ya = { class: "content" }, Qa = { class: "row" }, Ka = {
   class: "col col-left",
   style: { "justify-content": "flex-start" }
-}, ei = /* @__PURE__ */ Ge(() => /* @__PURE__ */ l("label", null, "Wind speed : ", -1)), ti = {
+}, ei = /* @__PURE__ */ Ne(() => /* @__PURE__ */ l("label", null, "Wind speed : ", -1)), ti = {
   class: "col col-right",
   style: { "justify-content": "flex-start" }
-}, ai = /* @__PURE__ */ Ge(() => /* @__PURE__ */ l("label", null, "Pressure : ", -1)), ii = { class: "row" }, ri = {
+}, ai = /* @__PURE__ */ Ne(() => /* @__PURE__ */ l("label", null, "Pressure : ", -1)), ii = { class: "row" }, ri = {
+  class: "col col-24",
+  style: { "justify-content": "flex-start" }
+}, oi = /* @__PURE__ */ Ne(() => /* @__PURE__ */ l("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)), si = { class: "forecast-models" }, ni = ["onClick"], li = { class: "row" }, ci = {
   class: "col col-24",
   style: { "justify-content": "flex-start" }
-}, oi = /* @__PURE__ */ Ge(() => /* @__PURE__ */ l("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)), si = { class: "forecast-models" }, ni = ["onClick"], li = /* @__PURE__ */ lt('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-ef78324d></div><div class="row" style="padding:2px 10px;" data-v-ef78324d><div class="legend" data-v-ef78324d><div class="icon td" data-v-ef78324d></div><div class="label" data-v-ef78324d>TD</div></div><div class="legend" data-v-ef78324d><div class="icon ts" data-v-ef78324d></div><div class="label" data-v-ef78324d>TS</div></div><div class="legend" data-v-ef78324d><div class="icon sts" data-v-ef78324d></div><div class="label" data-v-ef78324d>STS</div></div><div class="legend" data-v-ef78324d><div class="icon ty" data-v-ef78324d></div><div class="label" data-v-ef78324d>TY</div></div><div class="legend" data-v-ef78324d><div class="icon sty" data-v-ef78324d></div><div class="label" data-v-ef78324d>STY</div></div><div class="legend" data-v-ef78324d><div class="icon supper-ty" data-v-ef78324d></div><div class="label" data-v-ef78324d>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-ef78324d><div class="legend" data-v-ef78324d><div class="icon history" data-v-ef78324d></div><div class="label" data-v-ef78324d>History</div></div><div class="legend" data-v-ef78324d><div class="icon r7" data-v-ef78324d></div><div class="label" data-v-ef78324d>35kts Radii</div></div><div class="legend" data-v-ef78324d><div class="icon r10" data-v-ef78324d></div><div class="label" data-v-ef78324d>50kts Radii</div></div></div>', 3), ci = { class: "more" };
-function hi(t, e, a, r, i, o) {
-  var n, s, c, h, p, d, y, u, g, f, m, v, b, w, k;
+}, hi = /* @__PURE__ */ Ne(() => /* @__PURE__ */ l("label", { style: { width: "max-content" } }, "showCircles : ", -1)), di = /* @__PURE__ */ lt('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-26b44fd1></div><div class="row" style="padding:2px 10px;" data-v-26b44fd1><div class="legend" data-v-26b44fd1><div class="icon td" data-v-26b44fd1></div><div class="label" data-v-26b44fd1>TD</div></div><div class="legend" data-v-26b44fd1><div class="icon ts" data-v-26b44fd1></div><div class="label" data-v-26b44fd1>TS</div></div><div class="legend" data-v-26b44fd1><div class="icon sts" data-v-26b44fd1></div><div class="label" data-v-26b44fd1>STS</div></div><div class="legend" data-v-26b44fd1><div class="icon ty" data-v-26b44fd1></div><div class="label" data-v-26b44fd1>TY</div></div><div class="legend" data-v-26b44fd1><div class="icon sty" data-v-26b44fd1></div><div class="label" data-v-26b44fd1>STY</div></div><div class="legend" data-v-26b44fd1><div class="icon supper-ty" data-v-26b44fd1></div><div class="label" data-v-26b44fd1>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-26b44fd1><div class="legend" data-v-26b44fd1><div class="icon history" data-v-26b44fd1></div><div class="label" data-v-26b44fd1>History</div></div><div class="legend" data-v-26b44fd1><div class="icon r7" data-v-26b44fd1></div><div class="label" data-v-26b44fd1>35kts Radii</div></div><div class="legend" data-v-26b44fd1><div class="icon r10" data-v-26b44fd1></div><div class="label" data-v-26b44fd1>50kts Radii</div></div></div>', 3), pi = { class: "more" };
+function mi(t, e, a, r, i, o) {
+  var n, s, c, h, d, p, y, m, g, f, u, v, b, w, k, _;
   return $e((L(), x("div", Ga, [
     l("div", Ha, [
       l("div", {
         class: "iconfont close-btn",
-        onClick: e[0] || (e[0] = (_) => i.showTropicals = !1)
+        onClick: e[0] || (e[0] = (I) => i.showTropicals = !1)
       }, ""),
       l("div", Za, [
         (s = (n = i.activeTropicals) == null ? void 0 : n.history) != null && s.level ? (L(), x("span", Xa, S((h = (c = i.activeTropicals) == null ? void 0 : c.history) == null ? void 0 : h.level) + " , ", 1)) : N("", !0),
-        Ke(S((p = i.activeTropicals) == null ? void 0 : p.name), 1)
+        Ke(S((d = i.activeTropicals) == null ? void 0 : d.name), 1)
       ]),
-      l("div", Ja, " Last update: " + S(o.computeTime(((y = (d = i.activeTropicals) == null ? void 0 : d.history) == null ? void 0 : y.updated) || ((f = (g = (u = i.activeTropicals) == null ? void 0 : u.forecasts) == null ? void 0 : g.filter((_) => !_.disabled)[0]) == null ? void 0 : f.date))), 1)
+      l("div", Ja, " Last update: " + S(o.computeTime(((y = (p = i.activeTropicals) == null ? void 0 : p.history) == null ? void 0 : y.updated) || ((f = (g = (m = i.activeTropicals) == null ? void 0 : m.forecasts) == null ? void 0 : g.filter((I) => !I.disabled)[0]) == null ? void 0 : f.date))), 1)
     ]),
     l("div", qa, [
       l("div", Ya, [
         l("div", Qa, [
           l("div", Ka, [
             ei,
-            l("span", null, S(((v = (m = i.activeTropicals) == null ? void 0 : m.history) == null ? void 0 : v.kts) || "-") + "[kts]", 1)
+            l("span", null, S(((v = (u = i.activeTropicals) == null ? void 0 : u.history) == null ? void 0 : v.kts) || "-") + "[kts]", 1)
           ]),
           l("div", ti, [
             ai,
@@ -4125,31 +4166,45 @@ function hi(t, e, a, r, i, o) {
           l("div", ri, [
             oi,
             l("div", si, [
-              (L(!0), x(Ae, null, De((k = i.activeTropicals) == null ? void 0 : k.forecasts, (_, A) => {
-                var D, $, W, O;
+              (L(!0), x(Ae, null, De((k = i.activeTropicals) == null ? void 0 : k.forecasts, (I, D) => {
+                var $, W, O, U;
                 return L(), x("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" : ""
+                    I.disabled ? "" : "active",
+                    D > 0 && D < ((W = ($ = i.activeTropicals) == null ? void 0 : $.forecasts) == null ? void 0 : W.length) - 1 && ((U = (O = i.activeTropicals) == null ? void 0 : O.forecasts) == null ? void 0 : U.length) > 2 ? "center-child" : ""
                   ]),
-                  onClick: (H) => o.handleForecastToggle(_)
+                  onClick: (ae) => o.handleForecastToggle(I)
                 }, [
                   l("span", {
-                    class: M(_.model)
-                  }, S(_.model), 3)
+                    class: M(I.model)
+                  }, S(I.model), 3)
                 ], 10, ni);
               }), 128))
             ])
           ])
         ]),
-        li
+        l("div", li, [
+          l("div", ci, [
+            hi,
+            (_ = i.activeTropicals) != null && _.showCircle ? (L(), x("i", {
+              key: 0,
+              class: "iconfont icon active",
+              onClick: e[1] || (e[1] = (I) => o.handleToggleCircles(i.activeTropicals))
+            }, "")) : (L(), x("i", {
+              key: 1,
+              class: "iconfont icon",
+              onClick: e[2] || (e[2] = (I) => o.handleToggleCircles(i.activeTropicals))
+            }, ""))
+          ])
+        ]),
+        di
       ]),
-      l("div", ci, [
+      l("div", pi, [
         l("div", {
           class: "button",
-          onClick: e[1] || (e[1] = (_) => o.handleStrikeProbability(i.activeTropicals))
+          onClick: e[3] || (e[3] = (I) => o.handleStrikeProbability(i.activeTropicals))
         }, "Strike Probability >>")
       ])
     ])
@@ -4157,8 +4212,8 @@ function hi(t, e, a, r, i, o) {
     [Be, i.showTropicals && !t.$attrs.hideTropicalsLegend]
   ]);
 }
-const tt = /* @__PURE__ */ T(Ua, [["render", hi], ["__scopeId", "data-v-ef78324d"]]);
-const di = {
+const tt = /* @__PURE__ */ T(Ua, [["render", mi], ["__scopeId", "data-v-26b44fd1"]]);
+const ui = {
   name: "IdmPrecip3h",
   props: {
     factor: {
@@ -4186,7 +4241,7 @@ const di = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new le(),
+      webgl: new ve(),
       etime: void 0,
       right: 10
     };
@@ -4259,27 +4314,27 @@ const di = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, oe = (t) => (U("data-v-dec867b8"), t = t(), G(), t), pi = { key: 0 }, mi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "mm", -1)), ui = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "1.5", -1)), yi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "2", -1)), fi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "3", -1)), gi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "7", -1)), bi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "10", -1)), vi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "20", -1)), _i = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "30", -1)), wi = [
-  mi,
-  ui,
-  yi,
+}, ce = (t) => (G("data-v-dec867b8"), t = t(), H(), t), yi = { key: 0 }, fi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "mm", -1)), gi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "1.5", -1)), bi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "2", -1)), vi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "3", -1)), _i = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "7", -1)), wi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "10", -1)), Li = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "20", -1)), xi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "30", -1)), Ci = [
   fi,
   gi,
   bi,
   vi,
-  _i
+  _i,
+  wi,
+  Li,
+  xi
 ];
-function Li(t, e, a, r, i, o) {
+function Si(t, e, a, r, i, o) {
   var n;
-  return (n = a.factor) != null && n.active ? (L(), x("div", pi, [
+  return (n = a.factor) != null && n.active ? (L(), x("div", yi, [
     l("div", {
       class: "legend-bars flex-center",
       style: j([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
-    }, wi, 4)
+    }, Ci, 4)
   ])) : N("", !0);
 }
-const xi = /* @__PURE__ */ T(di, [["render", Li], ["__scopeId", "data-v-dec867b8"]]);
-const Ci = {
+const ki = /* @__PURE__ */ T(ui, [["render", Si], ["__scopeId", "data-v-dec867b8"]]);
+const zi = {
   name: "IdmVisibility",
   props: {
     factor: {
@@ -4307,7 +4362,7 @@ const Ci = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new le(),
+      webgl: new ve(),
       etime: void 0
     };
   },
@@ -4373,25 +4428,25 @@ const Ci = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, me = (t) => (U("data-v-952dee5c"), t = t(), G(), t), Si = { key: 0 }, ki = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "nm", -1)), zi = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "0", -1)), Pi = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "0.5", -1)), Ti = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "1.5", -1)), Ii = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "3", -1)), Ei = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "9", -1)), Ri = [
-  ki,
-  zi,
-  Pi,
+}, Le = (t) => (G("data-v-952dee5c"), t = t(), H(), t), Pi = { key: 0 }, Ti = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "nm", -1)), Ii = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "0", -1)), Ei = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "0.5", -1)), Ri = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "1.5", -1)), Ai = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "3", -1)), Di = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "9", -1)), Mi = [
   Ti,
   Ii,
-  Ei
+  Ei,
+  Ri,
+  Ai,
+  Di
 ];
-function Ai(t, e, a, r, i, o) {
+function $i(t, e, a, r, i, o) {
   var n;
-  return (n = a.factor) != null && n.active ? (L(), x("div", Si, [
+  return (n = a.factor) != null && n.active ? (L(), x("div", Pi, [
     l("div", {
       class: "legend-bars flex-center",
       style: j([{ position: "absolute" }, { right: t.right + "px", bottom: a.bottom }])
-    }, Ri, 4)
+    }, Mi, 4)
   ])) : N("", !0);
 }
-const Di = /* @__PURE__ */ T(Ci, [["render", Ai], ["__scopeId", "data-v-952dee5c"]]);
-const Mi = {
+const Bi = /* @__PURE__ */ T(zi, [["render", $i], ["__scopeId", "data-v-952dee5c"]]);
+const Ni = {
   name: "IdmWaterTemp",
   props: {
     factor: {
@@ -4419,7 +4474,7 @@ const Mi = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new le(),
+      webgl: new ve(),
       etime: void 0,
       right: 10
     };
@@ -4493,25 +4548,25 @@ const Mi = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ue = (t) => (U("data-v-67e5094b"), t = t(), G(), t), $i = { key: 0 }, Bi = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "°C", -1)), Ni = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "0", -1)), Wi = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "10", -1)), Oi = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "20", -1)), ji = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "30", -1)), Fi = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "40", -1)), Vi = [
-  Bi,
-  Ni,
-  Wi,
+}, xe = (t) => (G("data-v-67e5094b"), t = t(), H(), t), Wi = { key: 0 }, Oi = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "°C", -1)), ji = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "0", -1)), Fi = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "10", -1)), Vi = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "20", -1)), Ui = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "30", -1)), Gi = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "40", -1)), Hi = [
   Oi,
   ji,
-  Fi
+  Fi,
+  Vi,
+  Ui,
+  Gi
 ];
-function Ui(t, e, a, r, i, o) {
+function Zi(t, e, a, r, i, o) {
   var n;
-  return (n = a.factor) != null && n.active ? (L(), x("div", $i, [
+  return (n = a.factor) != null && n.active ? (L(), x("div", Wi, [
     l("div", {
       class: "legend-bars flex-center",
       style: j([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
-    }, Vi, 4)
+    }, Hi, 4)
   ])) : N("", !0);
 }
-const Gi = /* @__PURE__ */ T(Mi, [["render", Ui], ["__scopeId", "data-v-67e5094b"]]);
-const Hi = {
+const Xi = /* @__PURE__ */ T(Ni, [["render", Zi], ["__scopeId", "data-v-67e5094b"]]);
+const Ji = {
   name: "IdmTemp",
   props: {
     factor: {
@@ -4539,7 +4594,7 @@ const Hi = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new le(),
+      webgl: new ve(),
       etime: void 0,
       right: 10
     };
@@ -4616,27 +4671,27 @@ const Hi = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, se = (t) => (U("data-v-389ea886"), t = t(), G(), t), Zi = { key: 0 }, Xi = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "°C", -1)), Ji = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "-20", -1)), qi = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "-10", -1)), Yi = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "0", -1)), Qi = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "10", -1)), Ki = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "20", -1)), er = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "30", -1)), tr = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "40", -1)), ar = [
-  Xi,
-  Ji,
-  qi,
+}, he = (t) => (G("data-v-389ea886"), t = t(), H(), t), qi = { key: 0 }, Yi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "°C", -1)), Qi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "-20", -1)), Ki = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "-10", -1)), er = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "0", -1)), tr = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "10", -1)), ar = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "20", -1)), ir = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "30", -1)), rr = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "40", -1)), or = [
   Yi,
   Qi,
   Ki,
   er,
-  tr
+  tr,
+  ar,
+  ir,
+  rr
 ];
-function ir(t, e, a, r, i, o) {
+function sr(t, e, a, r, i, o) {
   var n;
-  return (n = a.factor) != null && n.active ? (L(), x("div", Zi, [
+  return (n = a.factor) != null && n.active ? (L(), x("div", qi, [
     l("div", {
       class: "legend-bars flex-center",
       style: j([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
-    }, ar, 4)
+    }, or, 4)
   ])) : N("", !0);
 }
-const rr = /* @__PURE__ */ T(Hi, [["render", ir], ["__scopeId", "data-v-389ea886"]]);
-const or = {
+const nr = /* @__PURE__ */ T(Ji, [["render", sr], ["__scopeId", "data-v-389ea886"]]);
+const lr = {
   name: "IdmArctic",
   props: {
     factor: {
@@ -4664,7 +4719,7 @@ const or = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new le(),
+      webgl: new ve(),
       etime: void 0,
       right: 10
     };
@@ -4732,25 +4787,25 @@ const or = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ye = (t) => (U("data-v-db805141"), t = t(), G(), t), sr = { key: 0 }, nr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "m", -1)), lr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "0", -1)), cr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "0.5", -1)), hr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "1", -1)), dr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "1.5", -1)), pr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "2", -1)), mr = [
-  nr,
-  lr,
-  cr,
+}, Ce = (t) => (G("data-v-db805141"), t = t(), H(), t), cr = { key: 0 }, hr = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "m", -1)), dr = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "0", -1)), pr = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "0.5", -1)), mr = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "1", -1)), ur = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "1.5", -1)), yr = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "2", -1)), fr = [
   hr,
   dr,
-  pr
+  pr,
+  mr,
+  ur,
+  yr
 ];
-function ur(t, e, a, r, i, o) {
+function gr(t, e, a, r, i, o) {
   var n;
-  return (n = a.factor) != null && n.active ? (L(), x("div", sr, [
+  return (n = a.factor) != null && n.active ? (L(), x("div", cr, [
     l("div", {
       class: "legend-bars flex-center",
       style: j([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
-    }, mr, 4)
+    }, fr, 4)
   ])) : N("", !0);
 }
-const yr = /* @__PURE__ */ T(or, [["render", ur], ["__scopeId", "data-v-db805141"]]);
-const fr = {
+const br = /* @__PURE__ */ T(lr, [["render", gr], ["__scopeId", "data-v-db805141"]]);
+const vr = {
   name: "IdmPoint",
   emits: ["point", "more"],
   props: {
@@ -4792,22 +4847,22 @@ const fr = {
   computed: {
     computeTime() {
       return function(t) {
-        return t ? `${Q(t).utc().format("MMM-DD,HHmm[Z]")}` : "-";
+        return t ? `${ee(t).utc().format("MMM-DD,HHmm[Z]")}` : "-";
       };
     },
     computeLat() {
       return function(t, e = 4) {
-        return K.lat2pretty(t, e).pretty;
+        return te.lat2pretty(t, e).pretty;
       };
     },
     computeLng() {
       return function(t, e = 4) {
-        return K.lng2pretty(t, e).pretty;
+        return te.lng2pretty(t, e).pretty;
       };
     },
     roundPrecision() {
       return function(t, e = 4) {
-        return isNaN(t) ? "-" : K.roundPrecision(t, e);
+        return isNaN(t) ? "-" : te.roundPrecision(t, e);
       };
     }
   },
@@ -4825,77 +4880,77 @@ const fr = {
       var t;
       if (this.meteo) {
         const e = document.getElementById("point-meteo");
-        this.meteoMarker ? (t = this.meteoMarker) == null || t.setLngLat([this.meteo.lng, this.meteo.lat]) : this.meteoMarker = new ie.Marker(e).setLngLat([this.meteo.lng, this.meteo.lat]).addTo(this.map);
+        this.meteoMarker ? (t = this.meteoMarker) == null || t.setLngLat([this.meteo.lng, this.meteo.lat]) : this.meteoMarker = new ne.Marker(e).setLngLat([this.meteo.lng, this.meteo.lat]).addTo(this.map);
       }
     }
   }
-}, J = (t) => (U("data-v-fb5b12d6"), t = t(), G(), t), gr = {
+}, J = (t) => (G("data-v-fb5b12d6"), t = t(), H(), t), _r = {
   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 = {
+}, wr = { class: "meteo-box" }, Lr = { class: "header-box" }, xr = { class: "main" }, Cr = { class: "sub" }, Sr = { class: "main-box" }, kr = { class: "flex-space" }, zr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Wind", -1)), Pr = { class: "flex-space" }, Tr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Wind.Wave", -1)), Ir = { class: "flex-space" }, Er = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Swell", -1)), Rr = { class: "flex-space" }, Ar = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Sig.Wave", -1)), Dr = { class: "flex-space" }, Mr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Current", -1)), $r = { class: "flex-space" }, Br = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Precip", -1)), Nr = { class: "flex-space" }, Wr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Visibility", -1)), Or = { class: "flex-space" }, jr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Temp", -1)), Fr = { class: "flex-space" }, Vr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Water Temp", -1)), Ur = {
   key: 0,
   class: "flex-space",
   style: { "justify-content": "flex-end" }
-}, Fr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("span", { class: "more" }, "More >>", -1)), Vr = [
-  Fr
+}, Gr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("span", { class: "more" }, "More >>", -1)), Hr = [
+  Gr
 ];
-function Ur(t, e, a, r, i, o) {
-  var n, s, c, h, p, d, y, u, g, f, m, v, b, w, k, _, A, D, $, W, O, H, X, ee, he, te, R, V, de, q, ne, fe, ge, be, ve, _e, we, Le, xe, Ce, Se, ke, ze, Pe, Te, Ie, Ee;
-  return $e((L(), x("div", gr, [
-    l("div", br, [
-      l("div", vr, [
+function Zr(t, e, a, r, i, o) {
+  var n, s, c, h, d, p, y, m, g, f, u, v, b, w, k, _, I, D, $, W, O, U, ae, de, pe, me, ue, ye, X, q, fe, Y, R, F, ge, Q, be, ie, re, oe, Se, ke, ze, Pe, Te, Ie, Ee;
+  return $e((L(), x("div", _r, [
+    l("div", wr, [
+      l("div", Lr, [
         l("div", {
           class: "iconfont close",
-          onClick: e[0] || (e[0] = (We) => i.showMeteo = !1)
+          onClick: e[0] || (e[0] = (Oe) => i.showMeteo = !1)
         }, ""),
-        l("div", _r, S(o.computeLat((n = a.meteo) == null ? void 0 : n.lat)) + "," + S(o.computeLng((s = a.meteo) == null ? void 0 : s.lng)), 1),
-        l("div", wr, S(o.computeTime((c = a.meteo) == null ? void 0 : c.utc)), 1)
+        l("div", xr, S(o.computeLat((n = a.meteo) == null ? void 0 : n.lat)) + "," + S(o.computeLng((s = a.meteo) == null ? void 0 : s.lng)), 1),
+        l("div", Cr, S(o.computeTime((c = a.meteo) == null ? void 0 : c.utc)), 1)
       ]),
-      l("div", Lr, [
-        l("div", xr, [
-          Cr,
-          l("span", null, S(((p = (h = a.meteo) == null ? void 0 : h.wind) == null ? void 0 : p.direction) || "-") + "/" + S(o.roundPrecision((y = (d = a.meteo) == null ? void 0 : d.wind) == null ? void 0 : y.kts, 1)) + "[kts]/" + S((g = (u = a.meteo) == null ? void 0 : u.wind) == null ? void 0 : g.scale) + "[BF]/" + S(o.roundPrecision((m = (f = a.meteo) == null ? void 0 : f.gusts) == null ? void 0 : m.kts, 1)) + "[kts]", 1)
+      l("div", Sr, [
+        l("div", kr, [
+          zr,
+          l("span", null, S(((d = (h = a.meteo) == null ? void 0 : h.wind) == null ? void 0 : d.direction) || "-") + "/" + S(o.roundPrecision((y = (p = a.meteo) == null ? void 0 : p.wind) == null ? void 0 : y.kts, 1)) + "[kts]/" + S((g = (m = a.meteo) == null ? void 0 : m.wind) == null ? void 0 : g.scale) + "[BF]/" + S(o.roundPrecision((u = (f = a.meteo) == null ? void 0 : f.gusts) == null ? void 0 : u.kts, 1)) + "[kts]", 1)
         ]),
-        l("div", Sr, [
-          kr,
-          l("span", null, S(((w = (b = (v = a.meteo) == null ? void 0 : v.wave) == null ? void 0 : b.wd) == null ? void 0 : w.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("div", Pr, [
+          Tr,
+          l("span", null, S(((w = (b = (v = a.meteo) == null ? void 0 : v.wave) == null ? void 0 : b.wd) == null ? void 0 : w.direction) || "-") + "/" + S(o.roundPrecision((I = (_ = (k = a.meteo) == null ? void 0 : k.wave) == null ? void 0 : _.wd) == null ? void 0 : I.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("div", zr, [
-          Pr,
-          l("span", null, S(((X = (H = (O = a.meteo) == null ? void 0 : O.wave) == null ? void 0 : H.swell) == null ? void 0 : X.direction) || "-") + "/" + S(o.roundPrecision((te = (he = (ee = a.meteo) == null ? void 0 : ee.wave) == null ? void 0 : he.swell) == null ? void 0 : te.height, 1)) + "[m]/" + S(o.roundPrecision((de = (V = (R = a.meteo) == null ? void 0 : R.wave) == null ? void 0 : V.swell) == null ? void 0 : de.period, 1)) + "[s]", 1)
+        l("div", Ir, [
+          Er,
+          l("span", null, S(((ae = (U = (O = a.meteo) == null ? void 0 : O.wave) == null ? void 0 : U.swell) == null ? void 0 : ae.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("div", Tr, [
-          Ir,
-          l("span", null, S(((fe = (ne = (q = a.meteo) == null ? void 0 : q.wave) == null ? void 0 : ne.sig) == null ? void 0 : fe.direction) || "-") + "/" + S(o.roundPrecision((ve = (be = (ge = a.meteo) == null ? void 0 : ge.wave) == null ? void 0 : be.sig) == null ? void 0 : ve.height, 1)) + "[m]/" + S(o.roundPrecision((Le = (we = (_e = a.meteo) == null ? void 0 : _e.wave) == null ? void 0 : we.sig) == null ? void 0 : Le.period, 1)) + "[s]", 1)
+        l("div", Rr, [
+          Ar,
+          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 = (R = a.meteo) == null ? void 0 : R.wave) == null ? void 0 : F.sig) == null ? void 0 : ge.height, 1)) + "[m]/" + S(o.roundPrecision((ie = (be = (Q = a.meteo) == null ? void 0 : Q.wave) == null ? void 0 : be.sig) == null ? void 0 : ie.period, 1)) + "[s]", 1)
         ]),
-        l("div", Er, [
-          Rr,
-          l("span", null, S(((Ce = (xe = a.meteo) == null ? void 0 : xe.current) == null ? void 0 : Ce.direction) || "-") + "/" + S(o.roundPrecision((ke = (Se = a.meteo) == null ? void 0 : Se.current) == null ? void 0 : ke.kts, 2)) + "[kts]", 1)
+        l("div", Dr, [
+          Mr,
+          l("span", null, S(((oe = (re = a.meteo) == null ? void 0 : re.current) == null ? void 0 : oe.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", $r, [
+          Br,
           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, [
-          $r,
+        l("div", Nr, [
+          Wr,
           l("span", null, S(o.roundPrecision(((Te = a.meteo) == null ? void 0 : Te.visibility) / 1852, 0)) + "[nm]", 1)
         ]),
-        l("div", Br, [
-          Nr,
+        l("div", Or, [
+          jr,
           l("span", null, S(o.roundPrecision((Ie = a.meteo) == null ? void 0 : Ie.temp, 0)) + "[°C]", 1)
         ]),
-        l("div", Wr, [
-          Or,
+        l("div", Fr, [
+          Vr,
           l("span", null, S(o.roundPrecision((Ee = a.meteo) == null ? void 0 : Ee.waterTemp, 2)) + "[°C]", 1)
         ])
       ]),
-      t.$attrs.permission & i.helper.LEVEL.Prime ? (L(), x("div", jr, Vr)) : N("", !0)
+      t.$attrs.permission & i.helper.LEVEL.Prime ? (L(), x("div", Ur, Hr)) : N("", !0)
     ])
   ], 512)), [
     [Be, i.showMeteo]
   ]);
 }
-const Gr = /* @__PURE__ */ T(fr, [["render", Ur], ["__scopeId", "data-v-fb5b12d6"]]), Hr = {
+const Xr = /* @__PURE__ */ T(vr, [["render", Zr], ["__scopeId", "data-v-fb5b12d6"]]), Jr = {
   name: "IdmWarZone",
   props: {
     map: {
@@ -4985,10 +5040,10 @@ const Gr = /* @__PURE__ */ T(fr, [["render", Ur], ["__scopeId", "data-v-fb5b12d6
     }
   }
 };
-function Zr(t, e, a, r, i, o) {
+function qr(t, e, a, r, i, o) {
   return L(), x("div");
 }
-const Xr = /* @__PURE__ */ T(Hr, [["render", Zr]]), Jr = {
+const Yr = /* @__PURE__ */ T(Jr, [["render", qr]]), Qr = {
   name: "IdmGmdssArea",
   props: {
     map: {
@@ -5108,10 +5163,10 @@ const Xr = /* @__PURE__ */ T(Hr, [["render", Zr]]), Jr = {
     }
   }
 };
-function qr(t, e, a, r, i, o) {
+function Kr(t, e, a, r, i, o) {
   return L(), x("div");
 }
-const Yr = /* @__PURE__ */ T(Jr, [["render", qr]]), Qr = {
+const eo = /* @__PURE__ */ T(Qr, [["render", Kr]]), to = {
   name: "IdmEcaZone",
   props: {
     map: {
@@ -5199,11 +5254,11 @@ const Yr = /* @__PURE__ */ T(Jr, [["render", qr]]), Qr = {
     }
   }
 };
-function Kr(t, e, a, r, i, o) {
+function ao(t, e, a, r, i, o) {
   return L(), x("div");
 }
-const eo = /* @__PURE__ */ T(Qr, [["render", Kr]]);
-const to = {
+const io = /* @__PURE__ */ T(to, [["render", ao]]);
+const ro = {
   name: "IdmAlertZone",
   props: {
     map: {
@@ -5329,10 +5384,10 @@ const to = {
       this.map.getLayer(this.polygonLayer) && this.map.removeLayer(this.polygonLayer), this.map.getLayer(this.polygonLayer + "-border") && this.map.removeLayer(this.polygonLayer + "-border"), this.map.getLayer(this.polygonLabelLayer) && this.map.removeLayer(this.polygonLabelLayer), this.map.getLayer(this.lineLayer) && this.map.removeLayer(this.lineLayer), this.map.getLayer(this.lineLabelLayer) && this.map.removeLayer(this.lineLabelLayer), this.map.getLayer(this.pointLayer) && this.map.removeLayer(this.pointLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, ao = { id: "zone-info" }, io = ["innerHTML"];
-function ro(t, e, a, r, i, o) {
+}, oo = { id: "zone-info" }, so = ["innerHTML"];
+function no(t, e, a, r, i, o) {
   var n;
-  return $e((L(), x("div", ao, [
+  return $e((L(), x("div", oo, [
     l("div", {
       class: "iconfont close",
       onClick: e[0] || (e[0] = (s) => i.showZone = !1)
@@ -5340,13 +5395,13 @@ function ro(t, e, a, r, i, o) {
     l("div", {
       class: "rich-context",
       innerHTML: (n = i.form) == null ? void 0 : n.name
-    }, null, 8, io)
+    }, null, 8, so)
   ], 512)), [
     [Be, i.showZone]
   ]);
 }
-const oo = /* @__PURE__ */ T(to, [["render", ro], ["__scopeId", "data-v-c0864afc"]]);
-const so = {
+const lo = /* @__PURE__ */ T(ro, [["render", no], ["__scopeId", "data-v-c0864afc"]]);
+const co = {
   name: "IdmPort",
   props: {
     map: {
@@ -5372,12 +5427,12 @@ const so = {
   computed: {
     computeLat() {
       return function(t) {
-        return K.lat2pretty(t, 4).pretty;
+        return te.lat2pretty(t, 4).pretty;
       };
     },
     computeLng() {
       return function(t) {
-        return K.lng2pretty(t, 4).pretty;
+        return te.lng2pretty(t, 4).pretty;
       };
     }
   },
@@ -5399,7 +5454,7 @@ const so = {
       if (a) {
         this.showPort = !0, this.form = { ...a.properties }, this.form.lng = a.geometry.coordinates[0], this.form.lat = a.geometry.coordinates[1];
         const i = document.getElementById("port-info");
-        this.marker ? this.marker.setLngLat([t.lngLat.lng, t.lngLat.lat]) : this.marker = new ie.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
+        this.marker ? this.marker.setLngLat([t.lngLat.lng, t.lngLat.lat]) : this.marker = new ne.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
       }
     },
     handleEmit() {
@@ -5438,33 +5493,33 @@ const so = {
       this.showPort = !1, this.map.getLayer(this.layer) && this.map.removeLayer(this.layer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, Ne = (t) => (U("data-v-30e545a2"), t = t(), G(), t), no = { id: "port-info" }, lo = { class: "port-box" }, co = { class: "flex-start" }, ho = /* @__PURE__ */ Ne(() => /* @__PURE__ */ l("label", null, "Name : ", -1)), po = { class: "flex-start" }, mo = /* @__PURE__ */ Ne(() => /* @__PURE__ */ l("label", null, "Position : ", -1)), uo = { class: "flex-start" }, yo = /* @__PURE__ */ Ne(() => /* @__PURE__ */ l("label", null, "LoCode : ", -1)), fo = {
+}, We = (t) => (G("data-v-30e545a2"), t = t(), H(), t), ho = { id: "port-info" }, po = { class: "port-box" }, mo = { class: "flex-start" }, uo = /* @__PURE__ */ We(() => /* @__PURE__ */ l("label", null, "Name : ", -1)), yo = { class: "flex-start" }, fo = /* @__PURE__ */ We(() => /* @__PURE__ */ l("label", null, "Position : ", -1)), go = { class: "flex-start" }, bo = /* @__PURE__ */ We(() => /* @__PURE__ */ l("label", null, "LoCode : ", -1)), vo = {
   class: "flex-start",
   style: { "align-items": "flex-start" }
-}, go = /* @__PURE__ */ Ne(() => /* @__PURE__ */ l("label", null, "Region : ", -1));
-function bo(t, e, a, r, i, o) {
-  return $e((L(), x("div", no, [
+}, _o = /* @__PURE__ */ We(() => /* @__PURE__ */ l("label", null, "Region : ", -1));
+function wo(t, e, a, r, i, o) {
+  return $e((L(), x("div", ho, [
     l("div", {
       class: "close iconfont",
       onClick: e[0] || (e[0] = (n) => i.showPort = !1)
     }, ""),
-    l("div", lo, [
-      l("div", co, [
-        ho,
+    l("div", po, [
+      l("div", mo, [
+        uo,
         l("span", {
           onClick: e[1] || (e[1] = (...n) => o.handleEmit && o.handleEmit(...n))
         }, S(i.form.name), 1)
       ]),
-      l("div", po, [
-        mo,
+      l("div", yo, [
+        fo,
         l("span", null, S(o.computeLat(i.form.lat)) + ", " + S(o.computeLng(i.form.lng)), 1)
       ]),
-      l("div", uo, [
-        yo,
+      l("div", go, [
+        bo,
         l("span", null, S(i.form.loCode || "-"), 1)
       ]),
-      l("div", fo, [
-        go,
+      l("div", vo, [
+        _o,
         l("span", null, S(i.form.city || "-") + ", " + S(i.form.country || "-"), 1)
       ])
     ])
@@ -5472,7 +5527,7 @@ function bo(t, e, a, r, i, o) {
     [Be, i.showPort]
   ]);
 }
-const vo = /* @__PURE__ */ T(so, [["render", bo], ["__scopeId", "data-v-30e545a2"]]), _o = {
+const Lo = /* @__PURE__ */ T(co, [["render", wo], ["__scopeId", "data-v-30e545a2"]]), xo = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -5542,10 +5597,10 @@ const vo = /* @__PURE__ */ T(so, [["render", bo], ["__scopeId", "data-v-30e545a2
     }
   }
 };
-function wo(t, e, a, r, i, o) {
+function Co(t, e, a, r, i, o) {
   return L(), x("div");
 }
-const Lo = /* @__PURE__ */ T(_o, [["render", wo]]), xo = {
+const So = /* @__PURE__ */ T(xo, [["render", Co]]), ko = {
   name: "IdmTimezone",
   props: {
     map: {
@@ -5710,10 +5765,10 @@ const Lo = /* @__PURE__ */ T(_o, [["render", wo]]), xo = {
     }
   }
 };
-function Co(t, e, a, r, i, o) {
+function zo(t, e, a, r, i, o) {
   return L(), x("div");
 }
-const So = /* @__PURE__ */ T(xo, [["render", Co]]), ko = {
+const Po = /* @__PURE__ */ T(ko, [["render", zo]]), To = {
   name: "IdmVoluntaryReportingArea",
   props: {
     map: {
@@ -5801,10 +5856,10 @@ const So = /* @__PURE__ */ T(xo, [["render", Co]]), ko = {
     }
   }
 };
-function zo(t, e, a, r, i, o) {
+function Io(t, e, a, r, i, o) {
   return L(), x("div");
 }
-const Po = /* @__PURE__ */ T(ko, [["render", zo]]), To = {
+const Eo = /* @__PURE__ */ T(To, [["render", Io]]), Ro = {
   name: "IdmSpecialArea",
   props: {
     map: {
@@ -5894,10 +5949,10 @@ const Po = /* @__PURE__ */ T(ko, [["render", zo]]), To = {
     }
   }
 };
-function Io(t, e, a, r, i, o) {
+function Ao(t, e, a, r, i, o) {
   return L(), x("div");
 }
-const Eo = /* @__PURE__ */ T(To, [["render", Io]]), Ro = {
+const Do = /* @__PURE__ */ T(Ro, [["render", Ao]]), Mo = {
   name: "IdmTerminator",
   props: {
     map: {
@@ -5946,11 +6001,11 @@ const Eo = /* @__PURE__ */ T(To, [["render", Io]]), Ro = {
     }
   }
 };
-function Ao(t, e, a, r, i, o) {
+function $o(t, e, a, r, i, o) {
   return L(), x("div");
 }
-const Do = /* @__PURE__ */ T(Ro, [["render", Ao]]);
-const Mo = {
+const Bo = /* @__PURE__ */ T(Mo, [["render", $o]]);
+const No = {
   name: "IdmLatLng",
   props: {
     map: {
@@ -6008,7 +6063,7 @@ const Mo = {
       this.show ? ((t = this.map) == null || t.on("zoomend", this.handleZoomEnd), this.handleRender()) : (this.handleClear(), (e = this.map) == null || e.off("zoomend", this.handleZoomEnd));
     },
     handleMouseMove(t) {
-      const e = t.lngLat, a = K.lng2pretty(e.lng, 2), r = K.lat2pretty(e.lat, 2);
+      const e = t.lngLat, a = te.lng2pretty(e.lng, 2), r = te.lat2pretty(e.lat, 2);
       this.lngLat = { lng: a, lat: r };
     },
     handleComputeLatLngs() {
@@ -6105,19 +6160,19 @@ const Mo = {
       (t = this.map) != null && t.getLayer(this.layer) && ((e = this.map) == null || e.removeLayer(this.layer)), (a = this.map) != null && a.getLayer(this.labelLayer) && ((r = this.map) == null || r.removeLayer(this.labelLayer)), (i = this.map) != null && i.getSource(this.source) && ((o = this.map) == null || o.removeSource(this.source));
     }
   }
-}, $o = (t) => (U("data-v-51cc4052"), t = t(), G(), t), Bo = /* @__PURE__ */ $o(() => /* @__PURE__ */ l("span", null, ", ", -1));
-function No(t, e, a, r, i, o) {
+}, Wo = (t) => (G("data-v-51cc4052"), t = t(), H(), t), Oo = /* @__PURE__ */ Wo(() => /* @__PURE__ */ l("span", null, ", ", -1));
+function jo(t, e, a, r, i, o) {
   return i.lngLat ? (L(), x("div", {
     key: 0,
     class: "lat-lng-tip",
     style: j({ right: i.right + "px", bottom: a.bottom })
   }, [
     l("span", null, S(i.lngLat.lat.pretty), 1),
-    Bo,
+    Oo,
     l("span", null, S(i.lngLat.lng.pretty), 1)
   ], 4)) : N("", !0);
 }
-const at = /* @__PURE__ */ T(Mo, [["render", No], ["__scopeId", "data-v-51cc4052"]]), Wo = {
+const at = /* @__PURE__ */ T(No, [["render", jo], ["__scopeId", "data-v-51cc4052"]]), Fo = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -6163,8 +6218,8 @@ const at = /* @__PURE__ */ T(Mo, [["render", No], ["__scopeId", "data-v-51cc4052
         (t = this.map) == null || t.getCanvas().addEventListener("keydown", this.handleKeydown), (e = this.map) == null || e.on("mousemove", this.handleMove), (a = this.map) == null || a.on("dblclick", this.handleDblClick), (r = this.map) == null || r.on("click", this.handleClick), (i = this.map) == null || i.on("contextmenu", this.handleContextmenu), this.map && (this.map.getCanvas().style.cursor = "crosshair");
       else {
         (o = this.map) == null || o.getCanvas().removeEventListener("keydown", this.handleKeydown), (n = this.map) == null || n.off("mousemove", this.handleMove), (s = this.map) == null || s.off("dblclick", this.handleDblClick), (c = this.map) == null || c.off("click", this.handleClick), (h = this.map) == null || h.off("contextmenu", this.handleContextmenu);
-        for (const p of this.geojson)
-          this.handleClear(p, !0);
+        for (const d of this.geojson)
+          this.handleClear(d, !0);
         this.geojson = [], this.map && (this.map.getCanvas().style.cursor = "grab");
       }
     },
@@ -6176,41 +6231,41 @@ const at = /* @__PURE__ */ T(Mo, [["render", No], ["__scopeId", "data-v-51cc4052
       }
     },
     handleDrag(t) {
-      var a, r, i, o, n, s, c, h, p, d;
+      var a, r, i, o, n, s, c, h, d, p;
       const e = (r = (a = t.target) == null ? void 0 : a._element) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
-        const y = this.geojson.filter((m) => m.id === e.split("-")[0])[0];
-        this.pointMarkers[y.id].filter((m) => {
+        const y = this.geojson.filter((u) => u.id === e.split("-")[0])[0];
+        this.pointMarkers[y.id].filter((u) => {
           var v;
-          return ((v = m._element) == null ? void 0 : v.id) === e;
+          return ((v = u._element) == null ? void 0 : v.id) === e;
         })[0].setLngLat([(o = (i = t.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (s = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : s.lat]);
         let g;
-        y.features.forEach((m, v) => {
-          if (m.geometry.type === "Point" && m.properties.id == e.split("-")[1]) {
+        y.features.forEach((u, v) => {
+          if (u.geometry.type === "Point" && u.properties.id == e.split("-")[1]) {
             g = v;
             return;
           }
         });
-        const f = y.features.filter((m) => m.geometry.type === "Point");
+        const f = y.features.filter((u) => u.geometry.type === "Point");
         this.handleTmpPointUpdate(
           y,
           f[g - 1],
-          { lng: (h = (c = t.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, lat: (d = (p = t.target) == null ? void 0 : p._lngLat) == null ? void 0 : d.lat, properties: f[g].properties },
+          { lng: (h = (c = t.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, lat: (p = (d = t.target) == null ? void 0 : d._lngLat) == null ? void 0 : p.lat, properties: f[g].properties },
           g === f.length - 1 ? void 0 : f[g + 1]
         );
       }
     },
     handleDragEnd(t) {
-      var a, r, i, o, n, s, c, h, p, d;
+      var a, r, i, o, n, s, c, h, d, p;
       const e = (r = (a = t.target) == null ? void 0 : a._element) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const y = this.geojson.filter((f) => f.id === e.split("-")[0])[0];
         this.pointMarkers[y.id].filter((f) => {
-          var m;
-          return ((m = f._element) == null ? void 0 : m.id) === e;
+          var u;
+          return ((u = f._element) == null ? void 0 : u.id) === e;
         })[0].setLngLat([(o = (i = t.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (s = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : s.lat]);
         const g = y.features.filter((f) => f.geometry.type === "Point" && f.properties.id == e.split("-")[1])[0];
-        g.geometry.coordinates = [(h = (c = t.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, (d = (p = t.target) == null ? void 0 : p._lngLat) == null ? void 0 : d.lat], y.features = y.features.filter((f) => f.geometry.type === "Point"), this.handlePointUpdate(y);
+        g.geometry.coordinates = [(h = (c = t.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, (p = (d = t.target) == null ? void 0 : d._lngLat) == null ? void 0 : p.lat], y.features = y.features.filter((f) => f.geometry.type === "Point"), this.handlePointUpdate(y);
       }
     },
     handleContextmenu(t) {
@@ -6221,7 +6276,7 @@ const at = /* @__PURE__ */ T(Mo, [["render", No], ["__scopeId", "data-v-51cc4052
         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 ie.Marker(h).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
+          h.className = "point-contextmenu-marker", h.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new ne.Marker(h).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
         }
       }
     },
@@ -6257,12 +6312,12 @@ const at = /* @__PURE__ */ T(Mo, [["render", No], ["__scopeId", "data-v-51cc4052
         let a = 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] }, p = Oe(c, h, s.mode === "RL", 2), d = je(c, h, s.mode === "RL", 2);
-          a = K.roundPrecision(a + p, 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 = je(c, h, s.mode === "RL", 2), p = Fe(c, h, s.mode === "RL", 2);
+          a = te.roundPrecision(a + d, 2);
           let y;
-          s.mode === "RL" ? y = pe([c, h]) : y = pe(Fe(c, h, 200));
-          const u = C.lineString(y.map((g) => [g.lng, g.lat]));
-          u.properties.dist = p, u.properties.bearing = d, u.properties.total = a, r.push(u);
+          s.mode === "RL" ? y = we([c, h]) : y = we(Ve(c, h, 200));
+          const m = C.lineString(y.map((g) => [g.lng, g.lat]));
+          m.properties.dist = d, m.properties.bearing = p, m.properties.total = a, r.push(m);
         }
         e.push(...r), t.total = a;
       }
@@ -6272,19 +6327,19 @@ const at = /* @__PURE__ */ T(Mo, [["render", No], ["__scopeId", "data-v-51cc4052
       const i = C.featureCollection([]);
       let o, n;
       if (e) {
-        const c = e.properties, h = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, p = { lng: a.lng, lat: a.lat };
-        o = Oe(h, p, c.mode === "RL", 2), n = je(h, p, c.mode === "RL", 2);
-        let d;
-        c.mode === "RL" ? d = pe([h, p]) : d = pe(Fe(h, p, 200));
-        const y = C.lineString(d.map((u) => [u.lng, u.lat]));
+        const c = e.properties, h = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, d = { lng: a.lng, lat: a.lat };
+        o = je(h, d, c.mode === "RL", 2), n = Fe(h, d, c.mode === "RL", 2);
+        let p;
+        c.mode === "RL" ? p = we([h, d]) : p = we(Ve(h, d, 200));
+        const y = C.lineString(p.map((m) => [m.lng, m.lat]));
         y.properties.dist = o, y.properties.bearing = n, i.features.push(y);
       }
       if (r) {
-        const c = a.properties, h = a, p = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
-        o = Oe(h, p, c.mode === "RL", 2), n = je(h, p, c.mode === "RL", 2);
-        let d;
-        c.mode === "RL" ? d = pe([h, p]) : d = pe(Fe(h, p, 200));
-        const y = C.lineString(d.map((u) => [u.lng, u.lat]));
+        const c = a.properties, h = a, d = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
+        o = je(h, d, c.mode === "RL", 2), n = Fe(h, d, c.mode === "RL", 2);
+        let p;
+        c.mode === "RL" ? p = we([h, d]) : p = we(Ve(h, d, 200));
+        const y = C.lineString(p.map((m) => [m.lng, m.lat]));
         y.properties.dist = o, y.properties.bearing = n, i.features.push(y);
       }
       this.map.getSource(this.tmpSource) ? this.map.getSource(this.tmpSource).setData(i) : this.map.addSource(this.tmpSource, {
@@ -6325,11 +6380,11 @@ const at = /* @__PURE__ */ T(Mo, [["render", No], ["__scopeId", "data-v-51cc4052
         }
       });
       let s;
-      if (r ? s = '<div class="marker-label">Drag and drop</div>' : s = `<div class="marker-label">Tol distance: <b>${K.roundPrecision((t.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>${te.roundPrecision((t.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([a.lng, a.lat]);
       else {
         const c = document.createElement("div");
-        c.className = "tip-marker", c.innerHTML = s, this.tipMarker = new ie.Marker(c).setOffset([140, 0]).setLngLat([a.lng, a.lat]).addTo(this.map);
+        c.className = "tip-marker", c.innerHTML = s, this.tipMarker = new ne.Marker(c).setOffset([140, 0]).setLngLat([a.lng, a.lat]).addTo(this.map);
       }
     },
     handleMove(t) {
@@ -6387,29 +6442,29 @@ const at = /* @__PURE__ */ T(Mo, [["render", No], ["__scopeId", "data-v-51cc4052
         for (const n of o) {
           const s = document.createElement("div");
           s.id = `${t.id}-${n.properties.id}`, s.className = `${t.closed ? "point-marker closed" : "point-marker"}`, s.innerHTML = '<div class="marker-circle"></div>';
-          const c = new ie.Marker({ element: s, draggable: !0, contextmenu: !0 }).setLngLat(n.geometry.coordinates).addTo(this.map);
+          const c = new ne.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[t.id] ? this.pointMarkers[t.id].push(c) : this.pointMarkers[t.id] = [c];
         }
         if (t.closed) {
-          const n = o.at(-1), c = t.features.filter((p) => p.geometry.type === "LineString").at(-1), h = document.createElement("div");
-          h.className = "point-summary-marker", h.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">Tol: ${c.properties.total}nm</div>`, this.closeMarkers[t.id] = new ie.Marker(h).setOffset([60, 0]).setLngLat(n.geometry.coordinates).addTo(this.map);
+          const n = o.at(-1), c = t.features.filter((d) => d.geometry.type === "LineString").at(-1), h = document.createElement("div");
+          h.className = "point-summary-marker", h.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">Tol: ${c.properties.total}nm</div>`, this.closeMarkers[t.id] = new ne.Marker(h).setOffset([60, 0]).setLngLat(n.geometry.coordinates).addTo(this.map);
         }
       }
     },
     handleClear(t, e = !0) {
-      var o, n, s, c, h, p, d, y, u;
+      var o, n, s, c, h, d, p, y, m;
       const a = `${t.id}-${this.source}`, r = `${t.id}-${this.layer}`, i = `${t.id}-${this.labelLayer}`;
-      (o = this.map) != null && o.getLayer(r) && this.map.removeLayer(r), (n = this.map) != null && n.getLayer(i) && this.map.removeLayer(i), (s = this.map) != null && s.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (c = this.map) != null && c.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (h = this.closeMarkers[t.id]) == null || h.remove(), this.closeMarkers[t.id] = void 0, (p = this.pointMarkers[t.id]) == null || p.forEach((g) => {
+      (o = this.map) != null && o.getLayer(r) && this.map.removeLayer(r), (n = this.map) != null && n.getLayer(i) && this.map.removeLayer(i), (s = this.map) != null && s.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (c = this.map) != null && c.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (h = this.closeMarkers[t.id]) == null || h.remove(), this.closeMarkers[t.id] = void 0, (d = this.pointMarkers[t.id]) == null || d.forEach((g) => {
         g == null || g.remove();
-      }), this.pointMarkers[t.id] = [], (d = this.tipMarker) == null || d.remove(), this.tipMarker = void 0, e && ((y = this.map) != null && y.getSource(a)) && this.map.removeSource(a), e && ((u = this.map) != null && u.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
+      }), this.pointMarkers[t.id] = [], (p = this.tipMarker) == null || p.remove(), this.tipMarker = void 0, e && ((y = this.map) != null && y.getSource(a)) && this.map.removeSource(a), e && ((m = this.map) != null && m.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
 };
-function Oo(t, e, a, r, i, o) {
+function Vo(t, e, a, r, i, o) {
   return L(), x("div");
 }
-const jo = /* @__PURE__ */ T(Wo, [["render", Oo]]);
-const Fo = {
+const Uo = /* @__PURE__ */ T(Fo, [["render", Vo]]);
+const Go = {
   name: "IdmENC",
   props: {
     map: {
@@ -6461,32 +6516,32 @@ 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
+}, it = (t) => (G("data-v-ab627b83"), t = t(), H(), t), Ho = { key: 0 }, Zo = { class: "bar-item" }, Xo = /* @__PURE__ */ it(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "HI", -1)), Jo = [
+  Xo
+], qo = /* @__PURE__ */ it(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "I4", -1)), Yo = [
+  qo
 ];
-function Jo(t, e, a, r, i, o) {
-  return a.enabled && a.permission & i.helper.LEVEL.Supper ? (L(), x("div", Vo, [
+function Qo(t, e, a, r, i, o) {
+  return a.enabled && a.permission & i.helper.LEVEL.Supper ? (L(), x("div", Ho, [
     l("div", {
       class: "menu-bar-box",
       style: j({ position: "absolute", right: i.right + "px", bottom: a.bottom })
     }, [
-      l("div", Uo, [
+      l("div", Zo, [
         l("div", {
           class: M(i.vendor === "hi" ? "menu-icon active" : "menu-icon"),
           onClick: e[0] || (e[0] = (n) => i.vendor = "hi")
-        }, Ho, 2),
+        }, Jo, 2),
         l("div", {
           class: M(i.vendor === "i4" ? "menu-icon active" : "menu-icon"),
           onClick: e[1] || (e[1] = (n) => i.vendor = "i4")
-        }, Xo, 2)
+        }, Yo, 2)
       ])
     ], 4)
   ])) : N("", !0);
 }
-const qo = /* @__PURE__ */ T(Fo, [["render", Jo], ["__scopeId", "data-v-ab627b83"]]);
-const Yo = {
+const Ko = /* @__PURE__ */ T(Go, [["render", Qo], ["__scopeId", "data-v-ab627b83"]]);
+const es = {
   name: "IdmGLV2",
   components: {
     IdmGlLayer: Vt,
@@ -6500,25 +6555,25 @@ const Yo = {
     // IdmIceEdge,
     IdmIceberg: Va,
     IdmTropicals: tt,
-    IdmPrecip3h: xi,
-    IdmVisibility: Di,
-    IdmWaterTemp: Gi,
-    IdmTemp: rr,
-    IdmArctic: yr,
-    IdmWarZone: Xr,
-    IdmGmdssArea: Yr,
-    IdmEcaZone: eo,
-    IdmAlertZone: oo,
-    IdmPort: vo,
-    IdmLoadLine: Lo,
-    IdmTimezone: So,
-    IdmVRA: Po,
-    IdmSpecialArea: Eo,
-    IdmTerminator: Do,
+    IdmPrecip3h: ki,
+    IdmVisibility: Bi,
+    IdmWaterTemp: Xi,
+    IdmTemp: nr,
+    IdmArctic: br,
+    IdmWarZone: Yr,
+    IdmGmdssArea: eo,
+    IdmEcaZone: io,
+    IdmAlertZone: lo,
+    IdmPort: Lo,
+    IdmLoadLine: So,
+    IdmTimezone: Po,
+    IdmVRA: Eo,
+    IdmSpecialArea: Do,
+    IdmTerminator: Bo,
     IdmLatLng: at,
-    IdmMeasure: jo,
-    IdmPoint: Gr,
-    IdmENC: qo
+    IdmMeasure: Uo,
+    IdmPoint: Xr,
+    IdmENC: Ko
   },
   props: {
     map: {
@@ -6566,7 +6621,7 @@ const Yo = {
   watch: {
     ts: {
       handler(t, e) {
-        t && e && Q(t).utc().format("yyyy-MM-DD HH") !== Q(e).utc().format("yyyy-MM-DD HH") && this.$nextTick(() => {
+        t && e && ee(t).utc().format("yyyy-MM-DD HH") !== ee(e).utc().format("yyyy-MM-DD HH") && this.$nextTick(() => {
           this.handleDateChange({ tropicals: !1 });
         });
       },
@@ -6574,8 +6629,8 @@ const Yo = {
     },
     map: {
       handler() {
-        var t, e, a, r, i, o, n, s, c, h, p, d, y, u, g;
-        this.map && (this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.viewport = new Ue(this.map), this.handleRampColorInitial(), this.activeWeatherLayers.length > 0 ? ((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) && ((p = this.map) == null || p.moveLayer((h = this.viewport) == null ? void 0 : h.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : ((y = (d = this.map) == null ? void 0 : d.getLayer(this.enc)) == null || y.setLayoutProperty("visibility", "visible"), (g = (u = this.map) == null ? void 0 : u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || g.setLayoutProperty("visibility", "none")));
+        var t, e, a, r, i, o, n, s, c, h, d, p, y, m, g;
+        this.map && (this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.viewport = new Ge(this.map), this.handleRampColorInitial(), this.activeWeatherLayers.length > 0 ? ((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))) : ((y = (p = this.map) == null ? void 0 : p.getLayer(this.enc)) == null || y.setLayoutProperty("visibility", "visible"), (g = (m = this.map) == null ? void 0 : m.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || g.setLayoutProperty("visibility", "none")));
       },
       immediate: !0
     },
@@ -6587,10 +6642,10 @@ const Yo = {
     },
     activeWeatherLayers: {
       handler() {
-        var t, e, a, r, i, o, n, s, c, h, p, d, y, u, g;
+        var t, e, a, r, i, o, n, s, c, h, d, p, y, m, g;
         if (!this.map)
           return !1;
-        this.activeWeatherLayers.length > 0 ? ((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) && ((p = this.map) == null || p.moveLayer((h = this.viewport) == null ? void 0 : h.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : ((y = (d = this.map) == null ? void 0 : d.getLayer(this.enc)) == null || y.setLayoutProperty("visibility", "visible"), (g = (u = this.map) == null ? void 0 : u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || g.setLayoutProperty("visibility", "none"));
+        this.activeWeatherLayers.length > 0 ? ((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))) : ((y = (p = this.map) == null ? void 0 : p.getLayer(this.enc)) == null || y.setLayoutProperty("visibility", "visible"), (g = (m = this.map) == null ? void 0 : m.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || g.setLayoutProperty("visibility", "none"));
       },
       immediate: !0
     }
@@ -6637,22 +6692,22 @@ const Yo = {
   },
   methods: {
     async fetchWeatherLayers(t = { tropicals: !1 }) {
-      var i, o, n, s, c, h, p, d;
+      var i, o, n, s, c, h, d, p;
       const e = (/* @__PURE__ */ new Date()).valueOf();
       let a = 0, r = 0;
       if (this.map) {
-        const y = ((i = this.map) == null ? void 0 : i.getZoom()) + 1, u = (o = this.map) == null ? void 0 : o.getBounds(), g = `${u._sw.lng},${u._sw.lat},${u._ne.lng},${u._ne.lat}`;
+        const y = ((i = this.map) == null ? void 0 : i.getZoom()) + 1, m = (o = this.map) == null ? void 0 : o.getBounds(), g = `${m._sw.lng},${m._sw.lat},${m._ne.lng},${m._ne.lat}`;
         if (this.handleRampColorState(), this.particleFactor) {
-          const f = Ve.WEATHER_LAYERS.find((m) => {
+          const f = Ue.WEATHER_LAYERS.find((u) => {
             var v;
-            return ((v = m.peer) == null ? void 0 : v.weight) === this.particleFactor.weight;
+            return ((v = u.peer) == null ? void 0 : v.weight) === this.particleFactor.weight;
           });
           this.particleFactor.particle ? this.weatherWeight = this.weatherWeight & f.weight ? this.weatherWeight : this.weatherWeight + f.weight : this.weatherWeight = this.weatherWeight & f.weight ? this.weatherWeight - f.weight : this.weatherWeight;
         }
         if (this.weatherWeight > 0) {
-          let f = this.weatherWeight, m;
-          if (t.tropicals || this.weatherWeight & 256 && (m = this.weatherLayers.tropicals, m && (f -= 256, m.version = Math.random() + 1)), f > 0) {
-            const v = await ae.get(`${this.gateway}/api/arc/weather/layers/links?l=${f}&v=${this.source}&z=${y}&bbox=${g}&t=${this.ts}`, {
+          let f = this.weatherWeight, u;
+          if (t.tropicals || this.weatherWeight & 256 && (u = this.weatherLayers.tropicals, u && (f -= 256, u.version = Math.random() + 1)), f > 0) {
+            const v = await se.get(`${this.gateway}/api/arc/weather/layers/links?l=${f}&v=${this.source}&z=${y}&bbox=${g}&t=${this.ts}`, {
               headers: {
                 Authorization: this.token || this.defaultMeteoToken
               }
@@ -6661,35 +6716,35 @@ const Yo = {
               const b = (s = v == null ? void 0 : v.data) == null ? void 0 : s.data, w = [];
               for (const _ in b)
                 _ === "ice-edge" && (b[_] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), _ !== "tropicals" && w.push(
-                  ae.get(b[_], {
+                  se.get(b[_], {
                     headers: {
                       Authorization: this.token || this.defaultMeteoToken,
                       key: _
                     },
                     responseType: /\.(jpg|png)$/.test(b[_]) ? "blob" : "json"
-                  }).catch((A) => {
-                    console.log(`[${_}] fetch layer error: ${A}`);
+                  }).catch((I) => {
+                    console.log(`[${_}] fetch layer error: ${I}`);
                   })
                 );
               const k = await Promise.all(w);
               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,
-                  type: ((H = _ == null ? void 0 : _.config) == null ? void 0 : H.responseType) === "blob" ? "image" : "json",
+                var $, W, O, U;
+                const I = (($ = _ == 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 && I && (this.weatherLayers[D] = {
+                  raw: I,
+                  type: ((U = _ == null ? void 0 : _.config) == null ? void 0 : U.responseType) === "blob" ? "image" : "json",
                   etime: this.ts
                 });
-              }), b.tropicals && ae.get(b.tropicals, {
+              }), b.tropicals && se.get(b.tropicals, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken,
                   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;
+                const I = 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,
+                  data: I,
                   active: !0,
                   cached: !1,
                   type: "json",
@@ -6708,7 +6763,7 @@ const Yo = {
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
-              const b = (p = this.weatherLayers["current-direction"]) == null ? void 0 : p.raw, w = (d = this.weatherLayers["current-speed"]) == null ? void 0 : d.raw;
+              const b = (d = this.weatherLayers["current-direction"]) == null ? void 0 : d.raw, w = (p = this.weatherLayers["current-speed"]) == null ? void 0 : p.raw;
               delete this.weatherLayers["current-direction"], delete this.weatherLayers["current-speed"], this.weatherLayers.current = {
                 type: "json",
                 direction: b,
@@ -6717,7 +6772,7 @@ const Yo = {
               };
             }
           }
-          m && (m.etime = this.ts, m.cached = !0, this.weatherLayers.tropicals = m);
+          u && (u.etime = this.ts, u.cached = !0, this.weatherLayers.tropicals = u);
         }
         this.handleWeatherLayerToggle(), this.handleDragEndWithZoom4Json();
       }
@@ -6731,50 +6786,50 @@ const Yo = {
           let n = !1;
           if (this.otherWeight & 2048 && (o = this.otherWeight - 2048, n = !0), o) {
             if (t.all) {
-              const s = await ae.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
+              const s = await se.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
               });
               if (((e = s == null ? void 0 : s.data) == null ? void 0 : e.code) === 0) {
                 const c = (a = s == null ? void 0 : s.data) == null ? void 0 : a.data, h = [];
-                for (const d in c)
+                for (const p in c)
                   h.push(
-                    ae.get(c[d], {
+                    se.get(c[p], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
-                        key: d
+                        key: p
                       }
                     })
                   );
-                const p = await Promise.all(h);
-                this.otherLayers = { enc: n }, p.map((d) => {
-                  var g, f, m;
-                  const y = ((g = d == null ? void 0 : d.data) == null ? void 0 : g.data) || (d == null ? void 0 : d.data), u = (m = (f = d == null ? void 0 : d.config) == null ? void 0 : f.headers) == null ? void 0 : m.key;
-                  this.otherLayers[u] = y;
+                const d = await Promise.all(h);
+                this.otherLayers = { enc: n }, d.map((p) => {
+                  var g, f, u;
+                  const y = ((g = p == null ? void 0 : p.data) == null ? void 0 : g.data) || (p == null ? void 0 : p.data), m = (u = (f = p == null ? void 0 : p.config) == null ? void 0 : f.headers) == null ? void 0 : u.key;
+                  this.otherLayers[m] = y;
                 });
               }
             } else if (t.dayNight && o & 1024) {
-              const s = await ae.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
+              const s = await se.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
               });
               if (((r = s == null ? void 0 : s.data) == null ? void 0 : r.code) === 0) {
                 const c = (i = s == null ? void 0 : s.data) == null ? void 0 : i.data, h = [];
-                for (const d in c)
+                for (const p in c)
                   h.push(
-                    ae.get(c[d], {
+                    se.get(c[p], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
-                        key: d
+                        key: p
                       }
                     })
                   );
-                (await Promise.all(h)).map((d) => {
-                  var g, f, m;
-                  const y = ((g = d == null ? void 0 : d.data) == null ? void 0 : g.data) || (d == null ? void 0 : d.data), u = (m = (f = d == null ? void 0 : d.config) == null ? void 0 : f.headers) == null ? void 0 : m.key;
-                  this.otherLayers[u] = y;
+                (await Promise.all(h)).map((p) => {
+                  var g, f, u;
+                  const y = ((g = p == null ? void 0 : p.data) == null ? void 0 : g.data) || (p == null ? void 0 : p.data), m = (u = (f = p == null ? void 0 : p.config) == null ? void 0 : f.headers) == null ? void 0 : u.key;
+                  this.otherLayers[m] = y;
                 });
               }
             }
@@ -6795,7 +6850,7 @@ const Yo = {
       this.activeWindLayer = !!this.activeWeatherLayers.find((e) => e.key === "wind"), this.$refs.layer && (this.$refs.layer.activeWeatherLayers = this.activeWeatherLayers);
     },
     handleRampColorInitial() {
-      var t, e, a, r, i, o, n, s, c, h, p, d;
+      var t, e, a, r, i, o, n, s, c, h, d, p;
       this.viewport.map.getSource((t = this.viewport) == null ? void 0 : t.rampColorSource) || this.viewport.map.addSource((e = this.viewport) == null ? void 0 : e.rampColorSource, {
         type: "canvas",
         canvas: (a = this.viewport) == null ? void 0 : a.rampColorCanvas,
@@ -6819,8 +6874,8 @@ const Yo = {
       }), this.viewport.map.getLayer((h = this.viewport) == null ? void 0 : h.particleLayer) || this.viewport.map.addLayer(
         {
           type: "raster",
-          id: (p = this.viewport) == null ? void 0 : p.particleLayer,
-          source: (d = this.viewport) == null ? void 0 : d.particleSource,
+          id: (d = this.viewport) == null ? void 0 : d.particleLayer,
+          source: (p = this.viewport) == null ? void 0 : p.particleSource,
           layout: {
             visibility: "none"
           }
@@ -6829,69 +6884,69 @@ const Yo = {
       );
     },
     handleDragEndWithZoom4Json() {
-      var h, p, d, y;
+      var h, d, p, y;
       const t = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, a = 0;
       const r = (h = this.map) == null ? void 0 : h.getBounds(), i = this.map.getZoom(), o = Re(r._sw.lng), n = Re(r._ne.lng), s = Math.floor(r._sw.lat), c = Math.ceil(r._ne.lat);
-      for (const u in this.weatherLayers)
-        if (this.weatherLayers[u].active && this.weatherLayers[u].type === "json") {
-          this.weatherLayers[u].active = !1, this.weatherLayers[u].version = Math.random() + 1;
+      for (const m in this.weatherLayers)
+        if (this.weatherLayers[m].active && this.weatherLayers[m].type === "json") {
+          this.weatherLayers[m].active = !1, this.weatherLayers[m].version = Math.random() + 1;
           let g = [];
-          if (["swell", "current"].includes(u)) {
-            const f = ((p = this.weatherLayers[u]) == null ? void 0 : p.direction) || {};
-            for (const m in f)
-              if (m > s && m < c && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                const v = f[m].lng;
+          if (["swell", "current"].includes(m)) {
+            const f = ((d = this.weatherLayers[m]) == null ? void 0 : d.direction) || {};
+            for (const u in f)
+              if (u > s && u < c && (!(i <= this.zoom) || u % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                const v = f[u].lng;
                 o > n ? v.forEach((b, w) => {
                   var k;
                   if ((b >= o && b <= 180 || b >= -180 && b <= n) && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const _ = C.point([b, m], {
-                      val: f[m].val[w],
-                      spd: (k = f[m].spd) == null ? void 0 : k[w]
+                    const _ = C.point([b, u], {
+                      val: f[u].val[w],
+                      spd: (k = f[u].spd) == null ? void 0 : k[w]
                     });
                     g.push(_);
                   }
                 }) : v.forEach((b, w) => {
                   var k;
                   if (b >= o && b <= n && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const _ = C.point([b, m], {
-                      val: f[m].val[w],
-                      spd: (k = f[m].spd) == null ? void 0 : k[w]
+                    const _ = C.point([b, u], {
+                      val: f[u].val[w],
+                      spd: (k = f[u].spd) == null ? void 0 : k[w]
                     });
                     g.push(_);
                   }
                 });
               }
-            if (a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("direction elapsed: ", a, ", total: ", e += a), u === "swell") {
-              const m = this.weatherLayers[u].height;
-              if (m) {
-                if (!m.data) {
+            if (a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("direction elapsed: ", a, ", total: ", e += a), m === "swell") {
+              const u = this.weatherLayers[m].height;
+              if (u) {
+                if (!u.data) {
                   const v = [];
-                  for (const b in (d = m.raw) == null ? void 0 : d.LineString) {
-                    const w = m.raw.LineString[b];
+                  for (const b in (p = u.raw) == null ? void 0 : p.LineString) {
+                    const w = u.raw.LineString[b];
                     for (const k of w)
                       v.push(
                         C.lineString(k, {
                           val: Number(b)
                         })
                       );
-                    m.data = C.featureCollection(v);
+                    u.data = C.featureCollection(v);
                   }
                 }
-                if (m.data) {
-                  const v = this.handleBboxClip(m.data, r);
+                if (u.data) {
+                  const v = this.handleBboxClip(u.data, r);
                   g = g.concat(v);
                 }
                 a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("height elapsed: ", a, ", total: ", e += a);
               }
             }
-            if (u === "current") {
-              const m = this.weatherLayers[u].speed;
-              if (m) {
-                if (!m.data) {
+            if (m === "current") {
+              const u = this.weatherLayers[m].speed;
+              if (u) {
+                if (!u.data) {
                   const b = [];
-                  for (const w in (y = m.raw) == null ? void 0 : y.Polygon) {
-                    const k = m.raw.Polygon[w];
+                  for (const w in (y = u.raw) == null ? void 0 : y.Polygon) {
+                    const k = u.raw.Polygon[w];
                     for (const _ of k)
                       b.push(
                         C.polygon(_, {
@@ -6899,67 +6954,67 @@ const Yo = {
                         })
                       );
                   }
-                  m.data = C.featureCollection(b);
+                  u.data = C.featureCollection(b);
                 }
-                const v = i < this.zoom ? m.data.features.filter((b) => b.properties.val > 0.5) : m.data.features;
+                const v = i < this.zoom ? u.data.features.filter((b) => b.properties.val > 0.5) : u.data.features;
                 g = g.concat(v), a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("speed elapsed: ", a, ", total: ", e += a);
               }
             }
-          } else if (u === "wind") {
+          } else if (m === "wind") {
             const f = this.weatherLayers.wind.raw;
-            for (const m in f)
-              if (m > s && m < c && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                const v = f[m].lng;
+            for (const u in f)
+              if (u > s && u < c && (!(i <= this.zoom) || u % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                const v = f[u].lng;
                 o > n ? v.forEach((b, w) => {
                   if ((b >= o && b <= 180 || b >= -180 && b <= n) && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const k = C.point([b, m], {
-                      val: f[m].val[w],
-                      spd: f[m].spd[w]
+                    const k = C.point([b, u], {
+                      val: f[u].val[w],
+                      spd: f[u].spd[w]
                     });
                     g.push(k);
                   }
                 }) : v.forEach((b, w) => {
                   if (b >= o && b <= n && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const k = C.point([b, m], {
-                      val: f[m].val[w],
-                      spd: f[m].spd[w]
+                    const k = C.point([b, u], {
+                      val: f[u].val[w],
+                      spd: f[u].spd[w]
                     });
                     g.push(k);
                   }
                 });
               }
             a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("wind barb elapsed: ", a, ", total: ", e += a);
-          } else if (u === "sig-wave-height") {
-            if (this.weatherLayers[u].data)
-              g = this.weatherLayers[u].data;
+          } else if (m === "sig-wave-height") {
+            if (this.weatherLayers[m].data)
+              g = this.weatherLayers[m].data;
             else {
-              const f = this.weatherLayers[u].raw;
+              const f = this.weatherLayers[m].raw;
               if (f) {
-                const m = [];
+                const u = [];
                 for (const v in f.Polygon) {
                   const b = f.Polygon[v];
                   for (const w of b)
-                    m.push(
+                    u.push(
                       C.polygon(w, {
                         val: Number(v)
                       })
                     );
                 }
-                g = g.concat(m);
+                g = g.concat(u);
               }
             }
             a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("sigWave elapsed: ", a, ", total: ", e += a);
-          } else if (u === "prmsl") {
-            if (this.weatherLayers[u].data)
-              g = this.weatherLayers[u].data;
+          } else if (m === "prmsl") {
+            if (this.weatherLayers[m].data)
+              g = this.weatherLayers[m].data;
             else {
-              const f = this.weatherLayers[u].raw;
+              const f = this.weatherLayers[m].raw;
               if (f) {
-                const m = [];
+                const u = [];
                 for (const v in f.LineString) {
                   const b = f.LineString[v];
                   for (const w of b)
-                    m.push(
+                    u.push(
                       C.lineString(w, {
                         val: Number(v)
                       })
@@ -6967,39 +7022,39 @@ const Yo = {
                 }
                 for (const v in f.Point)
                   f.Point[v].lng.forEach((b, w) => {
-                    b = Re(b), m.push(
+                    b = Re(b), u.push(
                       C.point([b, v], {
                         val: f.Point[v].val[w],
                         type: f.Point[v].type[w]
                       })
                     );
                   });
-                g = g.concat(m);
+                g = g.concat(u);
               }
             }
             a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("prmsl elapsed: ", a, ", total: ", e += a);
-          } else if (u === "arctic" || u === "iceberg") {
-            if (this.weatherLayers[u].data)
-              g = this.weatherLayers[u].data;
+          } else if (m === "arctic" || m === "iceberg") {
+            if (this.weatherLayers[m].data)
+              g = this.weatherLayers[m].data;
             else {
-              const f = this.weatherLayers[u].raw;
+              const f = this.weatherLayers[m].raw;
               if (f) {
-                const m = [];
+                const u = [];
                 for (const v in f.LineString) {
                   const b = f.LineString[v];
                   for (const w of b)
-                    m.push(
+                    u.push(
                       C.lineString(w, {
                         val: Number(v)
                       })
                     );
                 }
-                g = g.concat(m);
+                g = g.concat(u);
               }
             }
             a = (/* @__PURE__ */ new Date()).valueOf() - (t + e);
           }
-          console.log(u, " elapsed: ", a, ", total: ", e += a), g.length && (this.weatherLayers[u].data = C.featureCollection(g)), this.weatherLayers[u].active = !0, this.weatherLayers[u].version = Math.random() + 1;
+          console.log(m, " elapsed: ", a, ", total: ", e += a), g.length && (this.weatherLayers[m].data = C.featureCollection(g)), this.weatherLayers[m].active = !0, this.weatherLayers[m].version = Math.random() + 1;
         }
     },
     handleDragEndWithZoom4Image() {
@@ -7032,8 +7087,8 @@ const Yo = {
       this.handleBeforeLayerToggle();
     },
     handleBeforeLayerToggle() {
-      var t, e, a, r, i, o, n, s, c, h, p, d, y;
-      (t = this.map) != null && t.getLayer(this.beforeLayer) && ((e = this.activeWeatherLayers) != null && e.length || (a = this.otherLayers) != null && a["war-zones"] || (r = this.otherLayers) != null && r["gmdss-areas"] || (i = this.otherLayers) != null && i["load-lines"] || (o = this.otherLayers) != null && o["high-risk-area"] || (n = this.otherLayers) != null && n["time-zones"] || (s = this.otherLayers) != null && s.pirates || (c = this.otherLayers) != null && c.ports || (h = this.otherLayers) != null && h.enc || (p = this.otherLayers) != null && p["voluntary-reporting-area"] || (d = this.otherLayers) != null && d["eca-zones"] || (y = this.otherLayers) != null && y["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
+      var t, e, a, r, i, o, n, s, c, h, d, p, y;
+      (t = this.map) != null && t.getLayer(this.beforeLayer) && ((e = this.activeWeatherLayers) != null && e.length || (a = this.otherLayers) != null && a["war-zones"] || (r = this.otherLayers) != null && r["gmdss-areas"] || (i = this.otherLayers) != null && i["load-lines"] || (o = this.otherLayers) != null && o["high-risk-area"] || (n = this.otherLayers) != null && n["time-zones"] || (s = this.otherLayers) != null && s.pirates || (c = this.otherLayers) != null && c.ports || (h = this.otherLayers) != null && h.enc || (d = this.otherLayers) != null && d["voluntary-reporting-area"] || (p = this.otherLayers) != null && p["eca-zones"] || (y = this.otherLayers) != null && y["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
     },
     handleDateChange(t = { tropicals: !1 }) {
       this.fetchWeatherLayers(t), this.fetchOtherLayers({ dayNight: !0 });
@@ -7062,13 +7117,13 @@ const Yo = {
       }
     },
     async handlePointChange(t) {
-      const e = this.ts ? Q(this.ts) : Q(), a = {
+      const e = this.ts ? ee(this.ts) : ee(), a = {
         lat: t.lat,
         lng: t.lng,
         ts: e.utc().format(),
         wt: !0,
         src: this.source
-      }, r = await ae.get(`${this.gateway}/api/arc/meteo/query`, {
+      }, r = await se.get(`${this.gateway}/api/arc/meteo/query`, {
         params: a,
         headers: {
           Authorization: this.token || this.defaultMeteoToken
@@ -7086,82 +7141,82 @@ const Yo = {
       this.particleFactor = t, this.fetchWeatherLayers({ tropicals: !1 });
     }
   }
-}, Qo = {
+}, ts = {
   key: 0,
   className: "map-gl-home"
 };
-function Ko(t, e, a, r, i, o) {
-  var q, ne, fe, ge, be, ve, _e, we, Le, xe, Ce, 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"), p = z("IdmPrmsl"), d = z("IdmIceberg"), y = z("IdmTropicals"), u = z("IdmCurrents"), g = z("IdmCurrentParticle"), f = z("IdmWindBarb"), m = z("IdmWindParticle"), v = z("IdmPrecip3h"), b = z("IdmVisibility"), w = z("IdmWaterTemp"), k = z("IdmTemp"), _ = z("IdmArctic"), A = z("IdmWarZone"), D = z("IdmGmdssArea"), $ = z("IdmEcaZone"), W = z("IdmAlertZone"), O = z("IdmPort"), H = z("IdmLoadLine"), X = z("IdmTimezone"), ee = z("IdmVRA"), he = z("IdmSpecialArea"), te = z("IdmTerminator"), R = z("IdmLatLng"), V = z("IdmMeasure"), de = z("IdmPoint");
-  return a.map ? (L(), x("div", Qo, [
-    P(n, I({
+function as(t, e, a, r, i, o) {
+  var q, fe, Y, R, F, ge, Q, be, ie, re, oe, Se, ke, ze, Pe, Te, Ie, Ee, Oe, 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"), y = z("IdmTropicals"), m = z("IdmCurrents"), g = z("IdmCurrentParticle"), f = z("IdmWindBarb"), u = z("IdmWindParticle"), v = z("IdmPrecip3h"), b = z("IdmVisibility"), w = z("IdmWaterTemp"), k = z("IdmTemp"), _ = z("IdmArctic"), I = z("IdmWarZone"), D = z("IdmGmdssArea"), $ = z("IdmEcaZone"), W = z("IdmAlertZone"), O = z("IdmPort"), U = z("IdmLoadLine"), ae = z("IdmTimezone"), de = z("IdmVRA"), pe = z("IdmSpecialArea"), me = z("IdmTerminator"), ue = z("IdmLatLng"), ye = z("IdmMeasure"), X = z("IdmPoint");
+  return a.map ? (L(), x("div", ts, [
+    P(n, E({
       ref: "layer",
       map: a.map,
       "toggle-version": i.toggleVersion
     }, t.$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] = (K) => i.showCoord = K),
+      onMeasure: e[1] || (e[1] = (K) => i.showMeasure = K),
+      onPoint: e[2] || (e[2] = (K) => i.showPoint = K),
       on3d: o.handle3dToggle,
-      onToggleVersion: e[3] || (e[3] = (Y) => i.toggleVersion = Y)
+      onToggleVersion: e[3] || (e[3] = (K) => i.toggleVersion = K)
     }), null, 16, ["map", "toggle-version", "onWeather", "onOther", "on3d"]),
-    P(s, I({
+    P(s, E({
       map: a.map,
       token: a.token,
       enabled: (q = i.otherLayers) == null ? void 0 : q.enc,
       "toggle-version": i.toggleVersion
     }, t.$attrs, {
-      onEnc: e[4] || (e[4] = (Y) => i.enc = Y)
+      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": (ne = i.weatherLayers) == null ? void 0 : ne["sig-wave-height"],
+      "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: (fe = i.weatherLayers) == null ? void 0 : fe.swell,
+      swell: (Y = i.weatherLayers) == null ? void 0 : Y.swell,
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "swell", "before-layer"]),
-    P(p, I({
+    P(d, E({
       map: a.map,
-      prmsl: (ge = i.weatherLayers) == null ? void 0 : ge.prmsl,
+      prmsl: (R = i.weatherLayers) == null ? void 0 : R.prmsl,
       "before-layer": a.beforeLayer,
       "active-weather-layers": i.activeWeatherLayers
     }, t.$attrs), null, 16, ["map", "prmsl", "before-layer", "active-weather-layers"]),
-    P(d, I({
+    P(p, E({
       map: a.map,
-      iceberg: (be = i.weatherLayers) == null ? void 0 : be.iceberg,
+      iceberg: (F = i.weatherLayers) == null ? void 0 : F.iceberg,
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "iceberg", "before-layer"]),
-    P(y, I({
+    P(y, E({
       map: a.map,
       date: a.ts,
-      tropicals: (ve = i.weatherLayers) == null ? void 0 : ve.tropicals,
+      tropicals: (ge = i.weatherLayers) == null ? void 0 : ge.tropicals,
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
-    P(u, I({
+    P(m, E({
       map: a.map,
-      current: (_e = i.weatherLayers) == null ? void 0 : _e.current,
+      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({
+    P(g, E({
       viewport: i.viewport,
-      factor: (we = i.weatherLayers) == null ? void 0 : we["current-particle"],
+      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(f, I({
+    P(f, E({
       ref: "windBarb",
       map: a.map,
-      wind: (Le = i.weatherLayers) == null ? void 0 : Le.wind,
-      current: (xe = i.weatherLayers) == null ? void 0 : xe.current,
+      wind: (ie = i.weatherLayers) == null ? void 0 : ie.wind,
+      current: (re = i.weatherLayers) == null ? void 0 : re.current,
       "before-layer": a.beforeLayer,
       "margin-bottom": i.showRampColor ? "56px" : "30px",
       "show-particle": i.showWindParticle
@@ -7170,120 +7225,120 @@ function Ko(t, e, a, r, i, o) {
       "weather-layers": i.weatherLayers,
       onParticle: o.handleParticle
     }), null, 16, ["map", "wind", "current", "before-layer", "margin-bottom", "show-particle", "toggle-version", "weather-layers", "onParticle"]),
-    P(m, I({
+    P(u, E({
       viewport: i.viewport,
-      factor: (Ce = i.weatherLayers) == null ? void 0 : Ce["wind-particle"],
+      factor: (oe = i.weatherLayers) == null ? void 0 : oe["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(w, I({
+    P(w, 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(I, E({
       map: a.map,
       zone: (Ie = i.otherLayers) == null ? void 0 : Ie["war-zones"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(D, I({
+    P(D, E({
       map: a.map,
       area: (Ee = i.otherLayers) == null ? void 0 : Ee["gmdss-areas"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "area", "before-layer"]),
-    P($, I({
+    P($, E({
       map: a.map,
-      zone: (We = i.otherLayers) == null ? void 0 : We["eca-zones"],
+      zone: (Oe = i.otherLayers) == null ? void 0 : Oe["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(U, E({
       map: a.map,
       line: (Xe = i.otherLayers) == null ? void 0 : Xe["load-lines"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "line", "before-layer"]),
-    P(X, I({
+    P(ae, E({
       map: a.map,
       zone: (Je = i.otherLayers) == null ? void 0 : Je["time-zones"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(ee, 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(he, 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(te, I({
+    P(me, E({
       map: a.map,
       area: (Qe = i.otherLayers) == null ? void 0 : Qe["day-night"]
     }, t.$attrs), null, 16, ["map", "area"]),
-    P(R, I({
+    P(ue, E({
       map: a.map,
       show: i.showCoord,
       "toggle-version": i.toggleVersion
     }, t.$attrs), null, 16, ["map", "show", "toggle-version"]),
-    P(V, I({
+    P(ye, E({
       map: a.map,
       show: i.showMeasure
     }, t.$attrs), null, 16, ["map", "show"]),
-    P(de, I({
+    P(X, E({
       map: a.map,
       show: i.showPoint,
       meteo: i.meteo
     }, t.$attrs, { onPoint: o.handlePointChange }), null, 16, ["map", "show", "meteo", "onPoint"])
   ])) : N("", !0);
 }
-const es = /* @__PURE__ */ T(Yo, [["render", Ko]]), cs = {
+const is = /* @__PURE__ */ T(es, [["render", as]]), ps = {
   install(t) {
-    t.component("MapboxGL", es), t.component("TropicalGL", tt), t.component("LatLngGL", at);
+    t.component("MapboxGL", is), t.component("TropicalGL", tt), t.component("LatLngGL", at);
   }
 };
 export {
   at as LatLngGL,
-  es as MapboxGL,
-  cs as MapboxGLPlugin,
+  is as MapboxGL,
+  ps as MapboxGLPlugin,
   Qt as MapboxHelper,
-  F as ParticleSchema,
+  V as ParticleSchema,
   tt as TropicalGL,
-  Ue as Viewport,
-  le as WebGL,
+  Ge as Viewport,
+  ve as WebGL,
   B as WebGLSchema
 };