write a angular component that listen to click event on whole webpage consolelog click postion

Sure, here's an example of an Angular component that listens to click events on the whole webpage and logs the click position:

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

@Component({
  selector: 'app-click-listener',
  template: '',
})
export class ClickListenerComponent {

  @HostListener('document:click', ['$event'])
  onClick(event: MouseEvent) {
    const clickPosition = { x: event.clientX, y: event.clientY };
    console.log('Clicked at:', clickPosition);
  }
}

In this example, we use the @HostListener decorator to listen to the click event on the document object. When a click event is triggered, the onClick method is called, which logs the click position by accessing the clientX and clientY properties of the MouseEvent object