@idmwx/idmui-gl3 4.4.0 → 4.4.1

package/dist/index.js

@@ -1,13 +1,13 @@
-var $e = Object.defineProperty;
-var Fe = (a, e, t) => e in a ? $e(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var I = (a, e, t) => (Fe(a, typeof e != "symbol" ? e + "" : e, t), t);
+var Fe = Object.defineProperty;
+var $e = (a, e, t) => e in a ? Fe(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var I = (a, e, t) => ($e(a, typeof e != "symbol" ? e + "" : e, t), t);
 import { LayerHelper as Pe, CompanyHelper as Ce, convertToStandardLng as we } from "@idmwx/idmwx-base";
-import { resolveComponent as z, openBlock as x, createElementBlock as _, createElementVNode as l, normalizeStyle as F, normalizeClass as M, Fragment as xe, renderList as _e, toDisplayString as S, createVNode as P, withCtx as Ve, createTextVNode as Oe, createCommentVNode as B, withDirectives as Se, createStaticVNode as Ue, vShow as ke, mergeProps as E } from "vue";
+import { resolveComponent as z, openBlock as x, createElementBlock as _, createElementVNode as l, normalizeStyle as $, normalizeClass as M, Fragment as xe, renderList as _e, toDisplayString as S, createVNode as P, withCtx as Ve, createTextVNode as Oe, createCommentVNode as B, withDirectives as Se, createStaticVNode as Ue, vShow as ke, mergeProps as E } from "vue";
 import * as C from "@turf/turf";
 import Ze from "@mapbox/sphericalmercator";
 import Z from "moment";
 import Q from "mapbox-gl";
-import { TropicalHelper as Ne, LngLatHelper as $, LaneHelper as Y } from "@idm-plugin/geo";
+import { TropicalHelper as Ne, LngLatHelper as F, LaneHelper as Y } from "@idm-plugin/geo";
 import ie from "axios";
 const T = (a, e) => {
   const t = a.__vccOpts || a;
@@ -27,7 +27,7 @@ const T = (a, e) => {
       type: Number,
       default: 60
     },
-    toggleMenu: {
+    layerToggle: {
       type: Boolean,
       default: !1
     },
@@ -39,10 +39,9 @@ const T = (a, e) => {
       default: void 0
     }
   },
-  emits: ["weather", "other", "coordinate", "measure", "point", "3d", "handleToggleVersion", "menu", "showLayers"],
+  emits: ["weather", "other", "coordinate", "measure", "point", "3d", "layerToggle", "handleToggleVersion"],
   data() {
     return {
-      showLayers: !1,
       source: "",
       weatherLayers: [],
       activeWeatherLayers: [],
@@ -77,20 +76,6 @@ const T = (a, e) => {
     }
   },
   watch: {
-    showLayers: {
-      handler() {
-        this.$nextTick(() => {
-          this.$emit("menu", this.showLayers ? !1 : this.toggleMenu), this.$emit("handleToggleVersion");
-        });
-      }
-    },
-    toggleMenu: {
-      handler() {
-        this.$nextTick(() => {
-          this.showLayers = this.toggleMenu ? !1 : this.showLayers, this.$emit("handleToggleVersion");
-        });
-      }
-    },
     toggleVersion: {
       handler() {
         this.$nextTick(() => {
@@ -138,7 +123,7 @@ const T = (a, e) => {
       this.otherLayers.some((e) => e.key === a.key) ? this.otherLayers = this.otherLayers.filter((e) => e.key !== a.key) : a.enabled && this.otherLayers.push(a), localStorage.setItem(this.otherLayersCache, JSON.stringify(this.otherLayers)), this.$emit("other", this.otherLayers);
     },
     handleMenuToggle() {
-      this.showLayers = !this.showLayers;
+      this.$emit("layerToggle", !this.layerToggle);
     },
     handleCoordToggle() {
       this.showCoord = !this.showCoord, this.$emit("coordinate", this.showCoord);
@@ -165,11 +150,11 @@ function nt(a, e, t, r, i, o) {
   return x(), _("div", Ge, [
     l("div", {
       class: "menu-bar-box",
-      style: F({ top: t.top + 10 + "px", right: i.right + "px" })
+      style: $({ top: t.top + 10 + "px", right: i.right + "px" })
     }, [
       l("div", Je, [
         l("div", {
-          class: M(i.showLayers ? "menu-icon active" : "menu-icon"),
+          class: M(t.layerToggle ? "menu-icon active" : "menu-icon"),
           onClick: e[0] || (e[0] = (...s) => o.handleMenuToggle && o.handleMenuToggle(...s))
         }, e[8] || (e[8] = [
           l("span", { class: "iconfont" }, "", -1)
@@ -178,7 +163,7 @@ function nt(a, e, t, r, i, o) {
     ], 4),
     l("div", {
       class: "menu-bar-box",
-      style: F({ top: t.top + 160 + "px", right: i.right + "px" })
+      style: $({ top: t.top + 160 + "px", right: i.right + "px" })
     }, [
       l("div", Xe, [
         l("div", {
@@ -209,7 +194,7 @@ function nt(a, e, t, r, i, o) {
     ], 4),
     l("div", {
       class: "active-layers",
-      style: F({ right: i.right + "px", bottom: "100px" })
+      style: $({ right: i.right + "px", bottom: "100px" })
     }, [
       (x(!0), _(xe, null, _e(i.weatherLayers, (s) => (x(), _("div", {
         key: s.key,
@@ -222,17 +207,17 @@ function nt(a, e, t, r, i, o) {
     ], 4),
     l("div", {
       class: "available-layers flex-center",
-      style: F({ top: t.top + "px", right: i.showLayers ? "0px" : "-240px" })
+      style: $({ top: t.top + "px", right: t.layerToggle ? "0px" : "-240px" })
     }, [
       l("div", {
         class: "side-bar",
-        style: F({ right: i.showLayers ? "0px" : "-240px" }),
+        style: $({ right: t.layerToggle ? "0px" : "-240px" }),
         onClick: e[5] || (e[5] = (...s) => o.handleMenuToggle && o.handleMenuToggle(...s))
       }, e[14] || (e[14] = [
         l("i", { class: "iconfont" }, "", -1)
       ]), 4),
       l("div", {
-        class: M(["list-box", i.showLayers ? "right-bar" : ""])
+        class: M(["list-box", t.layerToggle ? "right-bar" : ""])
       }, [
         P(n, { style: { flex: "1" } }, {
           default: Ve(() => [
@@ -469,7 +454,7 @@ function yt(a, e, t, r, i, o) {
   return (n = t.wind) != null && n.active ? (x(), _("div", ht, [
     l("div", {
       class: "flex-center tool-bars",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
     }, [
       t.mapProjection === "mercator" ? (x(), _("div", {
         key: 0,
@@ -2738,7 +2723,7 @@ function Lt(a, e, t, r, i, o) {
   return (n = t.factor) != null && n.active ? (x(), _("div", vt, [
     l("div", {
       class: "legend-bars flex-center",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       l("span", null, "kts", -1),
       l("span", null, "0", -1),
@@ -2930,7 +2915,7 @@ function Pt(a, e, t, r, i, o) {
   return (n = t.current) != null && n.active ? (x(), _("div", _t, [
     l("div", {
       class: "flex-center tool-bars",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
     }, [
       t.mapProjection === "mercator" ? (x(), _("div", {
         key: 0,
@@ -3120,7 +3105,7 @@ function It(a, e, t, r, i, o) {
   return (n = t.factor) != null && n.active ? (x(), _("div", Et, [
     l("div", {
       class: "legend-bars flex-center",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       l("span", null, "kts", -1),
       l("span", null, "0", -1),
@@ -3512,10 +3497,10 @@ const jt = /* @__PURE__ */ T(Ot, [["render", Nt]]), Wt = {
     }
   }
 };
-function $t(a, e, t, r, i, o) {
+function Ft(a, e, t, r, i, o) {
   return x(), _("div");
 }
-const Ft = /* @__PURE__ */ T(Wt, [["render", $t]]), Vt = {
+const $t = /* @__PURE__ */ T(Wt, [["render", Ft]]), Vt = {
   name: "IdmIceberg",
   props: {
     map: {
@@ -4308,7 +4293,7 @@ function da(a, e, t, r, i, o) {
   return (n = t.factor) != null && n.active ? (x(), _("div", ha, [
     l("div", {
       class: "legend-bars flex-center",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       l("span", null, "mm", -1),
       l("span", null, "1.5", -1),
@@ -4422,7 +4407,7 @@ function ya(a, e, t, r, i, o) {
   return (n = t.factor) != null && n.active ? (x(), _("div", ua, [
     l("div", {
       class: "legend-bars flex-center",
-      style: F([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
+      style: $([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       l("span", null, "nm", -1),
       l("span", null, "0", -1),
@@ -4542,7 +4527,7 @@ function va(a, e, t, r, i, o) {
   return (n = t.factor) != null && n.active ? (x(), _("div", ba, [
     l("div", {
       class: "legend-bars flex-center",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       l("span", null, "°C", -1),
       l("span", null, "0", -1),
@@ -4665,7 +4650,7 @@ function _a(a, e, t, r, i, o) {
   return (n = t.factor) != null && n.active ? (x(), _("div", xa, [
     l("div", {
       class: "legend-bars flex-center",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       l("span", null, "°C", -1),
       l("span", null, "-20", -1),
@@ -4781,7 +4766,7 @@ function za(a, e, t, r, i, o) {
   return (n = t.factor) != null && n.active ? (x(), _("div", ka, [
     l("div", {
       class: "legend-bars flex-center",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       l("span", null, "m", -1),
       l("span", null, "0", -1),
@@ -4848,17 +4833,17 @@ const Ta = {
     },
     computeLat() {
       return function(a, e = 4) {
-        return $.lat2pretty(a, e).pretty;
+        return F.lat2pretty(a, e).pretty;
       };
     },
     computeLng() {
       return function(a, e = 4) {
-        return $.lng2pretty(a, e).pretty;
+        return F.lng2pretty(a, e).pretty;
       };
     },
     roundPrecision() {
       return function(a, e = 4) {
-        return isNaN(a) ? "-" : $.roundPrecision(a, e);
+        return isNaN(a) ? "-" : F.roundPrecision(a, e);
       };
     }
   },
@@ -4883,7 +4868,7 @@ const Ta = {
 }, Ra = {
   id: "point-meteo",
   class: "point-meteo"
-}, Ea = { class: "meteo-box" }, Ia = { class: "header-box" }, Da = { class: "main" }, Aa = { class: "sub" }, Ma = { class: "main-box" }, Ba = { class: "flex-space" }, Oa = { class: "flex-space" }, Na = { class: "flex-space" }, ja = { class: "flex-space" }, Wa = { class: "flex-space" }, $a = { class: "flex-space" }, Fa = { class: "flex-space" }, Va = { class: "flex-space" }, Ua = { class: "flex-space" };
+}, Ea = { class: "meteo-box" }, Ia = { class: "header-box" }, Da = { class: "main" }, Aa = { class: "sub" }, Ma = { class: "main-box" }, Ba = { class: "flex-space" }, Oa = { class: "flex-space" }, Na = { class: "flex-space" }, ja = { class: "flex-space" }, Wa = { class: "flex-space" }, Fa = { class: "flex-space" }, $a = { class: "flex-space" }, Va = { class: "flex-space" }, Ua = { class: "flex-space" };
 function Za(a, e, t, r, i, o) {
   var n, s, c, h, d, p, g, u, y, f, m, v, b, w, k, L, D, A, O, j, W, H, re, oe, se, ne, le, ce, he, K, G, J, de, X, R, V, pe, q, me, ee, te, ae, fe, ge, be, ve, Le;
   return Se((x(), _("div", Ra, [
@@ -4917,11 +4902,11 @@ function Za(a, e, t, r, i, o) {
           e[5] || (e[5] = l("label", null, "Current", -1)),
           l("span", null, S(((ee = (me = t.meteo) == null ? void 0 : me.current) == null ? void 0 : ee.direction) || "-") + "/" + S(o.roundPrecision((ae = (te = t.meteo) == null ? void 0 : te.current) == null ? void 0 : ae.kts, 2)) + "[kts]", 1)
         ]),
-        l("div", $a, [
+        l("div", Fa, [
           e[6] || (e[6] = l("label", null, "Precip", -1)),
           l("span", null, S(o.roundPrecision((ge = (fe = t.meteo) == null ? void 0 : fe.precip) == null ? void 0 : ge.inter6h, 2)) + "[mm]", 1)
         ]),
-        l("div", Fa, [
+        l("div", $a, [
           e[7] || (e[7] = l("label", null, "Visibility", -1)),
           l("span", null, S(o.roundPrecision(((be = t.meteo) == null ? void 0 : be.visibility) / 1852, 0)) + "[nm]", 1)
         ]),
@@ -5421,12 +5406,12 @@ const ni = {
   computed: {
     computeLat() {
       return function(a) {
-        return $.lat2pretty(a, 4).pretty;
+        return F.lat2pretty(a, 4).pretty;
       };
     },
     computeLng() {
       return function(a) {
-        return $.lng2pretty(a, 4).pretty;
+        return F.lng2pretty(a, 4).pretty;
       };
     }
   },
@@ -5883,7 +5868,7 @@ const Ci = /* @__PURE__ */ T(xi, [["render", _i]]), Si = {
   methods: {
     handleRender() {
       this.map ? (this.handleClear(), this.area && (this.area.features.forEach((a) => {
-        a.geometry.type === "Polygon" && a.geometry.coordinates.forEach((e) => $.convertToMonotonicLng2(e));
+        a.geometry.type === "Polygon" && a.geometry.coordinates.forEach((e) => F.convertToMonotonicLng2(e));
       }), this.map.addSource(this.source, {
         type: "geojson",
         data: this.area
@@ -6057,7 +6042,7 @@ const Ei = {
       this.show ? ((a = this.map) == null || a.on("zoomend", this.handleZoomEnd), this.handleRender()) : (this.handleClear(), (e = this.map) == null || e.off("zoomend", this.handleZoomEnd));
     },
     handleMouseMove(a) {
-      const e = a.lngLat, t = $.lng2pretty(e.lng, 2), r = $.lat2pretty(e.lat, 2);
+      const e = a.lngLat, t = F.lng2pretty(e.lng, 2), r = F.lat2pretty(e.lat, 2);
       this.lngLat = { lng: t, lat: r };
     },
     handleComputeLatLngs() {
@@ -6159,7 +6144,7 @@ function Ii(a, e, t, r, i, o) {
   return i.lngLat ? (x(), _("div", {
     key: 0,
     class: "lat-lng-tip",
-    style: F({ right: i.right + "px", bottom: t.bottom })
+    style: $({ right: i.right + "px", bottom: t.bottom })
   }, [
     l("span", null, S(i.lngLat.lat.pretty), 1),
     e[0] || (e[0] = l("span", null, ", ", -1)),
@@ -6307,9 +6292,9 @@ const We = /* @__PURE__ */ T(Ei, [["render", Ii], ["__scopeId", "data-v-b0d1ad79
         const r = [];
         for (let i = 1; i < e.length; i++) {
           const o = e[i - 1], n = e[i], s = o.properties, c = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, h = { lng: n.geometry.coordinates[0], lat: n.geometry.coordinates[1] }, d = Y.calculateDistance(c, h, s.mode === "RL", 2), p = Y.calculateBearing(c, h, s.mode === "RL", 2);
-          t = $.roundPrecision(t + d, 2);
+          t = F.roundPrecision(t + d, 2);
           let g;
-          s.mode === "RL" ? g = $.convertToMonotonicLng([c, h]) : g = $.convertToMonotonicLng(Y.interpolateCoordinates(c, h, 200));
+          s.mode === "RL" ? g = F.convertToMonotonicLng([c, h]) : g = F.convertToMonotonicLng(Y.interpolateCoordinates(c, h, 200));
           const u = C.lineString(g.map((y) => [y.lng, y.lat]));
           u.properties.dist = d, u.properties.bearing = p, u.properties.total = t, r.push(u);
         }
@@ -6324,7 +6309,7 @@ const We = /* @__PURE__ */ T(Ei, [["render", Ii], ["__scopeId", "data-v-b0d1ad79
         const c = e.properties, h = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, d = { lng: t.lng, lat: t.lat };
         o = Y.calculateDistance(h, d, c.mode === "RL", 2), n = Y.calculateBearing(h, d, c.mode === "RL", 2);
         let p;
-        c.mode === "RL" ? p = $.convertToMonotonicLng([h, d]) : p = $.convertToMonotonicLng(Y.interpolateCoordinates(h, d, 200));
+        c.mode === "RL" ? p = F.convertToMonotonicLng([h, d]) : p = F.convertToMonotonicLng(Y.interpolateCoordinates(h, d, 200));
         const g = C.lineString(p.map((u) => [u.lng, u.lat]));
         g.properties.dist = o, g.properties.bearing = n, i.features.push(g);
       }
@@ -6332,7 +6317,7 @@ const We = /* @__PURE__ */ T(Ei, [["render", Ii], ["__scopeId", "data-v-b0d1ad79
         const c = t.properties, h = t, d = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
         o = Y.calculateDistance(h, d, c.mode === "RL", 2), n = Y.calculateBearing(h, d, c.mode === "RL", 2);
         let p;
-        c.mode === "RL" ? p = $.convertToMonotonicLng([h, d]) : p = $.convertToMonotonicLng(Y.interpolateCoordinates(h, d, 200));
+        c.mode === "RL" ? p = F.convertToMonotonicLng([h, d]) : p = F.convertToMonotonicLng(Y.interpolateCoordinates(h, d, 200));
         const g = C.lineString(p.map((u) => [u.lng, u.lat]));
         g.properties.dist = o, g.properties.bearing = n, i.features.push(g);
       }
@@ -6374,7 +6359,7 @@ const We = /* @__PURE__ */ T(Ei, [["render", Ii], ["__scopeId", "data-v-b0d1ad79
         }
       });
       let s;
-      if (r ? s = '<div class="marker-label">Drag and drop</div>' : s = `<div class="marker-label">Tol distance: <b>${$.roundPrecision((a.total ?? 0) + o, 2)}</b>nm, bearing: <b>${n}</b>°</div><div class="marker-label">${this.navigation === "RL" ? "RL" : "GC"} mode, using 'Shift' to switch</div><div class="marker-label">Double click to end</div>`, this.tipMarker)
+      if (r ? s = '<div class="marker-label">Drag and drop</div>' : s = `<div class="marker-label">Tol distance: <b>${F.roundPrecision((a.total ?? 0) + o, 2)}</b>nm, bearing: <b>${n}</b>°</div><div class="marker-label">${this.navigation === "RL" ? "RL" : "GC"} mode, using 'Shift' to switch</div><div class="marker-label">Double click to end</div>`, this.tipMarker)
         this.tipMarker._element.innerHTML = s, this.tipMarker.setLngLat([t.lng, t.lat]);
       else {
         const c = document.createElement("div");
@@ -6515,7 +6500,7 @@ function ji(a, e, t, r, i, o) {
   return t.enabled && t.permission & i.helper.LEVEL.Supper ? (x(), _("div", Oi, [
     l("div", {
       class: "menu-bar-box",
-      style: F({ position: "absolute", right: i.right + "px", bottom: t.bottom })
+      style: $({ position: "absolute", right: i.right + "px", bottom: t.bottom })
     }, [
       l("div", Ni, [
         l("div", {
@@ -6535,7 +6520,7 @@ function ji(a, e, t, r, i, o) {
   ])) : B("", !0);
 }
 const Wi = /* @__PURE__ */ T(Bi, [["render", ji], ["__scopeId", "data-v-505264e4"]]);
-const $i = {
+const Fi = {
   name: "IdmGLV2",
   components: {
     IdmGlLayer: lt,
@@ -6545,7 +6530,7 @@ const $i = {
     IdmCurrentParticle: Dt,
     IdmSigWave: Bt,
     IdmSwell: jt,
-    IdmPrmsl: Ft,
+    IdmPrmsl: $t,
     // IdmIceEdge,
     IdmIceberg: Zt,
     IdmTropicals: je,
@@ -7152,14 +7137,14 @@ const $i = {
       this.$emit("toggleVersion", Math.random());
     }
   }
-}, Fi = {
+}, $i = {
   key: 0,
   className: "map-gl-home"
 };
 function Vi(a, e, t, r, i, o) {
   var K, G, J, de, X, R, V, pe, q, me, ee, te, ae, fe, ge, be, ve, Le, ze, Re, Ee, Ie, De, Ae, Me, Be;
   const n = z("IdmGlLayer"), s = z("IdmENC"), c = z("IdmSigWave"), h = z("IdmSwell"), d = z("IdmPrmsl"), p = z("IdmIceberg"), g = z("IdmTropicals"), u = z("IdmCurrents"), y = z("IdmCurrentParticle"), f = z("IdmWindBarb"), m = z("IdmWindParticle"), v = z("IdmPrecip3h"), b = z("IdmVisibility"), w = z("IdmWaterTemp"), k = z("IdmTemp"), L = z("IdmArctic"), D = z("IdmWarZone"), A = z("IdmGmdssArea"), O = z("IdmEcaZone"), j = z("IdmAlertZone"), W = z("IdmPort"), H = z("IdmLoadLine"), re = z("IdmTimezone"), oe = z("IdmVRA"), se = z("IdmSpecialArea"), ne = z("IdmTerminator"), le = z("IdmLatLng"), ce = z("IdmMeasure"), he = z("IdmPoint");
-  return t.map ? (x(), _("div", Fi, [
+  return t.map ? (x(), _("div", $i, [
     P(n, E({
       ref: "layer",
       map: t.map,
@@ -7340,7 +7325,7 @@ function Vi(a, e, t, r, i, o) {
     }, a.$attrs, { onPoint: o.handlePointChange }), null, 16, ["map", "show", "meteo", "onPoint"])
   ])) : B("", !0);
 }
-const Ui = /* @__PURE__ */ T($i, [["render", Vi]]), Ki = {
+const Ui = /* @__PURE__ */ T(Fi, [["render", Vi]]), Ki = {
   install(a) {
     a.component("MapboxGL", Ui), a.component("TropicalGL", je), a.component("LatLngGL", We);
   }