Emit highlighted node changes on global event bus

src/components/modeler/Modeler.vue

@@ -56,7 +56,7 @@
 
       <InspectorButton
         ref="inspector-button"
-        v-if="showComponent && showInspectorButton"
+        v-show="showComponent && showInspectorButton"
         :showInspector="isOpenInspector"
         @toggleInspector="[handleToggleInspector($event), setInspectorButtonPosition($event)]"
         :style="{ right: inspectorButtonRight + 'px' }"
@@ -371,6 +371,11 @@
     canvasScale(canvasScale) {
       this.paperManager.scale = canvasScale;
     },
+    highlightedNodes() {
+      if (window.ProcessMaker?.EventBus) {
+        window.ProcessMaker.EventBus.$emit('modeler:highlightedNodes', this.highlightedNodes);
+      }
+    },
   },
   computed: {
     showWelcomeMessage() {
@@ -683,7 +688,7 @@
       }
     },
     registerStatusBar(component) {
       this.owner.validationBar.push(component);
     },
     /**
      * Register a mixin into a node component.

src/components/toolbar/toolbar.scss

@@ -1,7 +1,7 @@
 $toolbar-background-color: #fff;
 
 .toolbar {
-  z-index: 3;
+  z-index: 4;
   height: $toolbar-height;
   cursor: auto;
   width: 100%;