Merge pull request VadimDez#711 from AdrienFery/feature/add-pages-ini…

…tialized-event

Add pages initialized event

README.md

@@ -26,7 +26,7 @@
 
 [https://vadimdez.github.io/ng2-pdf-viewer/](https://vadimdez.github.io/ng2-pdf-viewer/)
 
-#### Stackblitz Example 
+#### Stackblitz Example
 
 [https://stackblitz.com/edit/ng2-pdf-viewer](https://stackblitz.com/edit/ng2-pdf-viewer)
 
@@ -84,7 +84,7 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'example-app',
   template: `
-  <pdf-viewer [src]="pdfSrc" 
+  <pdf-viewer [src]="pdfSrc"
               [render-text]="true"
               style="display: block;"
   ></pdf-viewer>
@@ -362,7 +362,7 @@ callBackFn(pdf: PDFDocumentProxy) {
 ```
 
 And then use it in your template:
-``` 
+```
 (after-load-complete)="callBackFn($event)"
 ```
 
@@ -388,6 +388,28 @@ And then bind it to `<pdf-viewer>`:
 (page-rendered)="pageRendered($event)"
 ```
 
+#### (pages-initialized)
+
+| Property | Type | Required |
+| --- | ---- | --- |
+| (pages-initialized) | *callback* | *Optional* |
+
+Get event when the pages are initialized.
+
+Define callback in your component:
+
+```typescript
+pageInitialized(e: CustomEvent) {
+  console.log('(pages-initialized)', e);
+}
+```
+
+And then bind it to `<pdf-viewer>`:
+
+```angular2html
+(pages-initialized)="pageInitialized($event)"
+```
+
 #### (text-layer-rendered)
 
 | Property | Type | Required |
@@ -485,7 +507,7 @@ onFileSelected() {
 
 By default the `worker` is loaded from `cdnjs.cloudflare.com`.
 
-In your code update `path` to the worker to be for example `/pdf.worker.js` 
+In your code update `path` to the worker to be for example `/pdf.worker.js`
 ```typescript
 (window as any).pdfWorkerSrc = '/pdf.worker.js';
 ```
@@ -515,7 +537,7 @@ search(stringToSearch: string) {
 [See CONTRIBUTING.md](CONTRIBUTING.md)
 
 ## Donation
-If this project help you reduce time to develop, you can give me a cup of tea :) 
+If this project help you reduce time to develop, you can give me a cup of tea :)
 
 [![paypal](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.me/vadimdez)
 

package.json

@@ -88,4 +88,4 @@
       "pdfjs-dist"
     ]
   }
-}
+}

src/app/app.component.html

@@ -187,6 +187,6 @@
       [fit-to-page]="fitToPage" (after-load-complete)="afterLoadComplete($event)" [zoom]="zoom" [zoom-scale]="zoomScale" 
       [stick-to-page]="stickToPage" [render-text]="renderText" [external-link-target]="'blank'"
       [autoresize]="autoresize" (error)="onError($event)" (on-progress)="onProgress($event)"
-      (page-rendered)="pageRendered($event)"></pdf-viewer>
+      (page-rendered)="pageRendered($event)" (pages-initialized)="pageInitialized($event)"></pdf-viewer>
   </mat-drawer-content>
 </mat-drawer-container>

src/app/app.component.ts

@@ -199,6 +199,15 @@ export class AppComponent {
     console.log('(page-rendered)', e);
   }
 
+  /**
+   * Page initialized callback.
+   *
+   * @param {CustomEvent} e
+   */
+  pageInitialized(e: CustomEvent) {
+    console.log('(page-initialized)', e);
+  }
+
   searchQueryChanged(newQuery: string) {
     if (newQuery !== this.pdfQuery) {
       this.pdfQuery = newQuery;

src/app/pdf-viewer/pdf-viewer.component.ts

@@ -92,6 +92,7 @@ export class PdfViewerComponent
 
   @Output('after-load-complete') afterLoadComplete = new EventEmitter<PDFDocumentProxy>();
   @Output('page-rendered') pageRendered = new EventEmitter<CustomEvent>();
+  @Output('pages-initialized') pageInitialized = new EventEmitter<CustomEvent>();
   @Output('text-layer-rendered') textLayerRendered = new EventEmitter<CustomEvent>();
   @Output('error') onError = new EventEmitter<any>();
   @Output('on-progress') onProgress = new EventEmitter<PDFProgressData>();
@@ -397,6 +398,10 @@ export class PdfViewerComponent
       this.pageRendered.emit(e);
     });
 
+    eventBus.on('pagesinit', e => {
+      this.pageInitialized.emit(e);
+    });
+
     eventBus.on('pagechanging', e => {
       if (this.pageScrollTimeout) {
         clearTimeout(this.pageScrollTimeout);
@@ -451,6 +456,10 @@ export class PdfViewerComponent
       this.pageRendered.emit(e);
     });
 
+    eventBus.on('pagesinit', e => {
+      this.pageInitialized.emit(e);
+    });
+
     eventBus.on('textlayerrendered', e => {
       this.textLayerRendered.emit(e);
     });