bug-fix: set cursor pointer on connector-out

Author: dariodepa75

src/app/chatbot-design-studio/cds-dashboard/cds-canvas/base-elements/cds-connector-in/cds-connector-in.component.html

@@ -1,4 +1,4 @@
 <div class="action-connector" 
-(mouseenter)="showConnectorsIn()"
-(mouseleave)="hideConnectorsIn()">
+(mouseenter)="showConnectorsIn($event)"
+(mouseleave)="hideConnectorsIn($event)">
 <span class="label-connector">{{labelNumber}}</span></div>

src/app/chatbot-design-studio/cds-dashboard/cds-canvas/base-elements/cds-connector-in/cds-connector-in.component.scss

@@ -1,4 +1,7 @@
 .action-connector {
+    cursor: pointer;
+    pointer-events: auto;
+    z-index: 2;
     display: flex;
     -webkit-box-align: center;
     align-items: center;

src/app/chatbot-design-studio/cds-dashboard/cds-canvas/base-elements/cds-connector-in/cds-connector-in.component.ts

@@ -18,7 +18,8 @@ export class CdsConnectorInComponent implements OnInit {
     }
   }
 
-  public showConnectorsIn(){
+  public showConnectorsIn(event: MouseEvent){
+    event.stopPropagation();
     if(this.connectorsIn){
       this.connectorsIn.forEach((connector) => {
         const svgElement = document.getElementById(connector.id) as HTMLElement;
@@ -38,7 +39,8 @@ export class CdsConnectorInComponent implements OnInit {
     }
   }
 
-  public hideConnectorsIn(){
+  public hideConnectorsIn(event: MouseEvent){
+    event.stopPropagation();
     if(this.connectorsIn){
       this.connectorsIn.forEach((connector) => {
         const svgElement = document.getElementById(connector.id) as HTMLElement;