title: not able to accees inner properties of event inside directive?
body: <p>i have a directive with on click method</p>
  
  <pre><code>  @Directive({
  selector: '[clickOutside]'
     })
   export class ClickOutsideDirective {
  constructor(private _elementRef: ElementRef) {
  }
  
  @Output()
  public clickOutside = new EventEmitter&lt;MouseEvent&gt;();
  
  @HostListener('document:click', ['$event', '$event.target'])
  public onClick(event: MouseEvent, targetElement: HTMLElement): void {
  
      if (!targetElement) {
          return;
      }
  
      const clickedInside = this._elementRef.nativeElement.contains(targetElement);
      if (!clickedInside) {
  
          console.log(event)
         console.log(event.path) =&gt;gives error,not able to compile
  
          console.log("targetelement",targetElement)
          console.log("native element",this._elementRef.nativeElement)
          this.clickOutside.emit(event);
      }
  }
  }
  </code></pre>
  
  <p>I WANT TO ACCESS THE PATH PROPERTY OF event. when i console.log(event) its getting and i can see the path property, but when i tried to access event.path
  i am getting compilation error, why it is so? how can i access the current click event and its inner properties inside the onClick method?</p>