Can't capture a drop event in an ng flowchart angular

The problem is when I drag and drop one of the nodes from the palette in the canvas grid and I just want to capture this event but nothing displays in the console=>not captured. This is for the callback:

constructor(private stepRegistry: NgFlowchartStepRegistry) {
this.callbacks = {
onDrop: this.onDrop.bind(this),};}


This is the Drop method:

onDrop(event: NgFlowchart.DropEvent) {
console.log('Dropped:', event.step.type, event.step.data);
// Handle dropped item here
}


And this is the template:

<div id="canvas" ngFlowchartCanvas [ngFlowchartOptions]="options" [ngFlowchartCallbacks]="callbacks"
[disabled]="disabled">
</div>


I tried to capture the event but nothing was displayed in the console

Continue reading...