How do I add (progress)="onEvent('onProgress', $event)" and (pagesLoaded)="onPagesLoaded($event)" to my component?

[randyparis]

I seem to be missing a step on trying to get access to the pagesLoaded and ProgressBar events:
I keep getting "error TS2339: Property 'onEvent' does not exist on type 'myComponent' and Property 'onPagesLoaded' does not exist on... for the (progress)="onEvent('onProgress', $event)" and (pagesLoaded)="onPagesLoaded($event)".
when I try to compile for localhost testing

I've added them to of my html of my viewer
<ngx-extended-pdf-viewer
[src]="'assets/Angeline_PW.pdf'"
(progress)="onEvent('onProgress', $event)"
(pagesLoaded)="onPagesLoaded($event)"
etc...
and included them in my main.ts
like this:
import { AppModule } from './app/app.module';
import {ProgressBarEvent} from './lib/events/progress-bar-event';
import {PagesLoadedEvent} from './lib/events/pages-loaded-event';
along with
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
etc.
I think I need something other than
export class myComponent {
title = 'ngx-pdf-viewer'; }
in my component, but I have no idea what/how...
Looking for some help