Tree component dragging child node to parent is not working

[OscarWozniak]

• I'm submitting a ... [ ] bug report

• Do you want to request a feature or report a bug? bug

• What is the current behavior? when i put child node to parent node I'm not receiving transferdata from child but from parent

• If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via https://plnkr.co or similar. https://stackoverflow.com/questions/46993288/angular-2-4-drag-and-drop-with-data-of-iniciator additionally steps are provided at the end of post

• What is the expected behavior? I should be able to pass data from child to parent node

• What is the motivation / use case for changing the behavior? It is blocking potential of great lib

• Please tell us about your environment:

• Angular version: 4

• Browser: Chrome neweset

• Other information I have tree component. And I'm trying to move nodes but I'm not able to because each time when I'm drag and dropping I'm receiving data from parent component in dragData

Quick ilustration (A, B - components):

1 Drag B

2 Put it on A

3 console.log data from component - Data will be always not from dragged comp

Below is my quick code:

Tree.html

<div style="background-color: blue;"
  dnd-draggable [dragEnabled]="true" [dragData]="tree"

>

  <p dnd-droppable (onDropSuccess)="say($event, tree, hec())" style="background-color: red;">{{tree.title}}</p>
  <div *ngIf="tree.tree">
    <app-tree [tree]="tree.tree"></app-tree>
  </div>

</div>

tree.ts

@Component({
  selector: 'app-tree',
  templateUrl: './tree.html',
  styleUrls: ['./page-not-found-error.component.scss']
})
export class TreeComponent implements OnInit {

  @Output()
  @Input()
  tree;

  hec(){
    return this;
  }

  say(e, tri, lol){
    console.log(1, e);
    console.log(2, this.tree);
    console.log(3, tri);
    console.log(4, lol);
  }

  constructor() {
  }

  ngOnInit() {
  }

}

Parent component

@Component({
  selector: 'app-page-not-found-error',
  templateUrl: './page-not-found-error.component.html',
  styleUrls: ['./page-not-found-error.component.scss']
})
export class PageNotFoundErrorComponent implements OnInit {

  someTree = {
    title: '1',
    tree: {
      title: '2',
      tree: {
        title: '3',

      }
    }
  };

  constructor() {
  }

  ngOnInit() {
  }

}

html of parent component

<app-tree [tree]="someTree"></app-tree> All what I want is to put data from node to node parent.