@idmwx/idmui-gl4 0.8.3 → 0.8.5

package/dist/index.js

@@ -378,8 +378,8 @@ const Va = {
   watch: {
     zone: {
       handler() {
-        var t, e;
-        this.zone ? (this.handleRender(), (t = this.map) == null || t.on("click", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleClick)) : (this.handleClear(), (e = this.map) == null || e.off("click", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleClick));
+        var t, e, o, i, a, r;
+        this.zone ? (this.handleRender(), (t = this.map) == null || t.on("click", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleClick), (e = this.map) == null || e.on("mouseenter", [this.pointLayer], this.handleHover), (o = this.map) == null || o.on("mouseleave", [this.pointLayer], this.handleLeave)) : (this.handleClear(), (i = this.map) == null || i.off("click", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleClick), (a = this.map) == null || a.off("mouseenter", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleHover), (r = this.map) == null || r.off("mouseleave", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleLeave));
       },
       immediate: !0
     }
@@ -408,9 +408,9 @@ const Va = {
         source: this.source,
         filter: ["all", ["==", "$type", "Polygon"], ["!=", "disabled", !0]],
         paint: {
-          "fill-outline-color": this.Theme.current.value.colors["map-warning"],
+          "fill-outline-color": this.Theme.current.value.colors["map-red"],
           "fill-opacity": 0.4,
-          "fill-color": this.Theme.current.value.colors["map-warning"]
+          "fill-color": this.Theme.current.value.colors["map-red"]
         }
       }, this.beforeLayer), this.map.addLayer({
         id: this.polygonLayer + "-border",
@@ -419,7 +419,7 @@ const Va = {
         filter: ["all", ["==", "$type", "Polygon"], ["!=", "disabled", !0]],
         paint: {
           "line-width": 1,
-          "line-color": this.Theme.current.value.colors["map-warning"]
+          "line-color": this.Theme.current.value.colors["map-red"]
         }
       }, this.beforeLayer), this.map.addLayer({
         id: this.lineLayer,
@@ -427,7 +427,7 @@ const Va = {
         source: this.source,
         filter: ["all", ["==", "$type", "LineString"], ["!=", "disabled", !0]],
         paint: {
-          "line-color": this.Theme.current.value.colors["map-warning"],
+          "line-color": this.Theme.current.value.colors["map-red"],
           "line-width": 2
         }
       }, this.beforeLayer), this.map.addLayer({
@@ -479,6 +479,12 @@ const Va = {
     },
     handleClear() {
       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);
+    },
+    handleHover() {
+      this.map.getCanvas().style.cursor = "pointer";
+    },
+    handleLeave() {
+      this.map.getCanvas().style.cursor = "grab";
     }
   }
 }, Ya = ["innerHTML"];
@@ -564,8 +570,8 @@ const qa = {
   watch: {
     port: {
       handler() {
-        var t, e;
-        this.port ? (this.handleRender(), (t = this.map) == null || t.on("click", [this.layer], this.handleClick)) : (this.handleClear(), (e = this.map) == null || e.off("click", [this.layer], this.handleClick));
+        var t, e, o, i, a, r;
+        this.port ? (this.handleRender(), (t = this.map) == null || t.on("click", [this.layer], this.handleClick), (e = this.map) == null || e.on("mouseenter", [this.layer], this.handleHover), (o = this.map) == null || o.on("mouseleave", [this.layer], this.handleLeave)) : (this.handleClear(), (i = this.map) == null || i.off("click", [this.layer], this.handleClick), (a = this.map) == null || a.off("mouseenter", [this.layer], this.handleHover), (r = this.map) == null || r.off("mouseleave", [this.layer], this.handleLeave));
       },
       immediate: !0
     }
@@ -622,6 +628,12 @@ const qa = {
     },
     handleClickMeteo(t) {
       t.forecastModel = this.forecastModel, this.$emit("meteoMore", t);
+    },
+    handleHover() {
+      this.map.getCanvas().style.cursor = "pointer";
+    },
+    handleLeave() {
+      this.map.getCanvas().style.cursor = "grab";
     }
   }
 }, Ka = { class: "port-box d-flex flex-column justify-center align-start ga-2" }, Qa = { class: "d-flex justify-start align-center" }, Ja = { class: "d-flex justify-start align-center" }, $a = { class: "d-flex justify-start align-center" }, ei = { class: "d-flex justify-start align-center" };
@@ -692,7 +704,7 @@ function ti(t, e, o, i, a, r) {
     [We, a.showInfo]
   ]);
 }
-const oi = /* @__PURE__ */ Z(qa, [["render", ti], ["__scopeId", "data-v-a856b640"]]), ai = {
+const oi = /* @__PURE__ */ Z(qa, [["render", ti], ["__scopeId", "data-v-a88fe459"]]), ai = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -1390,8 +1402,8 @@ const Ci = {
   watch: {
     show: {
       handler() {
-        var t, e;
-        this.show ? (this.handleRender(), (t = this.map) == null || t.on("click", [this.layer], this.handleClick)) : (this.handleClear(), (e = this.map) == null || e.off("click", [this.layer], this.handleClick));
+        var t, e, o, i, a, r;
+        this.show ? (this.handleRender(), (t = this.map) == null || t.on("click", [this.layer], this.handleClick), (e = this.map) == null || e.on("mouseenter", [this.layer], this.handleHover), (o = this.map) == null || o.on("mouseleave", [this.layer], this.handleLeave)) : (this.handleClear(), (i = this.map) == null || i.off("click", [this.layer], this.handleClick), (a = this.map) == null || a.off("mouseenter", [this.layer], this.handleHover), (r = this.map) == null || r.off("mouseleave", [this.layer], this.handleLeave));
       },
       immediate: !0
     },
@@ -1421,6 +1433,12 @@ const Ci = {
     handleClear() {
       var t;
       this.showInfo = !1, (t = this.map) != null && t.getLayer(this.layer) && this.map.setLayoutProperty(this.layer, "visibility", "none");
+    },
+    handleHover() {
+      this.map.getCanvas().style.cursor = "pointer";
+    },
+    handleLeave() {
+      this.map.getCanvas().style.cursor = "grab";
     }
   }
 }, Si = { class: "port-box d-flex flex-column justify-center align-start ga-2" }, Mi = { class: "d-flex justify-start align-center" }, Ti = { class: "d-flex justify-start align-center" }, Ii = { class: "d-flex justify-start align-center" }, Ai = { class: "d-flex justify-start align-center" };
@@ -1469,7 +1487,7 @@ function Ri(t, e, o, i, a, r) {
     [We, a.showInfo]
   ]);
 }
-const Di = /* @__PURE__ */ Z(Ci, [["render", Ri], ["__scopeId", "data-v-ca81f9bd"]]), Oi = {
+const Di = /* @__PURE__ */ Z(Ci, [["render", Ri], ["__scopeId", "data-v-824556f3"]]), Oi = {
   name: "IdmIceAreas",
   props: {
     map: {
@@ -7617,7 +7635,7 @@ function is(t, e, o, i, a, r) {
             onClick: r.handleMenuToggle
           }), {
             default: u(() => e[4] || (e[4] = [
-              l("i", { class: "iconfont icon-a-Tropicalcyclone text-h4" }, null, -1)
+              l("i", { class: "iconfont icon-Tropical text-h4" }, null, -1)
             ])),
             _: 2,
             __: [4]
@@ -9767,7 +9785,7 @@ function Gs(t, e, o, i, a, r) {
               onClick: r.handleClickFastMore
             }), {
               default: u(() => [
-                l("i", B(x, { class: "iconfont icon-Weather-11" }), null, 16)
+                l("i", B(x, { class: "iconfont icon-dots-align" }), null, 16)
               ]),
               _: 2
             }, 1040, ["onClick"])