Detect with Angular when the user sends the site to the background/foreground

angular-visibilitychange.ts

@HostListener('document:visibilitychange', ['$event'])
visibilitychange() {
  if (document.visibilityState === 'hidden') {
    console.log('hidden');
  } else {
    console.log('visible');
  }
}