@@ -3,9 +3,9 @@ template.innerHTML = `<iframe frameborder="0" width="100%"></iframe><style>:host
3
3
4
4
export class PdfjsViewerElement extends HTMLElement {
5
5
constructor ( ) {
6
- super ( )
7
- const shadowRoot = this . attachShadow ( { mode : 'open' } )
8
- shadowRoot . appendChild ( template . content . cloneNode ( true ) )
6
+ super ( ) ;
7
+ const shadowRoot = this . attachShadow ( { mode : 'open' } ) ;
8
+ shadowRoot . appendChild ( template . content . cloneNode ( true ) ) ;
9
9
}
10
10
11
11
private iframe ! : PdfjsViewerElementIframe ;
@@ -15,23 +15,23 @@ export class PdfjsViewerElement extends HTMLElement {
15
15
}
16
16
17
17
connectedCallback ( ) {
18
- this . iframe = this . shadowRoot ?. querySelector (
18
+ this . iframe = this . shadowRoot ?. querySelector ( "iframe" ) as PdfjsViewerElementIframe ;
19
19
this . setAttributes ( ) ;
20
20
this . initEventListeners ( ) ;
21
21
}
22
22
23
23
attributeChangedCallback ( name : string ) {
24
- if ( [ ' src' , ' viewer-path' ] . includes ( name ) ) {
25
- this . setAttributes ( )
26
- this . initEventListeners ( )
24
+ if ( [ " src" , " viewer-path" ] . includes ( name ) ) {
25
+ this . setAttributes ( ) ;
26
+ this . initEventListeners ( ) ;
27
27
}
28
28
}
29
29
30
30
setAttributes ( ) {
31
- if ( ! this . hasAttribute ( ' viewer-path' ) ) this . setAttribute ( ' viewer-path' , '/pdfjs' )
31
+ if ( ! this . hasAttribute ( " viewer-path" ) ) this . setAttribute ( " viewer-path" , '/pdfjs' )
32
32
this . iframe ?. setAttribute (
33
33
'src' ,
34
- `${ this . getAttribute ( ' viewer-path' ) } /web/viewer.html?file=${ this . getAttribute ( ' src' ) || '' } `
34
+ `${ this . getAttribute ( " viewer-path" ) } /web/viewer.html?file=${ this . getAttribute ( " src" ) || '' } `
35
35
)
36
36
}
37
37
@@ -43,29 +43,29 @@ export class PdfjsViewerElement extends HTMLElement {
43
43
44
44
setViewerOptions ( ) {
45
45
const locale = this . getAttribute ( "locale" ) ;
46
- if ( locale )
46
+ if ( locale ) this . iframe . contentWindow ?. PDFViewerApplicationOptions . set ( 'locale' , locale ) ;
47
47
}
48
48
}
49
49
50
50
declare global {
51
51
interface Window {
52
- PdfjsViewerElement : typeof PdfjsViewerElement
52
+ PdfjsViewerElement : typeof PdfjsViewerElement ;
53
53
}
54
54
}
55
55
56
- export interface PdfjsViewerElementIframeWindow extends Window {
56
+ interface PdfjsViewerElementIframeWindow extends Window {
57
57
PDFViewerApplicationOptions : {
58
58
set : ( name : string , value : string ) => void ;
59
59
} ;
60
60
}
61
61
62
- export interface PdfjsViewerElementIframe extends HTMLIFrameElement {
62
+ interface PdfjsViewerElementIframe extends HTMLIFrameElement {
63
63
contentWindow : PdfjsViewerElementIframeWindow ;
64
64
}
65
65
66
- export default PdfjsViewerElement
66
+ export default PdfjsViewerElement ;
67
67
68
68
if ( ! window . customElements . get ( 'pdfjs-viewer-element' ) ) {
69
- window . PdfjsViewerElement = PdfjsViewerElement
70
- window . customElements . define ( 'pdfjs-viewer-element' , PdfjsViewerElement )
69
+ window . PdfjsViewerElement = PdfjsViewerElement ;
70
+ window . customElements . define ( 'pdfjs-viewer-element' , PdfjsViewerElement ) ;
71
71
}
0 commit comments