@idmwx/idmui-gl3 4.1.5 → 4.1.6

package/dist/index.js

@@ -6,9 +6,9 @@ import { resolveComponent as z, openBlock as x, createElementBlock as _, createE
 import * as C from "@turf/turf";
 import Ze from "@mapbox/sphericalmercator";
 import Z from "moment";
-import re from "mapbox-gl";
+import K from "mapbox-gl";
 import { TropicalHelper as We, LngLatHelper as F, LaneHelper as Q } from "@idm-plugin/geo";
-import ie from "axios";
+import re from "axios";
 const T = (a, e) => {
   const t = a.__vccOpts || a;
   for (const [r, i] of e)
@@ -3951,7 +3951,7 @@ const Ht = {
       this.map && (this.map.getLayer(this.historyLayer) && this.map.removeLayer(this.historyLayer), this.map.getLayer(this.forecastLayer) && this.map.removeLayer(this.forecastLayer), this.map.getLayer(this.forecastModelLayer) && this.map.removeLayer(this.forecastModelLayer), this.map.getLayer(this.forecastNameLayer) && this.map.removeLayer(this.forecastNameLayer), this.map.getLayer(this.pointCircleLayer) && this.map.removeLayer(this.pointCircleLayer), this.map.getLayer(this.pointCircleLayer + "-border") && this.map.removeLayer(this.pointCircleLayer + "-border"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.historyPointCircleLayer) && this.map.removeLayer(this.historyPointCircleLayer), this.map.getLayer(this.historyPointCircleLayer + "-border") && this.map.removeLayer(this.historyPointCircleLayer + "-border"), this.map.getLayer(this.historyPointCircleLayer + "-inner") && this.map.removeLayer(this.historyPointCircleLayer + "-inner"), this.map.getLayer(this.historyPointLabelLayer) && this.map.removeLayer(this.historyPointLabelLayer), this.map.getLayer(this.interpolateLineLayer) && this.map.removeLayer(this.interpolateLineLayer), (a = this.interpolateMarkers) == null || a.forEach((e) => e == null ? void 0 : e.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource), this.map.getLayer(this.circleLayer) && this.map.removeLayer(this.circleLayer), this.map.getSource(this.circleSource) && this.map.removeSource(this.circleSource));
     },
     handleDateChange() {
-      var a, e, t, r, i, o, n, s, c, h, d, p, g, u, y, f, m, v, b, w, k, L, D, A, N, O, j, H, oe, se, ne, le, ce, he, de, K;
+      var a, e, t, r, i, o, n, s, c, h, d, p, g, u, y, f, m, v, b, w, k, L, D, A, N, O, j, H, oe, se, ne, le, ce, he, de, ee;
       if ((a = this.interpolateMarkers) == null || a.forEach((G) => G == null ? void 0 : G.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
         const G = Z(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), J = this.interpolateData.filter((E) => E.properties.date === G.format() && !E.properties.disabled), pe = this.handleComputePolygons(J), X = C.featureCollection([...J]);
         pe.forEach((E) => {
@@ -3990,21 +3990,21 @@ const Ht = {
                           		fill="#ffffff" p-id="18386"></path>
                           </svg>`, q = document.createElement("div");
             q.className = "hurricane-hourly-marker", q.innerHTML = `<div class="${E.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${me}</div>`;
-            const ue = new re.Marker(q).setLngLat(E.geometry.coordinates).addTo(this.map);
+            const ue = new K.Marker(q).setLngLat(E.geometry.coordinates).addTo(this.map);
             if (this.interpolateMarkers.push(ue), (oe = E.properties) != null && oe.showCircle) {
-              const ee = { radius: 100, coordinates: E.geometry.coordinates }, te = { radius: 200, coordinates: E.geometry.coordinates }, ae = { radius: 500, coordinates: E.geometry.coordinates };
+              const te = { radius: 100, coordinates: E.geometry.coordinates }, ae = { radius: 200, coordinates: E.geometry.coordinates }, ie = { radius: 500, coordinates: E.geometry.coordinates };
               (se = this.circleSourceData) == null || se.features.push(
-                C.circle(ee.coordinates, ee.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
-              ), (ne = this.circleSourceData) == null || ne.features.push(
                 C.circle(te.coordinates, te.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
-              ), (le = this.circleSourceData) == null || le.features.push(
+              ), (ne = this.circleSourceData) == null || ne.features.push(
                 C.circle(ae.coordinates, ae.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
+              ), (le = this.circleSourceData) == null || le.features.push(
+                C.circle(ie.coordinates, ie.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
               );
             }
             (he = (ce = this.map) == null ? void 0 : ce.getSource(this.circleSource)) == null || he.setData(this.circleSourceData);
           }
       } else
-        (de = this.map) != null && de.getSource(this.interpolateSource) && ((K = this.map) == null || K.getSource(this.interpolateSource).setData(this.empty));
+        (de = this.map) != null && de.getSource(this.interpolateSource) && ((ee = this.map) == null || ee.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(a) {
       var o, n, s, c, h, d, p, g;
@@ -4031,7 +4031,7 @@ const Ht = {
         showCircle: (g = (p = t[0]) == null ? void 0 : p.properties) == null ? void 0 : g.showCircle
       }, this.showTropicals = !0;
       const i = document.getElementById("active-tropical");
-      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.activeTropicalsMarker = new re.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
+      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.activeTropicalsMarker = new K.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
     },
     handleForecastToggle(a) {
       var r, i, o, n, s, c;
@@ -4870,7 +4870,7 @@ const Ta = {
       var a;
       if (this.meteo) {
         const e = document.getElementById("point-meteo");
-        this.meteoMarker ? (a = this.meteoMarker) == null || a.setLngLat([this.meteo.lng, this.meteo.lat]) : this.meteoMarker = new re.Marker(e).setLngLat([this.meteo.lng, this.meteo.lat]).addTo(this.map);
+        this.meteoMarker ? (a = this.meteoMarker) == null || a.setLngLat([this.meteo.lng, this.meteo.lat]) : this.meteoMarker = new K.Marker(e).setLngLat([this.meteo.lng, this.meteo.lat]).addTo(this.map);
       }
     }
   }
@@ -4883,7 +4883,7 @@ const Ta = {
   style: { "justify-content": "flex-end" }
 };
 function Ha(a, e, t, r, i, o) {
-  var n, s, c, h, d, p, g, u, y, f, m, v, b, w, k, L, D, A, N, O, j, H, oe, se, ne, le, ce, he, de, K, G, J, pe, X, E, U, me, q, ue, ee, te, ae, fe, ge, be, ve, Le;
+  var n, s, c, h, d, p, g, u, y, f, m, v, b, w, k, L, D, A, N, O, j, H, oe, se, ne, le, ce, he, de, ee, G, J, pe, X, E, U, me, q, ue, te, ae, ie, fe, ge, be, ve, Le;
   return Se((x(), _("div", Ea, [
     l("div", Ra, [
       l("div", Ia, [
@@ -4909,11 +4909,11 @@ function Ha(a, e, t, r, i, o) {
         ]),
         l("div", Oa, [
           e[4] || (e[4] = l("label", null, "Sig.Wave", -1)),
-          l("span", null, S(((J = (G = (K = t.meteo) == null ? void 0 : K.wave) == null ? void 0 : G.sig) == null ? void 0 : J.direction) || "-") + "/" + S(o.roundPrecision((E = (X = (pe = t.meteo) == null ? void 0 : pe.wave) == null ? void 0 : X.sig) == null ? void 0 : E.height, 1)) + "[m]/" + S(o.roundPrecision((q = (me = (U = t.meteo) == null ? void 0 : U.wave) == null ? void 0 : me.sig) == null ? void 0 : q.period, 1)) + "[s]", 1)
+          l("span", null, S(((J = (G = (ee = t.meteo) == null ? void 0 : ee.wave) == null ? void 0 : G.sig) == null ? void 0 : J.direction) || "-") + "/" + S(o.roundPrecision((E = (X = (pe = t.meteo) == null ? void 0 : pe.wave) == null ? void 0 : X.sig) == null ? void 0 : E.height, 1)) + "[m]/" + S(o.roundPrecision((q = (me = (U = t.meteo) == null ? void 0 : U.wave) == null ? void 0 : me.sig) == null ? void 0 : q.period, 1)) + "[s]", 1)
         ]),
         l("div", ja, [
           e[5] || (e[5] = l("label", null, "Current", -1)),
-          l("span", null, S(((ee = (ue = t.meteo) == null ? void 0 : ue.current) == null ? void 0 : ee.direction) || "-") + "/" + S(o.roundPrecision((ae = (te = t.meteo) == null ? void 0 : te.current) == null ? void 0 : ae.kts, 2)) + "[kts]", 1)
+          l("span", null, S(((te = (ue = t.meteo) == null ? void 0 : ue.current) == null ? void 0 : te.direction) || "-") + "/" + S(o.roundPrecision((ie = (ae = t.meteo) == null ? void 0 : ae.current) == null ? void 0 : ie.kts, 2)) + "[kts]", 1)
         ]),
         l("div", Fa, [
           e[6] || (e[6] = l("label", null, "Precip", -1)),
@@ -5288,7 +5288,11 @@ const ii = {
         var o;
         return i.properties.id === ((o = e == null ? void 0 : e.properties) == null ? void 0 : o.id);
       })[0];
-      t && (this.showZone = !0, this.form = { ...t.properties });
+      if (t) {
+        this.showZone = !0, this.form = { ...t.properties };
+        const i = document.getElementById("idm-gl3-zone-info");
+        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new K.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, 0]).addTo(this.map);
+      }
     },
     handleRender() {
       var a;
@@ -5374,7 +5378,7 @@ const ii = {
       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);
     }
   }
-}, ri = { id: "zone-info" }, oi = ["innerHTML"];
+}, ri = { id: "idm-gl3-zone-info" }, oi = ["innerHTML"];
 function si(a, e, t, r, i, o) {
   var n;
   return Se((x(), _("div", ri, [
@@ -5390,7 +5394,7 @@ function si(a, e, t, r, i, o) {
     [ke, i.showZone]
   ]);
 }
-const ni = /* @__PURE__ */ T(ii, [["render", si], ["__scopeId", "data-v-c0864afc"]]);
+const ni = /* @__PURE__ */ T(ii, [["render", si]]);
 const li = {
   name: "IdmPort",
   props: {
@@ -5444,7 +5448,7 @@ const li = {
       if (t) {
         this.showPort = !0, this.form = { ...t.properties }, this.form.lng = t.geometry.coordinates[0], this.form.lat = t.geometry.coordinates[1];
         const i = document.getElementById("port-info");
-        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new re.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
+        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new K.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
       }
     },
     handleEmit() {
@@ -6266,7 +6270,7 @@ const je = /* @__PURE__ */ T(Ii, [["render", Di], ["__scopeId", "data-v-7367f59b
         const s = this.geojson.filter((c) => c.id === e.split("-")[0])[0].features.filter((c) => c.geometry.type === "Point");
         if (s.length > 2 && s.filter((h) => h.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
           const h = document.createElement("div");
-          h.className = "point-contextmenu-marker", h.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new re.Marker(h).setOffset([24, 0]).setLngLat([a.lngLat.lng, a.lngLat.lat]).addTo(this.map);
+          h.className = "point-contextmenu-marker", h.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new K.Marker(h).setOffset([24, 0]).setLngLat([a.lngLat.lng, a.lngLat.lat]).addTo(this.map);
         }
       }
     },
@@ -6374,7 +6378,7 @@ const je = /* @__PURE__ */ T(Ii, [["render", Di], ["__scopeId", "data-v-7367f59b
         this.tipMarker._element.innerHTML = s, this.tipMarker.setLngLat([t.lng, t.lat]);
       else {
         const c = document.createElement("div");
-        c.className = "tip-marker", c.innerHTML = s, this.tipMarker = new re.Marker(c).setOffset([140, 0]).setLngLat([t.lng, t.lat]).addTo(this.map);
+        c.className = "tip-marker", c.innerHTML = s, this.tipMarker = new K.Marker(c).setOffset([140, 0]).setLngLat([t.lng, t.lat]).addTo(this.map);
       }
     },
     handleMove(a) {
@@ -6432,12 +6436,12 @@ const je = /* @__PURE__ */ T(Ii, [["render", Di], ["__scopeId", "data-v-7367f59b
         for (const n of o) {
           const s = document.createElement("div");
           s.id = `${a.id}-${n.properties.id}`, s.className = `${a.closed ? "point-marker closed" : "point-marker"}`, s.innerHTML = '<div class="marker-circle"></div>';
-          const c = new re.Marker({ element: s, draggable: !0, contextmenu: !0 }).setLngLat(n.geometry.coordinates).addTo(this.map);
+          const c = new K.Marker({ element: s, draggable: !0, contextmenu: !0 }).setLngLat(n.geometry.coordinates).addTo(this.map);
           c.on("drag", this.handleDrag), c.on("dragend", this.handleDragEnd), this.pointMarkers[a.id] ? this.pointMarkers[a.id].push(c) : this.pointMarkers[a.id] = [c];
         }
         if (a.closed) {
           const n = o.at(-1), c = a.features.filter((d) => d.geometry.type === "LineString").at(-1), h = document.createElement("div");
-          h.className = "point-summary-marker", h.innerHTML = `<div id="${a.id}" class="marker-close">×</div><div class="marker-label">Tol: ${c.properties.total}nm</div>`, this.closeMarkers[a.id] = new re.Marker(h).setOffset([60, 0]).setLngLat(n.geometry.coordinates).addTo(this.map);
+          h.className = "point-summary-marker", h.innerHTML = `<div id="${a.id}" class="marker-close">×</div><div class="marker-label">Tol: ${c.properties.total}nm</div>`, this.closeMarkers[a.id] = new K.Marker(h).setOffset([60, 0]).setLngLat(n.geometry.coordinates).addTo(this.map);
         }
       }
     },
@@ -6698,7 +6702,7 @@ const $i = {
         if (this.weatherWeight > 0) {
           let f = this.weatherWeight, m;
           if (a.tropicals || this.weatherWeight & 256 && (m = this.weatherLayers.tropicals, m && (f -= 256, m.version = Math.random() + 1)), f > 0) {
-            const v = await ie.get(`${this.gateway}/api/arc/weather/layers/links?l=${f}&v=${this.source}&z=${g}&bbox=${y}&t=${this.ts}`, {
+            const v = await re.get(`${this.gateway}/api/arc/weather/layers/links?l=${f}&v=${this.source}&z=${g}&bbox=${y}&t=${this.ts}`, {
               headers: {
                 Authorization: this.token || this.defaultMeteoToken
               }
@@ -6707,7 +6711,7 @@ const $i = {
               const b = (s = v == null ? void 0 : v.data) == null ? void 0 : s.data, w = [];
               for (const L in b)
                 L === "ice-edge" && (b[L] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), L !== "tropicals" && w.push(
-                  ie.get(b[L], {
+                  re.get(b[L], {
                     headers: {
                       Authorization: this.token || this.defaultMeteoToken,
                       key: L
@@ -6726,7 +6730,7 @@ const $i = {
                   type: ((H = L == null ? void 0 : L.config) == null ? void 0 : H.responseType) === "blob" ? "image" : "json",
                   etime: this.ts
                 });
-              }), b.tropicals && ie.get(b.tropicals, {
+              }), b.tropicals && re.get(b.tropicals, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken,
                   key: "tropicals"
@@ -6777,7 +6781,7 @@ const $i = {
           let n = !1;
           if (this.otherWeight & 2048 && (o = this.otherWeight - 2048, n = !0), o) {
             if (a.all) {
-              const s = await ie.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
+              const s = await re.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
@@ -6786,7 +6790,7 @@ const $i = {
                 const c = (t = s == null ? void 0 : s.data) == null ? void 0 : t.data, h = [];
                 for (const p in c)
                   h.push(
-                    ie.get(c[p], {
+                    re.get(c[p], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
                         key: p
@@ -6801,7 +6805,7 @@ const $i = {
                 });
               }
             } else if (a.dayNight && o & 1024) {
-              const s = await ie.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
+              const s = await re.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
@@ -6810,7 +6814,7 @@ const $i = {
                 const c = (i = s == null ? void 0 : s.data) == null ? void 0 : i.data, h = [];
                 for (const p in c)
                   h.push(
-                    ie.get(c[p], {
+                    re.get(c[p], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
                         key: p
@@ -7123,7 +7127,7 @@ const $i = {
         ts: e.utc().format(),
         wt: !0,
         src: this.source
-      }, r = await ie.get(`${this.gateway}/api/arc/meteo/query`, {
+      }, r = await re.get(`${this.gateway}/api/arc/meteo/query`, {
         params: t,
         headers: {
           Authorization: this.token || this.defaultMeteoToken
@@ -7147,7 +7151,7 @@ const $i = {
   className: "map-gl-home"
 };
 function Vi(a, e, t, r, i, o) {
-  var K, G, J, pe, X, E, U, me, q, ue, ee, te, ae, fe, ge, be, ve, Le, ze, Ee, Re, Ie, De, Ae, Me, Be;
+  var ee, G, J, pe, X, E, U, me, q, ue, te, ae, ie, fe, ge, be, ve, Le, ze, Ee, Re, Ie, De, Ae, Me, Be;
   const n = z("IdmGlLayer"), s = z("IdmENC"), c = z("IdmSigWave"), h = z("IdmSwell"), d = z("IdmPrmsl"), p = z("IdmIceberg"), g = z("IdmTropicals"), u = z("IdmCurrents"), y = z("IdmCurrentParticle"), f = z("IdmWindBarb"), m = z("IdmWindParticle"), v = z("IdmPrecip3h"), b = z("IdmVisibility"), w = z("IdmWaterTemp"), k = z("IdmTemp"), L = z("IdmArctic"), D = z("IdmWarZone"), A = z("IdmGmdssArea"), N = z("IdmEcaZone"), O = z("IdmAlertZone"), j = z("IdmPort"), H = z("IdmLoadLine"), oe = z("IdmTimezone"), se = z("IdmVRA"), ne = z("IdmSpecialArea"), le = z("IdmTerminator"), ce = z("IdmLatLng"), he = z("IdmMeasure"), de = z("IdmPoint");
   return t.map ? (x(), _("div", Ui, [
     P(n, R({
@@ -7167,7 +7171,7 @@ function Vi(a, e, t, r, i, o) {
     P(s, R({
       map: t.map,
       token: t.token,
-      enabled: (K = i.otherLayers) == null ? void 0 : K.enc,
+      enabled: (ee = i.otherLayers) == null ? void 0 : ee.enc,
       "toggle-version": i.toggleVersion
     }, a.$attrs, {
       onEnc: e[4] || (e[4] = (Y) => i.enc = Y)
@@ -7231,19 +7235,19 @@ function Vi(a, e, t, r, i, o) {
     }), null, 16, ["map", "map-projection", "wind", "current", "before-layer", "margin-bottom", "show-particle", "toggle-version", "weather-layers", "onParticle"]),
     P(m, R({
       viewport: i.viewport,
-      factor: (ee = i.weatherLayers) == null ? void 0 : ee["wind-particle"],
+      factor: (te = i.weatherLayers) == null ? void 0 : te["wind-particle"],
       "before-layer": t.beforeLayer,
       "toggle-version": i.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     P(v, R({
       viewport: i.viewport,
-      factor: (te = i.weatherLayers) == null ? void 0 : te.precip3h,
+      factor: (ae = i.weatherLayers) == null ? void 0 : ae.precip3h,
       "before-layer": t.beforeLayer,
       "toggle-version": i.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     P(b, R({
       viewport: i.viewport,
-      factor: (ae = i.weatherLayers) == null ? void 0 : ae.visibility,
+      factor: (ie = i.weatherLayers) == null ? void 0 : ie.visibility,
       "before-layer": t.beforeLayer,
       "toggle-version": i.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),