Как вызвать функцию, когда пользователь щелкает за пределами диалогового окна

У меня есть диалоговое окно с предупреждением, и у меня есть кнопка с надписью Получил, чтобы отключить диалоговое окно с предупреждением, чтобы он перестал отображаться, когда пользователь повторно посещает сайт.

Диалоговое окно My Alert также закрывается, когда пользователь щелкает за пределами диалогового окна, поэтому мне интересно, как применить указанное выше действие, когда пользователь щелкает за пределами диалогового окна, чтобы закрыть диалоговое окно предупреждения и перестать отображаться, когда пользователь повторно посещает сайт.

так вот что я пытаюсь сделать

Пользователь щелкает за пределами диалогового окна предупреждения — ›закрыть диалоговое окно предупреждения -› деактивировать диалоговое окно предупреждения (вызов функции gotIt ())

Диалоговое окно HTMl

        <button mat-raised-button color="primary" [style.marginRight.px]="20" (click)="gotIt()" matTooltip="Close">Got
            it!</button>

  gotIt() {
    for (let index = 0; index < this.notifications.length; index++) {
      const notification = this.notifications[index];
      if (notification && notification.userNotification) {
        notification.userNotification.isDismissed = 1;
        notification.userNotification.isUnread = 0;
      }
    }
    this.notificationService.updateUserNotification(this.notifications).subscribe((response: any) => {
      this.dialogRef.close()
    })
  }