@idmwx/idmui-gl4 0.8.4 → 0.8.6

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
     }
@@ -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"];
@@ -496,11 +502,12 @@ function Za(t, e, o, i, a, r) {
             m(s, {
               icon: "",
               density: "compact",
+              variant: "plain",
               class: "close",
               onClick: e[0] || (e[0] = (p) => a.showZone = !1)
             }, {
               default: u(() => e[1] || (e[1] = [
-                l("i", { class: "iconfont icon-close opacity-70" }, null, -1)
+                l("i", { class: "iconfont icon-close opacity-70 text-h4" }, null, -1)
               ])),
               _: 1,
               __: [1]
@@ -564,8 +571,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 +629,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" };
@@ -637,11 +650,12 @@ function ti(t, e, o, i, a, r) {
           m(s, {
             icon: "",
             density: "compact",
+            variant: "plain",
             class: "mr-n2 close",
             onClick: e[0] || (e[0] = (f) => a.showInfo = !1)
           }, {
             default: u(() => e[2] || (e[2] = [
-              l("i", { class: "iconfont icon-close opacity-70" }, null, -1)
+              l("i", { class: "iconfont icon-close opacity-70 text-h4" }, null, -1)
             ])),
             _: 1,
             __: [2]
@@ -692,7 +706,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-7bb500ee"]]), ai = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -1390,8 +1404,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 +1435,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" };
@@ -1433,11 +1453,12 @@ function Ri(t, e, o, i, a, r) {
           m(s, {
             icon: "",
             density: "compact",
+            variant: "plain",
             class: "mr-n2 close",
             onClick: e[0] || (e[0] = (g) => a.showInfo = !1)
           }, {
             default: u(() => e[1] || (e[1] = [
-              l("i", { class: "iconfont icon-close opacity-70" }, null, -1)
+              l("i", { class: "iconfont icon-close opacity-70 text-h4" }, null, -1)
             ])),
             _: 1,
             __: [1]
@@ -1469,7 +1490,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-851cf973"]]), Oi = {
   name: "IdmIceAreas",
   props: {
     map: {
@@ -1968,11 +1989,12 @@ function Ji(t, e, o, i, a, r) {
         m(s, {
           icon: "",
           density: "compact",
+          variant: "plain",
           class: "mr-n2",
           onClick: r.handleMenuToggle
         }, {
           default: u(() => e[6] || (e[6] = [
-            l("i", { class: "iconfont icon-close opacity-70" }, null, -1)
+            l("i", { class: "iconfont icon-close opacity-70 text-h4" }, null, -1)
           ])),
           _: 1,
           __: [6]
@@ -5727,11 +5749,12 @@ function El(t, e, o, i, a, r) {
         m(s, {
           icon: "",
           density: "compact",
+          variant: "plain",
           class: "mr-n2",
           onClick: r.handleMenuToggle
         }, {
           default: u(() => e[12] || (e[12] = [
-            l("i", { class: "iconfont icon-close opacity-70" }, null, -1)
+            l("i", { class: "iconfont icon-close opacity-70 text-h4" }, null, -1)
           ])),
           _: 1,
           __: [12]
@@ -7643,11 +7666,12 @@ function is(t, e, o, i, a, r) {
                 m(s, {
                   icon: "",
                   density: "compact",
+                  variant: "plain",
                   class: "close",
                   onClick: e[0] || (e[0] = (P) => a.showTropicalsInfo = !1)
                 }, {
                   default: u(() => e[5] || (e[5] = [
-                    l("i", { class: "iconfont icon-close opacity-70" }, null, -1)
+                    l("i", { class: "iconfont icon-close opacity-70 text-h4" }, null, -1)
                   ])),
                   _: 1,
                   __: [5]
@@ -8461,11 +8485,12 @@ function Cs(t, e, o, i, a, r) {
             m(s, {
               icon: "",
               density: "compact",
+              variant: "plain",
               class: "mr-n2",
               onClick: r.handleCloseForm
             }, {
               default: u(() => e[9] || (e[9] = [
-                l("i", { class: "iconfont icon-close opacity-70" }, null, -1)
+                l("i", { class: "iconfont icon-close opacity-70 text-h4" }, null, -1)
               ])),
               _: 1,
               __: [9]
@@ -8784,11 +8809,12 @@ function Cs(t, e, o, i, a, r) {
               m(s, {
                 icon: "",
                 density: "compact",
+                variant: "plain",
                 class: "mr-n2",
                 onClick: r.handleCloseMeteo
               }, {
                 default: u(() => e[24] || (e[24] = [
-                  l("i", { class: "iconfont icon-close opacity-70" }, null, -1)
+                  l("i", { class: "iconfont icon-close opacity-70 text-h4" }, null, -1)
                 ])),
                 _: 1,
                 __: [24]