show cursor-crosshair instead of pointer when over node-thumb start point

Author: devhelpr

libs/visual-programming-system/src/components/css-classes/thumb-css-classes.ts

@@ -7,7 +7,7 @@ export const getThumbCssClasses = () => {
     nodePort: 'node-connector',
     clipPathStyle: 'circle(25%)',
     circleClasses: 'origin-center relative',
-    onPointerOverCursor: 'cursor-pointer',
+    onPointerOverCursor: 'cursor-crosshair',
     hover: 'hover',
     cursorNotAllowed: 'cursor-not-allowed',
     dragging: 'dragging',

libs/visual-programming-system/src/components/thumb-node-connector.ts

@@ -454,9 +454,11 @@ export class ThumbNodeConnector<T extends BaseNodeInfo> extends ThumbNode<T> {
     (this.nodeComponent.domElement as unknown as SVGElement).classList.remove(
       this.cssClasses.onPointerOverCursor
     );
-    (this.nodeComponent.domElement as unknown as SVGElement).classList.add(
-      this.cssClasses.onPointerOverCursor
-    );
+    if (this.nodeComponent.thumbConnectionType !== ThumbConnectionType.end) {
+      (this.nodeComponent.domElement as unknown as SVGElement).classList.add(
+        this.cssClasses.onPointerOverCursor
+      );
+    }
     (this.nodeComponent.domElement as unknown as SVGElement).classList.add(
       this.cssClasses.hover
     );