@idmwx/idmui-gl3 5.1.1 → 5.1.2

package/dist/index.js

@@ -1,7 +1,7 @@
 var J0 = Object.defineProperty;
 var Y0 = (b, M, z) => M in b ? J0(b, M, { enumerable: !0, configurable: !0, writable: !0, value: z }) : b[M] = z;
 var Y = (b, M, z) => (Y0(b, typeof M != "symbol" ? M + "" : M, z), z);
-import { LayerHelper as D0, CompanyHelper as S0 } from "@idm-plugin/tag";
+import { LayerHelper as D0, CompanyHelper as P0 } from "@idm-plugin/tag";
 import K from "moment";
 import f0 from "axios";
 import { resolveComponent as x, openBlock as s, createElementBlock as W, createElementVNode as c, normalizeStyle as O0, createVNode as T, withCtx as a0, normalizeClass as U, Fragment as H, renderList as _, toDisplayString as C, createCommentVNode as j, createBlock as V0, createTextVNode as z0, withDirectives as y0, createStaticVNode as Z0, vShow as X0, defineComponent as $0, withModifiers as E0, mergeProps as Q } from "vue";
@@ -26,19 +26,19 @@ var F0 = { exports: {} }, G0 = { exports: {} };
   })(b1, function(M) {
     M.version === void 0 && M.default && (M = M.default);
     var z = "0.5.47", O = {}, p = {}, o = {}, A = {}, a = {}, q;
-    (!M || typeof M.version != "string") && e0("Moment Timezone requires Moment.js. See https://momentjs.com/timezone/docs/#/use-it/browser/");
+    (!M || typeof M.version != "string") && t0("Moment Timezone requires Moment.js. See https://momentjs.com/timezone/docs/#/use-it/browser/");
     var r = M.version.split("."), t = +r[0], n = +r[1];
-    (t < 2 || t === 2 && n < 6) && e0("Moment Timezone requires Moment.js >= 2.6.0. You are using Moment.js " + M.version + ". See momentjs.com");
+    (t < 2 || t === 2 && n < 6) && t0("Moment Timezone requires Moment.js >= 2.6.0. You are using Moment.js " + M.version + ". See momentjs.com");
     function l(e) {
       return e > 96 ? e - 87 : e > 64 ? e - 29 : e - 48;
     }
     function d(e) {
-      var i = 0, L = e.split("."), N = L[0], w = L[1] || "", D = 1, Z, P = 0, G = 1;
+      var i = 0, L = e.split("."), N = L[0], w = L[1] || "", D = 1, Z, S = 0, G = 1;
       for (e.charCodeAt(0) === 45 && (i = 1, G = -1), i; i < N.length; i++)
-        Z = l(N.charCodeAt(i)), P = 60 * P + Z;
+        Z = l(N.charCodeAt(i)), S = 60 * S + Z;
       for (i = 0; i < w.length; i++)
-        D = D / 60, Z = l(w.charCodeAt(i)), P += Z * D;
-      return P * G;
+        D = D / 60, Z = l(w.charCodeAt(i)), S += Z * D;
+      return S * G;
     }
     function B(e) {
       for (var i = 0; i < e.length; i++)
@@ -96,9 +96,9 @@ var F0 = { exports: {} }, G0 = { exports: {} };
         });
       },
       parse: function(e) {
-        var i = +e, L = this.offsets, N = this.untils, w = N.length - 1, D, Z, P, G;
+        var i = +e, L = this.offsets, N = this.untils, w = N.length - 1, D, Z, S, G;
         for (G = 0; G < w; G++)
-          if (D = L[G], Z = L[G + 1], P = L[G && G - 1], D < Z && I.moveAmbiguousForward ? D = Z : D > P && I.moveInvalidForward && (D = P), i < N[G] - D * 6e4)
+          if (D = L[G], Z = L[G + 1], S = L[G && G - 1], D < Z && I.moveAmbiguousForward ? D = Z : D > S && I.moveInvalidForward && (D = S), i < N[G] - D * 6e4)
             return L[G];
         return L[w];
       },
@@ -106,7 +106,7 @@ var F0 = { exports: {} }, G0 = { exports: {} };
         return this.abbrs[this._index(e)];
       },
       offset: function(e) {
-        return e0("zone.offset has been deprecated in favor of zone.utcOffset"), this.offsets[this._index(e)];
+        return t0("zone.offset has been deprecated in favor of zone.utcOffset"), this.offsets[this._index(e)];
       },
       utcOffset: function(e) {
         return this.offsets[this._index(e)];
@@ -131,11 +131,11 @@ var F0 = { exports: {} }, G0 = { exports: {} };
       return e;
     }
     function V() {
-      var e = (/* @__PURE__ */ new Date()).getFullYear() - 2, i = new y(new Date(e, 0, 1)), L = i.offset, N = [i], w, D, Z, P;
-      for (P = 1; P < 48; P++)
-        Z = new Date(e, P, 1).getTimezoneOffset(), Z !== L && (D = new y(new Date(e, P, 1)), w = J(i, D), N.push(w), N.push(new y(new Date(w.at + 6e4))), i = D, L = Z);
-      for (P = 0; P < 4; P++)
-        N.push(new y(new Date(e + P, 0, 1))), N.push(new y(new Date(e + P, 6, 1)));
+      var e = (/* @__PURE__ */ new Date()).getFullYear() - 2, i = new y(new Date(e, 0, 1)), L = i.offset, N = [i], w, D, Z, S;
+      for (S = 1; S < 48; S++)
+        Z = new Date(e, S, 1).getTimezoneOffset(), Z !== L && (D = new y(new Date(e, S, 1)), w = J(i, D), N.push(w), N.push(new y(new Date(w.at + 6e4))), i = D, L = Z);
+      for (S = 0; S < 4; S++)
+        N.push(new y(new Date(e + S, 0, 1))), N.push(new y(new Date(e + S, 6, 1)));
       return N;
     }
     function u(e, i) {
@@ -146,14 +146,14 @@ var F0 = { exports: {} }, G0 = { exports: {} };
       for (B(i), L = 0; L < i.length; L++)
         N = i[L], a[N] = a[N] || {}, a[N][e] = !0;
     }
-    function A0(e) {
-      var i = e.length, L = {}, N = [], w = {}, D, Z, P, G;
+    function e0(e) {
+      var i = e.length, L = {}, N = [], w = {}, D, Z, S, G;
       for (D = 0; D < i; D++)
-        if (P = e[D].offset, !w.hasOwnProperty(P)) {
-          G = a[P] || {};
+        if (S = e[D].offset, !w.hasOwnProperty(S)) {
+          G = a[S] || {};
           for (Z in G)
             G.hasOwnProperty(Z) && (L[Z] = !0);
-          w[P] = !0;
+          w[S] = !0;
         }
       for (D in L)
         L.hasOwnProperty(D) && N.push(A[D]);
@@ -166,13 +166,13 @@ var F0 = { exports: {} }, G0 = { exports: {} };
           var i = A[i0(e)];
           if (i)
             return i;
-          e0("Moment Timezone found " + e + " from the Intl api, but did not have that data loaded.");
+          t0("Moment Timezone found " + e + " from the Intl api, but did not have that data loaded.");
         }
       } catch {
       }
-      var L = V(), N = L.length, w = A0(L), D = [], Z, P, G;
-      for (P = 0; P < w.length; P++) {
-        for (Z = new F(p0(w[P])), G = 0; G < N; G++)
+      var L = V(), N = L.length, w = e0(L), D = [], Z, S, G;
+      for (S = 0; S < w.length; S++) {
+        for (Z = new F(p0(w[S])), G = 0; G < N; G++)
           Z.scoreOffsetAt(L[G]);
         D.push(Z);
       }
@@ -235,21 +235,21 @@ var F0 = { exports: {} }, G0 = { exports: {} };
     function s0(e) {
       u0(e.zones), L0(e.links), r0(e.countries), I.dataVersion = e.version;
     }
-    function S(e) {
-      return S.didShowError || (S.didShowError = !0, e0("moment.tz.zoneExists('" + e + "') has been deprecated in favor of !moment.tz.zone('" + e + "')")), !!p0(e);
+    function P(e) {
+      return P.didShowError || (P.didShowError = !0, t0("moment.tz.zoneExists('" + e + "') has been deprecated in favor of !moment.tz.zone('" + e + "')")), !!p0(e);
     }
     function M0(e) {
       var i = e._f === "X" || e._f === "x";
       return !!(e._a && e._tzm === void 0 && !i);
     }
-    function e0(e) {
+    function t0(e) {
       typeof console < "u" && typeof console.error == "function" && console.error(e);
     }
     function I(e) {
       var i = Array.prototype.slice.call(arguments, 0, -1), L = arguments[arguments.length - 1], N = M.utc.apply(null, i), w;
       return !M.isMoment(e) && M0(N) && (w = p0(L)) && N.add(w.parse(N), "minutes"), N.tz(L), N;
     }
-    I.version = z, I.dataVersion = "", I._zones = O, I._links = p, I._names = A, I._countries = o, I.add = u0, I.link = L0, I.load = s0, I.zone = p0, I.zoneExists = S, I.guess = h0, I.names = m0, I.Zone = m, I.unpack = h, I.unpackBase60 = d, I.needsOffset = M0, I.moveInvalidForward = !0, I.moveAmbiguousForward = !1, I.countries = B0, I.zonesForCountry = g0;
+    I.version = z, I.dataVersion = "", I._zones = O, I._links = p, I._names = A, I._countries = o, I.add = u0, I.link = L0, I.load = s0, I.zone = p0, I.zoneExists = P, I.guess = h0, I.names = m0, I.Zone = m, I.unpack = h, I.unpackBase60 = d, I.needsOffset = M0, I.moveInvalidForward = !0, I.moveAmbiguousForward = !1, I.countries = B0, I.zonesForCountry = g0;
     var b0 = M.fn;
     M.tz = I, M.defaultZone = null, M.updateOffset = function(e, i) {
       var L = M.defaultZone, N;
@@ -263,7 +263,7 @@ var F0 = { exports: {} }, G0 = { exports: {} };
       if (e) {
         if (typeof e != "string")
           throw new Error("Time zone name must be a string, got " + e + " [" + typeof e + "]");
-        return this._z = p0(e), this._z ? M.updateOffset(this, i) : e0("Moment Timezone has no data for " + e + ". See http://momentjs.com/timezone/docs/#/data-loading/."), this;
+        return this._z = p0(e), this._z ? M.updateOffset(this, i) : t0("Moment Timezone has no data for " + e + ". See http://momentjs.com/timezone/docs/#/data-loading/."), this;
       }
       if (this._z)
         return this._z.name;
@@ -284,7 +284,7 @@ var F0 = { exports: {} }, G0 = { exports: {} };
       };
     }
     b0.zoneName = W0(b0.zoneName), b0.zoneAbbr = W0(b0.zoneAbbr), b0.utc = l0(b0.utc), b0.local = l0(b0.local), b0.utcOffset = R0(b0.utcOffset), M.tz.setDefault = function(e) {
-      return (t < 2 || t === 2 && n < 9) && e0("Moment Timezone setDefault() requires Moment.js >= 2.9.0. You are using Moment.js " + M.version + "."), M.defaultZone = e ? p0(e) : null, M;
+      return (t < 2 || t === 2 && n < 9) && t0("Moment Timezone setDefault() requires Moment.js >= 2.9.0. You are using Moment.js " + M.version + "."), M.defaultZone = e ? p0(e) : null, M;
     };
     var o0 = M.momentProperties;
     return Object.prototype.toString.call(o0) === "[object Array]" ? (o0.push("_z"), o0.push("_a")) : o0 && (o0._z = null), M;
@@ -1199,7 +1199,7 @@ const k = (b, M) => {
       default: void 0
     }
   },
-  emits: ["weather", "other", "toggleWindParticle", "toggleWindFeather", "toggleCurrentParticle", "toggleCurrentIsoband", "coordinate", "measure", "point", "3d", "layerToggle", "handleToggleVersion", "login"],
+  emits: ["weather", "other", "toggleWindParticle", "toggleWindFeather", "toggleCurrentParticle", "toggleCurrentIsoband", "coordinate", "measure", "point", "3d", "layerToggle", "handleToggleVersion", "login", "forecastModel"],
   data() {
     return {
       autoActive: !0,
@@ -1266,7 +1266,7 @@ const k = (b, M) => {
     },
     source: {
       handler(b, M) {
-        b && M && b !== M && this.handleConfirm();
+        b && b !== M && this.$emit("forecastModel", this.source), b && M && b !== M && this.handleConfirm();
       }
     }
   },
@@ -1391,7 +1391,7 @@ const k = (b, M) => {
 }, x1 = {
   key: 1,
   class: "iconfont bookmark-icon inactive"
-}, I1 = { class: "other-layers card-bg" }, D1 = { class: "layers-body" }, S1 = ["onClick"], P1 = { class: "flex-start" }, k1 = { class: "switch flex-center" }, Q1 = {
+}, I1 = { class: "other-layers card-bg" }, D1 = { class: "layers-body" }, P1 = ["onClick"], S1 = { class: "flex-start" }, k1 = { class: "switch flex-center" }, Q1 = {
   key: 0,
   class: "iconfont active"
 }, H1 = {
@@ -1641,13 +1641,13 @@ function K1(b, M, z, O, p, o) {
                     class: U(["layer flex-between", o.computeLayerClass(t, p.activeOtherLayers)]),
                     onClick: (l) => o.handleOtherLayerPick(t)
                   }, [
-                    c("div", P1, [
+                    c("div", S1, [
                       c("div", k1, [
                         (n = o.computeLayerClass(t, p.activeOtherLayers)) != null && n.includes("active") ? (s(), W("i", Q1, "")) : (s(), W("i", H1, ""))
                       ]),
                       c("span", null, C(t.name), 1)
                     ])
-                  ], 10, S1);
+                  ], 10, P1);
                 }), 128))
               ])
             ]),
@@ -1841,7 +1841,7 @@ function Z1(b, M, z, O, p, o) {
   return (A = z.wind) != null && A.active ? (s(), W("div", V1)) : j("", !0);
 }
 const $1 = /* @__PURE__ */ k(Y1, [["render", Z1]]);
-class P0 {
+class S0 {
   constructor(M) {
     Y(this, "map");
     Y(this, "mercator");
@@ -2114,10 +2114,10 @@ class C0 {
     });
   }
 }
-class c0 {
+class A0 {
 }
 // 顶点渲染
-Y(c0, "vertexSchema", `
+Y(A0, "vertexSchema", `
     //canvas 坐标系上的坐标 (x, y)
     attribute vec2 a_position; //像素坐标
     attribute vec2 a_texCoord; //纹理坐标
@@ -2132,7 +2132,7 @@ Y(c0, "vertexSchema", `
       gl_Position = vec4(position * vec2(1, -1), 0.0, 1.0);
       v_texCoord = a_texCoord;
     }`), // 类如风、流等u v双变量片元渲染
-Y(c0, "uvFragmentSchema", `
+Y(A0, "uvFragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image;
     uniform vec2 u_range_u_v;
@@ -2151,7 +2151,7 @@ Y(c0, "uvFragmentSchema", `
 
       gl_FragColor = color;
     }`), // 类如浪、气压等单变量片元渲染
-Y(c0, "fragmentSchema", `
+Y(A0, "fragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image; // 灰度
     uniform sampler2D u_color; // 色值映射
@@ -4023,7 +4023,7 @@ const b2 = {
       type: Object
     },
     viewport: {
-      type: P0
+      type: S0
     },
     bottom: {
       type: String,
@@ -4130,7 +4130,7 @@ const b2 = {
           [1, "rgb(91, 136, 161)"]
         ];
         this.rampColor = this.webgl.setup(this.context, b);
-        const { program: M, aPositionBuffer: z } = this.webgl.bind(this.context, c0.vertexSchema, c0.uvFragmentSchema);
+        const { program: M, aPositionBuffer: z } = this.webgl.bind(this.context, A0.vertexSchema, A0.uvFragmentSchema);
         this.program = M, this.aPositionBuffer = z;
       }
       this.handleParticleSetup();
@@ -4364,7 +4364,7 @@ const t2 = {
       type: Object
     },
     viewport: {
-      type: P0
+      type: S0
     },
     bottom: {
       type: String,
@@ -4462,7 +4462,7 @@ const t2 = {
           [1, "rgb(195,194,194)"]
         ];
         this.rampColor = this.webgl.setup(this.context, b);
-        const { program: M, aPositionBuffer: z } = this.webgl.bind(this.context, c0.vertexSchema, c0.uvFragmentSchema);
+        const { program: M, aPositionBuffer: z } = this.webgl.bind(this.context, A0.vertexSchema, A0.uvFragmentSchema);
         this.program = M, this.aPositionBuffer = z;
       }
       this.handleParticleSetup();
@@ -5033,7 +5033,7 @@ const B2 = {
   emits: ["tropical", "tropicalProbability"],
   data() {
     return {
-      helper: S0,
+      helper: P0,
       source: "tropicals-source",
       clusterSource: "tropicals-cluster-source",
       historyLayer: "tropicals-history-layer",
@@ -5392,11 +5392,11 @@ const B2 = {
       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), (b = this.interpolateMarkers) == null || b.forEach((M) => M == null ? void 0 : M.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 b, M, z, O, p, o, A, a, q, r, t, n, l, d, B, R, f, h, m, X, E, y, F, J, V, u, g, A0, n0, h0, i0, u0, p0, m0, B0, L0;
+      var b, M, z, O, p, o, A, a, q, r, t, n, l, d, B, R, f, h, m, X, E, y, F, J, V, u, g, e0, n0, h0, i0, u0, p0, m0, B0, L0;
       if ((b = this.interpolateMarkers) == null || b.forEach((r0) => r0 == null ? void 0 : r0.remove()), this.circleSourceData.features = [], (M = this.interpolateData) != null && M.length && this.tropicals.active) {
-        const r0 = K(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), d0 = this.interpolateData.filter((S) => S.properties.date === r0.format() && !S.properties.disabled), g0 = this.handleComputePolygons(d0), s0 = v.featureCollection([...d0]);
-        g0.forEach((S) => {
-          s0.features.push(S);
+        const r0 = K(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), d0 = this.interpolateData.filter((P) => P.properties.date === r0.format() && !P.properties.disabled), g0 = this.handleComputePolygons(d0), s0 = v.featureCollection([...d0]);
+        g0.forEach((P) => {
+          s0.features.push(P);
         }), (z = this.map) != null && z.getSource(this.interpolateSource) ? (O = this.map) == null || O.getSource(this.interpolateSource).setData(s0) : ((p = this.map) == null || p.addSource(this.interpolateSource, {
           type: "geojson",
           data: s0
@@ -5411,11 +5411,11 @@ const B2 = {
             "line-width": 1
           }
         })), this.interpolateMarkers = [];
-        for (const S of d0)
-          if (!S.properties.disabled) {
+        for (const P of d0)
+          if (!P.properties.disabled) {
             let M0 = "#f44336";
-            ((a = (A = S.properties) == null ? void 0 : A.wind) == null ? void 0 : a.spd) < 17.2 || !((r = (q = S.properties) == null ? void 0 : q.wind) != null && r.spd) ? M0 = "#03f869" : ((n = (t = S.properties) == null ? void 0 : t.wind) == null ? void 0 : n.spd) >= 17.2 && ((d = (l = S.properties) == null ? void 0 : l.wind) == null ? void 0 : d.spd) < 24.5 ? M0 = "#f2f202" : ((R = (B = S.properties) == null ? void 0 : B.wind) == null ? void 0 : R.spd) >= 24.5 && ((h = (f = S.properties) == null ? void 0 : f.wind) == null ? void 0 : h.spd) < 32.7 ? M0 = "#ff9100" : ((X = (m = S.properties) == null ? void 0 : m.wind) == null ? void 0 : X.spd) >= 32.7 && ((y = (E = S.properties) == null ? void 0 : E.wind) == null ? void 0 : y.spd) < 41.5 ? M0 = "#f44336" : ((J = (F = S.properties) == null ? void 0 : F.wind) == null ? void 0 : J.spd) >= 41.5 && ((u = (V = S.properties) == null ? void 0 : V.wind) == null ? void 0 : u.spd) < 51 ? M0 = "#f903d0" : ((A0 = (g = S.properties) == null ? void 0 : g.wind) == null ? void 0 : A0.spd) >= 51 ? M0 = "#8702f9" : M0 = "#f44336";
-            const e0 = `<svg t="1719918955501"
+            ((a = (A = P.properties) == null ? void 0 : A.wind) == null ? void 0 : a.spd) < 17.2 || !((r = (q = P.properties) == null ? void 0 : q.wind) != null && r.spd) ? M0 = "#03f869" : ((n = (t = P.properties) == null ? void 0 : t.wind) == null ? void 0 : n.spd) >= 17.2 && ((d = (l = P.properties) == null ? void 0 : l.wind) == null ? void 0 : d.spd) < 24.5 ? M0 = "#f2f202" : ((R = (B = P.properties) == null ? void 0 : B.wind) == null ? void 0 : R.spd) >= 24.5 && ((h = (f = P.properties) == null ? void 0 : f.wind) == null ? void 0 : h.spd) < 32.7 ? M0 = "#ff9100" : ((X = (m = P.properties) == null ? void 0 : m.wind) == null ? void 0 : X.spd) >= 32.7 && ((y = (E = P.properties) == null ? void 0 : E.wind) == null ? void 0 : y.spd) < 41.5 ? M0 = "#f44336" : ((J = (F = P.properties) == null ? void 0 : F.wind) == null ? void 0 : J.spd) >= 41.5 && ((u = (V = P.properties) == null ? void 0 : V.wind) == null ? void 0 : u.spd) < 51 ? M0 = "#f903d0" : ((e0 = (g = P.properties) == null ? void 0 : g.wind) == null ? void 0 : e0.spd) >= 51 ? M0 = "#8702f9" : M0 = "#f44336";
+            const t0 = `<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
@@ -5430,10 +5430,10 @@ const B2 = {
                           		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>`, I = document.createElement("div");
-            I.className = "hurricane-hourly-marker", I.innerHTML = `<div class="${S.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${e0}</div>`;
-            const b0 = new w0.Marker(I).setLngLat(S.geometry.coordinates).addTo(this.map);
-            if (this.interpolateMarkers.push(b0), (n0 = S.properties) != null && n0.showCircle) {
-              const W0 = { radius: 100, coordinates: S.geometry.coordinates }, l0 = { radius: 200, coordinates: S.geometry.coordinates }, R0 = { radius: 500, coordinates: S.geometry.coordinates };
+            I.className = "hurricane-hourly-marker", I.innerHTML = `<div class="${P.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${t0}</div>`;
+            const b0 = new w0.Marker(I).setLngLat(P.geometry.coordinates).addTo(this.map);
+            if (this.interpolateMarkers.push(b0), (n0 = P.properties) != null && n0.showCircle) {
+              const W0 = { radius: 100, coordinates: P.geometry.coordinates }, l0 = { radius: 200, coordinates: P.geometry.coordinates }, R0 = { radius: 500, coordinates: P.geometry.coordinates };
               (h0 = this.circleSourceData) == null || h0.features.push(
                 v.circle(W0.coordinates, W0.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
               ), (i0 = this.circleSourceData) == null || i0.features.push(
@@ -5572,7 +5572,7 @@ const B2 = {
 }, I2 = { class: "row" }, D2 = {
   class: "col col-24",
   style: { "justify-content": "flex-start" }
-}, S2 = { class: "forecast-models" }, P2 = ["onClick"], k2 = { class: "more" };
+}, P2 = { class: "forecast-models" }, S2 = ["onClick"], k2 = { class: "more" };
 function Q2(b, M, z, O, p, o) {
   var A, a, q, r, t, n, l, d, B, R, f, h, m, X, E;
   return y0((s(), W("div", g2, [
@@ -5602,7 +5602,7 @@ function Q2(b, M, z, O, p, o) {
         c("div", I2, [
           c("div", D2, [
             M[4] || (M[4] = c("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)),
-            c("div", S2, [
+            c("div", P2, [
               (s(!0), W(H, null, _((E = p.activeTropicals) == null ? void 0 : E.forecasts, (y, F) => {
                 var J, V, u, g;
                 return s(), W("div", {
@@ -5612,12 +5612,12 @@ function Q2(b, M, z, O, p, o) {
                     y.disabled ? "" : "active",
                     F > 0 && F < ((V = (J = p.activeTropicals) == null ? void 0 : J.forecasts) == null ? void 0 : V.length) - 1 && ((g = (u = p.activeTropicals) == null ? void 0 : u.forecasts) == null ? void 0 : g.length) > 2 ? "center-child" : ""
                   ]),
-                  onClick: (A0) => o.handleForecastToggle(y)
+                  onClick: (e0) => o.handleForecastToggle(y)
                 }, [
                   c("span", {
                     class: U(y.model)
                   }, C(y.model), 3)
-                ], 10, P2);
+                ], 10, S2);
               }), 128))
             ])
           ])
@@ -5724,7 +5724,7 @@ const H2 = {
           [1, "rgba(197,5,58,0.8)"]
         ];
         this.rampColor = this.webgl.setup(this.context, b);
-        const { program: M, aPositionBuffer: z } = this.webgl.bind(this.context, c0.vertexSchema, c0.fragmentSchema);
+        const { program: M, aPositionBuffer: z } = this.webgl.bind(this.context, A0.vertexSchema, A0.fragmentSchema);
         this.program = M, this.aPositionBuffer = z;
       }
     },
@@ -5838,7 +5838,7 @@ const G2 = {
           [1, "rgba(144,144,144,0)"]
         ];
         this.rampColor = this.webgl.setup(this.context, b);
-        const { program: M, aPositionBuffer: z } = this.webgl.bind(this.context, c0.vertexSchema, c0.fragmentSchema);
+        const { program: M, aPositionBuffer: z } = this.webgl.bind(this.context, A0.vertexSchema, A0.fragmentSchema);
         this.program = M, this.aPositionBuffer = z;
       }
     },
@@ -5958,7 +5958,7 @@ const Y2 = {
           //
         ];
         this.rampColor = this.webgl.setup(this.context, b);
-        const { program: M, aPositionBuffer: z } = this.webgl.bind(this.context, c0.vertexSchema, c0.fragmentSchema);
+        const { program: M, aPositionBuffer: z } = this.webgl.bind(this.context, A0.vertexSchema, A0.fragmentSchema);
         this.program = M, this.aPositionBuffer = z;
       }
     },
@@ -6081,7 +6081,7 @@ const MM = {
           [1, "rgb(138, 43, 10)"]
         ];
         this.rampColor = this.webgl.setup(this.context, b);
-        const { program: M, aPositionBuffer: z } = this.webgl.bind(this.context, c0.vertexSchema, c0.fragmentSchema);
+        const { program: M, aPositionBuffer: z } = this.webgl.bind(this.context, A0.vertexSchema, A0.fragmentSchema);
         this.program = M, this.aPositionBuffer = z;
       }
     },
@@ -6197,7 +6197,7 @@ const OM = {
           // 2m
         ];
         this.rampColor = this.webgl.setup(this.context, b);
-        const { program: M, aPositionBuffer: z } = this.webgl.bind(this.context, c0.vertexSchema, c0.fragmentSchema);
+        const { program: M, aPositionBuffer: z } = this.webgl.bind(this.context, A0.vertexSchema, A0.fragmentSchema);
         this.program = M, this.aPositionBuffer = z;
       }
     },
@@ -6267,7 +6267,7 @@ const qM = {
     startTs: {
       type: String
     },
-    meteoSource: {
+    forecastModel: {
       type: String
     }
   },
@@ -6326,7 +6326,7 @@ const qM = {
         this.map && this.show && this.handleBind();
       }
     },
-    meteoSource: {
+    forecastModel: {
       async handler() {
         var b;
         if (this.showMeteo && this.ts) {
@@ -6402,7 +6402,7 @@ const qM = {
     async fetchMeteoData(b, M, z) {
       this.loading = !0, this.meteoData = [];
       let O = M ? K(M).utc().format() : K().utc().format();
-      const { weatherModels: p, marineModels: o } = v0.autoPickMeteoModel(this.meteoSource);
+      const { weatherModels: p, marineModels: o } = v0.autoPickMeteoModel(this.forecastModel);
       let A = {
         lat: b.lat,
         lng: b.lng,
@@ -6419,7 +6419,7 @@ const qM = {
     },
     async fetchHistoryData(b, M) {
       this.loading = !0, this.meteoData = [];
-      const z = M ? K(M).utc().format() : K().utc().format(), { weatherModels: O, marineModels: p } = v0.autoPickMeteoModel(this.meteoSource), o = {
+      const z = M ? K(M).utc().format() : K().utc().format(), { weatherModels: O, marineModels: p } = v0.autoPickMeteoModel(this.forecastModel), o = {
         lat: b.lat,
         lng: b.lng,
         datetime: z,
@@ -6437,7 +6437,7 @@ const qM = {
     initTableData(b) {
       var M, z, O, p, o, A, a;
       this.clearTable(), this.positionGmt = (z = (M = b == null ? void 0 : b.weather) == null ? void 0 : M[0]) == null ? void 0 : z.timezone, this.positionOffset = (p = (O = b == null ? void 0 : b.weather) == null ? void 0 : O[0]) == null ? void 0 : p.offset, this.localDate = (A = (o = T0(this.ts)) == null ? void 0 : o.tz(this.positionGmt)) == null ? void 0 : A.format("MMM-DD/HHmm[LT]"), this.currentHourData = (a = v0.pickHourly(b, K(this.ts))) == null ? void 0 : a[0], this.$nextTick(() => {
-        var r, t, n, l, d, B, R, f, h, m, X, E, y, F, J, V, u, g, A0, n0, h0, i0, u0, p0, m0, B0, L0, r0, d0, g0, s0, S, M0, e0, I, b0, W0, l0, R0;
+        var r, t, n, l, d, B, R, f, h, m, X, E, y, F, J, V, u, g, e0, n0, h0, i0, u0, p0, m0, B0, L0, r0, d0, g0, s0, P, M0, t0, I, b0, W0, l0, R0;
         const q = document.getElementById("meteoMainBox");
         if (!q)
           return !1;
@@ -6453,7 +6453,7 @@ const qM = {
           const e = T0(this.ts).tz(this.positionGmt).add(3 * o0, "h").format();
           this.tableData.hours.push(e);
           const i = ((R = v0.pickHourly(b, e)) == null ? void 0 : R[0]) || {};
-          this.tableData.temp.push(this.roundPrecision((f = i == null ? void 0 : i.weather) == null ? void 0 : f.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((m = (h = i == null ? void 0 : i.weather) == null ? void 0 : h.precip) == null ? void 0 : m.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((E = (X = i == null ? void 0 : i.weather) == null ? void 0 : X.precip) == null ? void 0 : E.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((y = i == null ? void 0 : i.weather) == null ? void 0 : y.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((J = (F = i == null ? void 0 : i.weather) == null ? void 0 : F.wind) == null ? void 0 : J.kts, 1) ?? "-"), this.tableData.windDir.push((u = (V = i == null ? void 0 : i.weather) == null ? void 0 : V.wind) == null ? void 0 : u.bearing), this.tableData.windGust.push(this.roundPrecision((A0 = (g = i == null ? void 0 : i.weather) == null ? void 0 : g.wind) == null ? void 0 : A0.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((h0 = (n0 = i == null ? void 0 : i.wave) == null ? void 0 : n0.sig) == null ? void 0 : h0.height, 1) ?? "-"), this.tableData.sigwaveDir.push((u0 = (i0 = i == null ? void 0 : i.wave) == null ? void 0 : i0.sig) == null ? void 0 : u0.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((m0 = (p0 = i == null ? void 0 : i.wave) == null ? void 0 : p0.wd) == null ? void 0 : m0.height, 1) ?? "-"), this.tableData.windwaveDir.push((L0 = (B0 = i == null ? void 0 : i.wave) == null ? void 0 : B0.wd) == null ? void 0 : L0.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((d0 = (r0 = i == null ? void 0 : i.wave) == null ? void 0 : r0.wd) == null ? void 0 : d0.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((s0 = (g0 = i == null ? void 0 : i.wave) == null ? void 0 : g0.swell) == null ? void 0 : s0.height, 1) ?? "-"), this.tableData.swellDir.push((M0 = (S = i == null ? void 0 : i.wave) == null ? void 0 : S.swell) == null ? void 0 : M0.bearing), this.tableData.swellPeriod.push(this.roundPrecision((I = (e0 = i == null ? void 0 : i.wave) == null ? void 0 : e0.swell) == null ? void 0 : I.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((b0 = i == null ? void 0 : i.current) == null ? void 0 : b0.speed, 1) ?? "-"), this.tableData.currentDir.push((W0 = i == null ? void 0 : i.current) == null ? void 0 : W0.bearing), this.tableData.seaLevel.push(this.roundPrecision(i == null ? void 0 : i.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(i == null ? void 0 : i.sst, 0) ?? "-"), this.tableData.weatherUrls.push((l0 = i == null ? void 0 : i.weather) == null ? void 0 : l0.url), this.tableData.weatherNames.push(((R0 = i == null ? void 0 : i.weather) == null ? void 0 : R0.name) ?? "-");
+          this.tableData.temp.push(this.roundPrecision((f = i == null ? void 0 : i.weather) == null ? void 0 : f.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((m = (h = i == null ? void 0 : i.weather) == null ? void 0 : h.precip) == null ? void 0 : m.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((E = (X = i == null ? void 0 : i.weather) == null ? void 0 : X.precip) == null ? void 0 : E.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((y = i == null ? void 0 : i.weather) == null ? void 0 : y.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((J = (F = i == null ? void 0 : i.weather) == null ? void 0 : F.wind) == null ? void 0 : J.kts, 1) ?? "-"), this.tableData.windDir.push((u = (V = i == null ? void 0 : i.weather) == null ? void 0 : V.wind) == null ? void 0 : u.bearing), this.tableData.windGust.push(this.roundPrecision((e0 = (g = i == null ? void 0 : i.weather) == null ? void 0 : g.wind) == null ? void 0 : e0.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((h0 = (n0 = i == null ? void 0 : i.wave) == null ? void 0 : n0.sig) == null ? void 0 : h0.height, 1) ?? "-"), this.tableData.sigwaveDir.push((u0 = (i0 = i == null ? void 0 : i.wave) == null ? void 0 : i0.sig) == null ? void 0 : u0.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((m0 = (p0 = i == null ? void 0 : i.wave) == null ? void 0 : p0.wd) == null ? void 0 : m0.height, 1) ?? "-"), this.tableData.windwaveDir.push((L0 = (B0 = i == null ? void 0 : i.wave) == null ? void 0 : B0.wd) == null ? void 0 : L0.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((d0 = (r0 = i == null ? void 0 : i.wave) == null ? void 0 : r0.wd) == null ? void 0 : d0.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((s0 = (g0 = i == null ? void 0 : i.wave) == null ? void 0 : g0.swell) == null ? void 0 : s0.height, 1) ?? "-"), this.tableData.swellDir.push((M0 = (P = i == null ? void 0 : i.wave) == null ? void 0 : P.swell) == null ? void 0 : M0.bearing), this.tableData.swellPeriod.push(this.roundPrecision((I = (t0 = i == null ? void 0 : i.wave) == null ? void 0 : t0.swell) == null ? void 0 : I.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((b0 = i == null ? void 0 : i.current) == null ? void 0 : b0.speed, 1) ?? "-"), this.tableData.currentDir.push((W0 = i == null ? void 0 : i.current) == null ? void 0 : W0.bearing), this.tableData.seaLevel.push(this.roundPrecision(i == null ? void 0 : i.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(i == null ? void 0 : i.sst, 0) ?? "-"), this.tableData.weatherUrls.push((l0 = i == null ? void 0 : i.weather) == null ? void 0 : l0.url), this.tableData.weatherNames.push(((R0 = i == null ? void 0 : i.weather) == null ? void 0 : R0.name) ?? "-");
         }
       });
     },
@@ -6518,7 +6518,7 @@ const qM = {
         return !1;
     },
     handleMeteoMore() {
-      this.point.forecastModel = this.meteoSource, this.$emit("meteoMore", this.point);
+      this.point.forecastModel = this.forecastModel, this.$emit("meteoMore", this.point);
     },
     handleCloseMeteo() {
       this.showMeteo = !1;
@@ -6542,7 +6542,7 @@ const qM = {
   key: 1,
   class: "icon flex-center",
   style: { "margin-right": "5px" }
-}, RM = { class: "temp" }, hM = { class: "des info" }, mM = { class: "flex-start" }, BM = { class: "flex-start" }, gM = { class: "flex-start" }, NM = { class: "date flex-col-center-end" }, yM = { class: "" }, XM = { class: "" }, wM = { class: "detail-box" }, CM = { class: "menu-header flex-start" }, vM = { class: "basic-table" }, TM = { class: "hour" }, EM = { class: "hour" }, xM = { class: "icon" }, IM = ["src"], DM = { class: "text" }, SM = { class: "text" }, PM = { class: "text" }, kM = { class: "text" }, QM = { class: "wave-current-table" }, HM = { class: "hour" }, _M = { class: "hour" }, jM = { class: "icon" }, FM = ["src"], GM = { class: "text" }, UM = { class: "text" }, KM = { class: "text" }, JM = { class: "text" }, YM = { class: "sea-table" }, VM = { class: "hour" }, ZM = { class: "hour" }, $M = { class: "icon" }, Mb = ["src"], bb = { class: "text" }, zb = { class: "text" }, pb = { class: "text" }, Ob = { class: "text" }, ob = { class: "tide-table flex-col-start-center" }, cb = { class: "tr-tide flex-space" }, Ab = { class: "tr-tide flex-space" }, eb = { class: "tr-tide flex-space" }, tb = {
+}, RM = { class: "temp" }, hM = { class: "des info" }, mM = { class: "flex-start" }, BM = { class: "flex-start" }, gM = { class: "flex-start" }, NM = { class: "date flex-col-center-end" }, yM = { class: "" }, XM = { class: "" }, wM = { class: "detail-box" }, CM = { class: "menu-header flex-start" }, vM = { class: "basic-table" }, TM = { class: "hour" }, EM = { class: "hour" }, xM = { class: "icon" }, IM = ["src"], DM = { class: "text" }, PM = { class: "text" }, SM = { class: "text" }, kM = { class: "text" }, QM = { class: "wave-current-table" }, HM = { class: "hour" }, _M = { class: "hour" }, jM = { class: "icon" }, FM = ["src"], GM = { class: "text" }, UM = { class: "text" }, KM = { class: "text" }, JM = { class: "text" }, YM = { class: "sea-table" }, VM = { class: "hour" }, ZM = { class: "hour" }, $M = { class: "icon" }, Mb = ["src"], bb = { class: "text" }, zb = { class: "text" }, pb = { class: "text" }, Ob = { class: "text" }, ob = { class: "tide-table flex-col-start-center" }, cb = { class: "tr-tide flex-space" }, Ab = { class: "tr-tide flex-space" }, eb = { class: "tr-tide flex-space" }, tb = {
   key: 1,
   class: "main-box flex-center"
 };
@@ -6578,13 +6578,13 @@ function ab(b, M, z, O, p, o) {
               "show-after": 1e3
             }, {
               default: a0(() => {
-                var u, g, A0, n0;
+                var u, g, e0, n0;
                 return [
                   (g = (u = p.currentHourData) == null ? void 0 : u.weather) != null && g.url ? (s(), W("img", {
                     key: 0,
                     class: "iconfont icon",
                     style: { "margin-right": "5px" },
-                    src: (n0 = (A0 = p.currentHourData) == null ? void 0 : A0.weather) == null ? void 0 : n0.url
+                    src: (n0 = (e0 = p.currentHourData) == null ? void 0 : e0.weather) == null ? void 0 : n0.url
                   }, null, 8, uM)) : (s(), W("span", LM))
                 ];
               }),
@@ -6709,7 +6709,7 @@ function ab(b, M, z, O, p, o) {
                 key: `weatherUrls${g}${u}`
               }, C(u), 1))), 128))
             ]),
-            c("tr", SM, [
+            c("tr", PM, [
               M[14] || (M[14] = c("td", {
                 rowspan: "1",
                 colspan: "1",
@@ -6724,7 +6724,7 @@ function ab(b, M, z, O, p, o) {
                 key: `precip1h${g}${u}`
               }, C(u), 1))), 128))
             ]),
-            c("tr", PM, [
+            c("tr", SM, [
               M[15] || (M[15] = c("td", {
                 rowspan: "1",
                 colspan: "1",
@@ -7075,7 +7075,7 @@ function ab(b, M, z, O, p, o) {
     [X0, p.showMeteo]
   ]);
 }
-const qb = /* @__PURE__ */ k(qM, [["render", ab], ["__scopeId", "data-v-74576e3a"]]), ib = {
+const qb = /* @__PURE__ */ k(qM, [["render", ab], ["__scopeId", "data-v-51cb6990"]]), ib = {
   name: "IdmWarZone",
   props: {
     map: {
@@ -7542,7 +7542,7 @@ const gb = {
     beforeLayer: {
       type: String
     },
-    meteoSource: {
+    forecastModel: {
       type: String
     }
   },
@@ -7622,7 +7622,7 @@ const gb = {
       this.showPort = !1, this.map.getLayer(this.layer) && this.map.removeLayer(this.layer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     },
     handleClickMeteo(b) {
-      b.forecastModel = this.meteoSource, this.$emit("meteoMore", b);
+      b.forecastModel = this.forecastModel, this.$emit("meteoMore", b);
     }
   }
 }, Nb = {
@@ -7665,7 +7665,7 @@ function Eb(b, M, z, O, p, o) {
     [X0, p.showPort]
   ]);
 }
-const xb = /* @__PURE__ */ k(gb, [["render", Eb], ["__scopeId", "data-v-78859648"]]), Ib = {
+const xb = /* @__PURE__ */ k(gb, [["render", Eb], ["__scopeId", "data-v-39da1804"]]), Ib = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -7738,7 +7738,7 @@ const xb = /* @__PURE__ */ k(gb, [["render", Eb], ["__scopeId", "data-v-78859648
 function Db(b, M, z, O, p, o) {
   return s(), W("div");
 }
-const Sb = /* @__PURE__ */ k(Ib, [["render", Db]]), Pb = {
+const Pb = /* @__PURE__ */ k(Ib, [["render", Db]]), Sb = {
   name: "IdmTimezone",
   props: {
     map: {
@@ -7906,7 +7906,7 @@ const Sb = /* @__PURE__ */ k(Ib, [["render", Db]]), Pb = {
 function kb(b, M, z, O, p, o) {
   return s(), W("div");
 }
-const Qb = /* @__PURE__ */ k(Pb, [["render", kb]]), Hb = {
+const Qb = /* @__PURE__ */ k(Sb, [["render", kb]]), Hb = {
   name: "IdmVoluntaryReportingArea",
   props: {
     map: {
@@ -8633,8 +8633,8 @@ const zz = {
   emits: ["enc"],
   data() {
     return {
-      helper: S0,
-      vendor: this.$attrs.permission & S0.LEVEL.Supper ? "hi" : "i4",
+      helper: P0,
+      vendor: this.$attrs.permission & P0.LEVEL.Supper ? "hi" : "i4",
       right: 10
     };
   },
@@ -8784,7 +8784,7 @@ const az = {
     IdmEcaZone: ub,
     IdmAlertZone: Bb,
     IdmPort: xb,
-    IdmLoadLine: Sb,
+    IdmLoadLine: Pb,
     IdmTimezone: Qb,
     IdmVRA: jb,
     IdmSpecialArea: Ub,
@@ -8828,6 +8828,7 @@ const az = {
       show3d: !1,
       meteo: void 0,
       source: "",
+      forecastModel: "",
       gateway: "https://cbe.idmwx.com",
       mapProjection: "mercator",
       zoom: 6,
@@ -8855,7 +8856,7 @@ const az = {
     },
     map: {
       handler() {
-        this.map && (this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.viewport = new P0(this.map), this.handleRampColorInitial());
+        this.map && (this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.viewport = new S0(this.map), this.handleRampColorInitial());
       },
       immediate: !0
     },
@@ -8958,11 +8959,11 @@ const az = {
                 );
               const E = await Promise.all(X);
               this.weatherLayers = {}, E.map((y) => {
-                var V, u, g, A0;
+                var V, u, g, e0;
                 const F = ((V = y == null ? void 0 : y.data) == null ? void 0 : V.data) || (y == null ? void 0 : y.data), J = (g = (u = y == null ? void 0 : y.config) == null ? void 0 : u.headers) == null ? void 0 : g.key;
                 J && F && (this.weatherLayers[J] = {
                   raw: F,
-                  type: ((A0 = y == null ? void 0 : y.config) == null ? void 0 : A0.responseType) === "blob" ? "image" : "json",
+                  type: ((e0 = y == null ? void 0 : y.config) == null ? void 0 : e0.responseType) === "blob" ? "image" : "json",
                   etime: this.ts
                 });
               }), m.tropicals && f0.get(m.tropicals, {
@@ -9386,8 +9387,8 @@ const az = {
   className: "map-gl-home"
 };
 function iz(b, M, z, O, p, o) {
-  var r0, d0, g0, s0, S, M0, e0, I, b0, W0, l0, R0, o0, e, i, L, N, w, D, Z, P, G, x0, k0, Q0, H0, _0;
-  const A = x("IdmGlLayer"), a = x("IdmENC"), q = x("IdmWorld12nm"), r = x("IdmSigWave"), t = x("IdmSwell"), n = x("IdmPrmsl"), l = x("IdmIceberg"), d = x("IdmTropicals"), B = x("IdmCurrents"), R = x("IdmCurrentParticle"), f = x("IdmWindBarb"), h = x("IdmWindParticle"), m = x("IdmPrecip3h"), X = x("IdmVisibility"), E = x("IdmWaterTemp"), y = x("IdmTemp"), F = x("IdmArctic"), J = x("IdmWarZone"), V = x("IdmGmdssArea"), u = x("IdmEcaZone"), g = x("IdmAlertZone"), A0 = x("IdmPort"), n0 = x("IdmLoadLine"), h0 = x("IdmTimezone"), i0 = x("IdmVRA"), u0 = x("IdmSpecialArea"), p0 = x("IdmTerminator"), m0 = x("IdmLatLng"), B0 = x("IdmMeasure"), L0 = x("IdmPoint");
+  var r0, d0, g0, s0, P, M0, t0, I, b0, W0, l0, R0, o0, e, i, L, N, w, D, Z, S, G, x0, k0, Q0, H0, _0;
+  const A = x("IdmGlLayer"), a = x("IdmENC"), q = x("IdmWorld12nm"), r = x("IdmSigWave"), t = x("IdmSwell"), n = x("IdmPrmsl"), l = x("IdmIceberg"), d = x("IdmTropicals"), B = x("IdmCurrents"), R = x("IdmCurrentParticle"), f = x("IdmWindBarb"), h = x("IdmWindParticle"), m = x("IdmPrecip3h"), X = x("IdmVisibility"), E = x("IdmWaterTemp"), y = x("IdmTemp"), F = x("IdmArctic"), J = x("IdmWarZone"), V = x("IdmGmdssArea"), u = x("IdmEcaZone"), g = x("IdmAlertZone"), e0 = x("IdmPort"), n0 = x("IdmLoadLine"), h0 = x("IdmTimezone"), i0 = x("IdmVRA"), u0 = x("IdmSpecialArea"), p0 = x("IdmTerminator"), m0 = x("IdmLatLng"), B0 = x("IdmMeasure"), L0 = x("IdmPoint");
   return z.map ? (s(), W("div", qz, [
     T(A, Q({
       ref: "layer",
@@ -9401,15 +9402,16 @@ function iz(b, M, z, O, p, o) {
       token: z.token,
       gateway: p.gateway
     }, b.$attrs, {
+      onForecastModel: M[0] || (M[0] = (c0) => p.forecastModel = c0),
       onWeather: o.handleWeatherLayerChange,
       onOther: o.handleOtherLayerChange,
-      onToggleWindParticle: M[0] || (M[0] = (t0) => p.showWindParticle = t0),
-      onToggleWindFeather: M[1] || (M[1] = (t0) => p.showWindFeather = t0),
-      onToggleCurrentParticle: M[2] || (M[2] = (t0) => p.showCurrentParticle = t0),
-      onToggleCurrentIsoband: M[3] || (M[3] = (t0) => p.showCurrentIsoband = t0),
-      onCoordinate: M[4] || (M[4] = (t0) => p.showCoord = t0),
-      onMeasure: M[5] || (M[5] = (t0) => p.showMeasure = t0),
-      onPoint: M[6] || (M[6] = (t0) => p.showPoint = t0),
+      onToggleWindParticle: M[1] || (M[1] = (c0) => p.showWindParticle = c0),
+      onToggleWindFeather: M[2] || (M[2] = (c0) => p.showWindFeather = c0),
+      onToggleCurrentParticle: M[3] || (M[3] = (c0) => p.showCurrentParticle = c0),
+      onToggleCurrentIsoband: M[4] || (M[4] = (c0) => p.showCurrentIsoband = c0),
+      onCoordinate: M[5] || (M[5] = (c0) => p.showCoord = c0),
+      onMeasure: M[6] || (M[6] = (c0) => p.showMeasure = c0),
+      onPoint: M[7] || (M[7] = (c0) => p.showPoint = c0),
       on3d: o.handle3dToggle,
       onHandleToggleVersion: o.handleToggleVersion
     }), null, 16, ["map", "toggle-version", "map-projection", "showWindFeather", "showWindParticle", "showCurrentIsoband", "showCurrentParticle", "token", "gateway", "onWeather", "onOther", "on3d", "onHandleToggleVersion"]),
@@ -9419,7 +9421,7 @@ function iz(b, M, z, O, p, o) {
       enabled: (r0 = p.otherLayers) == null ? void 0 : r0.enc,
       "toggle-version": z.toggleVersion
     }, b.$attrs, {
-      onEnc: M[7] || (M[7] = (t0) => p.enc = t0)
+      onEnc: M[8] || (M[8] = (c0) => p.enc = c0)
     }), null, 16, ["map", "token", "enabled", "toggle-version"]),
     T(q, Q({
       map: z.map,
@@ -9441,7 +9443,7 @@ function iz(b, M, z, O, p, o) {
     }, b.$attrs), null, 16, ["map", "swell", "before-layer", "activeWeatherLayers"]),
     T(n, Q({
       map: z.map,
-      prmsl: (S = p.weatherLayers) == null ? void 0 : S.prmsl,
+      prmsl: (P = p.weatherLayers) == null ? void 0 : P.prmsl,
       "before-layer": z.beforeLayer,
       "active-weather-layers": p.activeWeatherLayers
     }, b.$attrs), null, 16, ["map", "prmsl", "before-layer", "active-weather-layers"]),
@@ -9453,7 +9455,7 @@ function iz(b, M, z, O, p, o) {
     T(d, Q({
       map: z.map,
       date: z.ts,
-      tropicals: (e0 = p.weatherLayers) == null ? void 0 : e0.tropicals,
+      tropicals: (t0 = p.weatherLayers) == null ? void 0 : t0.tropicals,
       "before-layer": z.beforeLayer
     }, b.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
     T(B, Q({
@@ -9544,15 +9546,15 @@ function iz(b, M, z, O, p, o) {
     }, b.$attrs), null, 16, ["map", "zone", "before-layer"]),
     T(g, Q({
       map: z.map,
-      zone: (P = p.otherLayers) == null ? void 0 : P["alert-zones"],
+      zone: (S = p.otherLayers) == null ? void 0 : S["alert-zones"],
       "before-layer": z.beforeLayer
     }, b.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    T(A0, Q({
+    T(e0, Q({
       map: z.map,
       port: (G = p.otherLayers) == null ? void 0 : G.ports,
       "before-layer": z.beforeLayer,
-      meteoSource: p.source
-    }, b.$attrs), null, 16, ["map", "port", "before-layer", "meteoSource"]),
+      forecastModel: p.forecastModel
+    }, b.$attrs), null, 16, ["map", "port", "before-layer", "forecastModel"]),
     T(n0, Q({
       map: z.map,
       line: (x0 = p.otherLayers) == null ? void 0 : x0["load-lines"],
@@ -9594,8 +9596,8 @@ function iz(b, M, z, O, p, o) {
       ts: z.ts,
       token: z.token,
       gateway: p.gateway,
-      meteoSource: p.source
-    }, b.$attrs), null, 16, ["map", "show", "meteo", "ts", "token", "gateway", "meteoSource"])
+      forecastModel: p.forecastModel
+    }, b.$attrs), null, 16, ["map", "show", "meteo", "ts", "token", "gateway", "forecastModel"])
   ], 512)) : j("", !0);
 }
 const rz = /* @__PURE__ */ k(az, [["render", iz]]), hz = {
@@ -9610,7 +9612,7 @@ export {
   M2 as MapboxHelper,
   q0 as ParticleSchema,
   U0 as TropicalGL,
-  P0 as Viewport,
+  S0 as Viewport,
   C0 as WebGL,
-  c0 as WebGLSchema
+  A0 as WebGLSchema
 };