feat: Show connection lines when holding down on handle

src/components/Edges/BezierEdge.tsx

@@ -120,7 +120,6 @@ const BezierEdge = defineComponent({
     }
   },
   setup(props) {
-    console.log('edge');
     const centered = computed(() => {
       return getCenter({
         sourceX: props.sourceX,
@@ -132,7 +131,6 @@ const BezierEdge = defineComponent({
       });
     });
     const path = computed(() => {
-      console.log('computing in edge');
       return getBezierPath({
         sourceX: props.sourceX,
         sourceY: props.sourceY,

src/components/Edges/wrapEdge.tsx

@@ -48,23 +48,23 @@ export default (EdgeComponent: any): Component<EdgeProps> => {
           pinia.addSelectedElements(edgeElement.value as any);
         }
 
-        props.onClick?.(event, edgeElement.value);
+        if (props.onClick) props.onClick?.(event, edgeElement.value);
       };
 
       const onEdgeContextMenu = (event: MouseEvent) => {
-        props.onContextMenu?.(event, edgeElement.value);
+        if (props.onContextMenu) props.onContextMenu?.(event, edgeElement.value);
       };
 
       const onEdgeMouseEnter = (event: MouseEvent) => {
-        props.onMouseEnter?.(event, edgeElement.value);
+        if (props.onMouseEnter) props.onMouseEnter?.(event, edgeElement.value);
       };
 
       const onEdgeMouseMove = (event: MouseEvent) => {
-        props.onMouseMove?.(event, edgeElement.value);
+        if (props.onMouseMove) props.onMouseMove?.(event, edgeElement.value);
       };
 
       const onEdgeMouseLeave = (event: MouseEvent) => {
-        props.onMouseLeave?.(event, edgeElement.value);
+        if (props.onMouseLeave) props.onMouseLeave?.(event, edgeElement.value);
       };
 
       const handleEdgeUpdater = (event: MouseEvent, isSourceHandle: boolean) => {