ng2-pdf-viewer
Advanced tools
Comparing version 1.1.1 to 1.1.2
# Changelog | ||
## 1.1.2 | ||
* [[#112](https://github.com/VadimDez/ng2-pdf-viewer/issues/112)] - Error handling | ||
* Updated documentation | ||
## 1.1.1 | ||
[[#111](https://github.com/VadimDez/ng2-pdf-viewer/issues/111)] - out of order | ||
* [[#111](https://github.com/VadimDez/ng2-pdf-viewer/issues/111)] - out of order | ||
@@ -6,0 +10,0 @@ ## 1.1.0 |
@@ -14,2 +14,3 @@ /// <reference types="pdf" /> | ||
afterLoadComplete: EventEmitter<PDFDocumentProxy>; | ||
onError: EventEmitter<any>; | ||
constructor(element: ElementRef); | ||
@@ -16,0 +17,0 @@ src: string | Uint8Array | PDFSource; |
@@ -24,2 +24,3 @@ "use strict"; | ||
this.afterLoadComplete = new core_1.EventEmitter(); | ||
this.onError = new core_1.EventEmitter(); | ||
this.pageChange = new core_1.EventEmitter(true); | ||
@@ -99,6 +100,9 @@ } | ||
} | ||
PDFJS.getDocument(this.src).then(function (pdf) { | ||
PDFJS.getDocument(this.src) | ||
.then(function (pdf) { | ||
_this._pdf = pdf; | ||
_this.afterLoadComplete.emit(pdf); | ||
_this.update(); | ||
}, function (error) { | ||
_this.onError.emit(error); | ||
}); | ||
@@ -197,2 +201,6 @@ }; | ||
__decorate([ | ||
core_1.Output('error'), | ||
__metadata("design:type", Object) | ||
], PdfViewerComponent.prototype, "onError", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
@@ -199,0 +207,0 @@ __metadata("design:type", Object) |
@@ -1,1 +0,1 @@ | ||
[{"__symbolic":"module","version":3,"metadata":{"PdfViewerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"pdf-viewer","template":"<div class=\"ng2-pdf-viewer-container\" [ngClass]=\"{'ng2-pdf-viewer--zoom': zoom < 1}\"></div>","styles":["\n.ng2-pdf-viewer--zoom {\n overflow-x: scroll;\n}\n\n:host >>> .ng2-pdf-viewer-container > div {\n position: relative;\n z-index: 0;\n}\n\n:host >>> .textLayer {\n font-family: sans-serif;\n overflow: hidden;\n}\n "]}]}],"members":{"afterLoadComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["after-load-complete"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"src":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pageChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"renderText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["render-text"]}]}],"originalSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["original-size"]}]}],"showAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["show-all"]}]}],"zoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["zoom"]}]}],"rotation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["rotation"]}]}],"ngOnChanges":[{"__symbolic":"method"}],"loadPDF":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"renderMultiplePages":[{"__symbolic":"method"}],"isValidPageNumber":[{"__symbolic":"method"}],"buildSVG":[{"__symbolic":"method"}],"renderPageOverlay":[{"__symbolic":"method"}],"renderPage":[{"__symbolic":"method"}],"removeAllChildNodes":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"PdfViewerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"pdf-viewer","template":"<div class=\"ng2-pdf-viewer-container\" [ngClass]=\"{'ng2-pdf-viewer--zoom': zoom < 1}\"></div>","styles":["\n.ng2-pdf-viewer--zoom {\n overflow-x: scroll;\n}\n\n:host >>> .ng2-pdf-viewer-container > div {\n position: relative;\n z-index: 0;\n}\n\n:host >>> .textLayer {\n font-family: sans-serif;\n overflow: hidden;\n}\n "]}]}],"members":{"afterLoadComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["after-load-complete"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"src":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pageChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"renderText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["render-text"]}]}],"originalSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["original-size"]}]}],"showAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["show-all"]}]}],"zoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["zoom"]}]}],"rotation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["rotation"]}]}],"ngOnChanges":[{"__symbolic":"method"}],"loadPDF":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"renderMultiplePages":[{"__symbolic":"method"}],"isValidPageNumber":[{"__symbolic":"method"}],"buildSVG":[{"__symbolic":"method"}],"renderPageOverlay":[{"__symbolic":"method"}],"renderPage":[{"__symbolic":"method"}],"removeAllChildNodes":[{"__symbolic":"method"}]}}}}] | ||
[{"__symbolic":"module","version":3,"metadata":{"PdfViewerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"pdf-viewer","template":"<div class=\"ng2-pdf-viewer-container\" [ngClass]=\"{'ng2-pdf-viewer--zoom': zoom < 1}\"></div>","styles":["\n.ng2-pdf-viewer--zoom {\n overflow-x: scroll;\n}\n\n:host >>> .ng2-pdf-viewer-container > div {\n position: relative;\n z-index: 0;\n}\n\n:host >>> .textLayer {\n font-family: sans-serif;\n overflow: hidden;\n}\n "]}]}],"members":{"afterLoadComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["after-load-complete"]}]}],"onError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["error"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"src":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pageChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"renderText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["render-text"]}]}],"originalSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["original-size"]}]}],"showAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["show-all"]}]}],"zoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["zoom"]}]}],"rotation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["rotation"]}]}],"ngOnChanges":[{"__symbolic":"method"}],"loadPDF":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"renderMultiplePages":[{"__symbolic":"method"}],"isValidPageNumber":[{"__symbolic":"method"}],"buildSVG":[{"__symbolic":"method"}],"renderPageOverlay":[{"__symbolic":"method"}],"renderPage":[{"__symbolic":"method"}],"removeAllChildNodes":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"PdfViewerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"pdf-viewer","template":"<div class=\"ng2-pdf-viewer-container\" [ngClass]=\"{'ng2-pdf-viewer--zoom': zoom < 1}\"></div>","styles":["\n.ng2-pdf-viewer--zoom {\n overflow-x: scroll;\n}\n\n:host >>> .ng2-pdf-viewer-container > div {\n position: relative;\n z-index: 0;\n}\n\n:host >>> .textLayer {\n font-family: sans-serif;\n overflow: hidden;\n}\n "]}]}],"members":{"afterLoadComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["after-load-complete"]}]}],"onError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["error"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"src":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"pageChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"renderText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["render-text"]}]}],"originalSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["original-size"]}]}],"showAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["show-all"]}]}],"zoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["zoom"]}]}],"rotation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["rotation"]}]}],"ngOnChanges":[{"__symbolic":"method"}],"loadPDF":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"renderMultiplePages":[{"__symbolic":"method"}],"isValidPageNumber":[{"__symbolic":"method"}],"buildSVG":[{"__symbolic":"method"}],"renderPageOverlay":[{"__symbolic":"method"}],"renderPage":[{"__symbolic":"method"}],"removeAllChildNodes":[{"__symbolic":"method"}]}}}}] |
{ | ||
"name": "ng2-pdf-viewer", | ||
"version": "1.1.1", | ||
"version": "1.1.2", | ||
"description": "Angular2+ component for rendering PDF", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
@@ -87,2 +87,3 @@ <h1 align="center">Angular2 PDF Viewer</h1> | ||
* [after-load-complete](#after-load-complete) | ||
* [error](#error) | ||
@@ -175,4 +176,26 @@ #### [src] | ||
``` | ||
## Develop | ||
#### (error) | ||
Error handling callback | ||
Define callback in your component's class | ||
```ts | ||
onError(error: any) { | ||
// do anything | ||
} | ||
``` | ||
Then add it to `pdf-component` in component's template | ||
```html | ||
(error)="onError($event) | ||
``` | ||
## Contribute | ||
Clone project and switch to latest version branch (right now `features/1.1.2`) | ||
``` | ||
npm start | ||
@@ -179,0 +202,0 @@ ``` |
40514
288
209