generic paper item hover highlight behaviour, + some tweaks

src/components/MapConcernements.vue

@@ -105,6 +105,34 @@ export default {
 
     this.animate()
   },
+  watch: {
+    hover_elmt: {
+      handler (n, o) {
+        // console.log(`watch hover_elmt map`, o, n);
+        // over highlight effect on paper items
+        if (n && n.paper_id) {
+          let nitem = paper.project.getItem({id: n.paper_id});
+          nitem.bringToFront();
+          if (nitem.strokeColor) {
+            nitem.data.prevStrokeColor = nitem.strokeColor.toCSS(true);
+            nitem.strokeColor = "#01ffe2";          
+          } else {
+            nitem.data.prevFillColor = nitem.fillColor.toCSS(true);
+            nitem.fillColor = "#01ffe2";
+          }
+        }
+        if (o && o.paper_id) {
+          let oitem = paper.project.getItem({id: o.paper_id})
+          if (oitem.data.prevStrokeColor) {
+            oitem.strokeColor = oitem.data.prevStrokeColor;
+          } else {
+            oitem.fillColor = oitem.data.prevFillColor;
+          }
+        }
+      },
+      deep: true
+    }
+  },
   methods: {
     ...mapActions(ConcernementsStore,['setMapMode']),
     ...mapActions(ConcernementsStore,['openCloseConcernements']),