I am trying to add a countdown timer to my app and found an `ngx-countdown` component for this purpose, however the (finished) event is not being fired. What am I doing wrong?

My component:

```js
import { Component, OnInit, ViewChild } from '@angular/core';
import { Question } from '../../models/Question'
import { AnswerService } from 'src/app/services/answer.service';
import { ActivatedRoute } from '@angular/router';
import { CountdownComponent } from 'ngx-countdown';

@Component({
  selector: 'app-answer-sheet',
  templateUrl: './answer-sheet.component.html',
  styleUrls: ['./answer-sheet.component.css']
})
export class AnswerSheetComponent implements OnInit {

  questions: Question[];
  @ViewChild('countdown', { static: false }) private countdown: CountdownComponent;

  constructor(private route: ActivatedRoute, private answerService: AnswerService) { }

  ngOnInit() {
    let id = this.route.snapshot.paramMap.get('id')
    this.answerService.getQuestions(id).subscribe(questions => this.questions = questions);
  }

  ngAfterViewInit () {
    this.countdown.pause();
    this.countdown.resume();
  }

  answerQuestion(question: Question) {
    var q = this.questions.find(q => q.nr === question.nr)
    q.userAnswer = question.userAnswer
  }

  handleEvent($event) {
    if ($event.left === 0) {
      alert("Time's up, mate")
    }
  }

  onTimerFinished() {
    alert("Time's up, mate")
  }

```

And markup:

```html
<p class="countdown">
  <countdown #countdown [config]="{leftTime: 5}" (finished)="onTimerFinished()" >$!m!:$!s!</countdown>
</p>
<form (ngSubmit)="onAnswerSubmit()">
  <app-question 
    *ngFor="let question of questions"
    [question]="question"
    (answerQuestion)="answerQuestion($event)"
    >
  </app-question>
  <input mat-raised-button type="submit" value="Submit">
</form>

```

I am using Angular version 8.