Moving nodes & linking them is not working when using picture

Hello im working on a graph on typescript and the requirements are to link nodes between them and change the position of each node. i used for the shape of the nodes a picture base on the node type and im not able to have both position change of the node and create links between them.
My node template is the following:

getTemplateWithShape() {

    return $(
        // fromLinkable: true,
        // fromLinkableSelfNode: true,
        // fromLinkableDuplicates: true,
        // toLinkable: true,
        toLinkableSelfNode: false,
        toLinkableDuplicates: false,
        cursor: 'pointer',
        selectionObjectName: 'SHAPE', 

      new go.Binding('location', 'loc').makeTwoWay(),
            desiredSize: new go.Size(50, 50),
            margin: new go.Margin(6, 8, 6, 10)
          new go.Binding('source', 'AssetType', function(key) {
            return 'assets/designer-images/' + key + '.png';
      $(go.Panel, 'Horizontal',
            name: 'SHAPE',
            editable: true,//TODO FIX this.allowEdit,
            font: 'bold 13px sans-serif',
            opacity: 0.75,
            stroke: '#404040',
            alignment: go.Spot.BottomCenter,
            alignmentFocus: go.Spot.TopCenter,
          new go.Binding('text', 'label').makeTwoWay()

With the above configuration im able to move the nodes but if i uncomment the code for links i cannot move them.

This is with the above code and cannot create links

and this is the result when i uncomment the code for links and cannot move the nodes:

Any idea whats wrong with my node template config? Thanks