pipeline-builder-demo/src/app/shared/context-menu/context-menu.directive.ts

Pipeline Builder

import {Directive, Input, HostListener} from '@angular/core';

@Directive({
  selector: '[pb-contextmenu]',
  providers: []
})
export class ContextMenuDirective {
  @Input('pb-contextmenu') pbContextmenu: any;

  constructor() {}

  @HostListener('contextmenu', ['$event']) onContextmenu(event: any) {
    if(this.pbContextmenu) {
      this.pbContextmenu.show(event.clientX, event.clientY);
    }
    event.stopPropagation();
    event.preventDefault();
  }

}