inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACA-3899] Viewer thumbnails cannot be accessed by keyboard (#6150)

Browse Source 
* accessibility

* add thumb focus

* close thumbs list event

* fix eventbus listener

* rename parameter

* track previous focused element

* implement FocusKeyManager

* fix getGlobalEventBus is deprecated

* keyboard navigation

* set tabindex

* setActiveItem on list change

* update  test
This commit is contained in:
Cilibiu Bogdan
2020-09-23 07:57:46 +03:00
committed by GitHub
parent 472e112b71
commit 3da5196b2d
10 changed files with 181 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
lib/core/viewer/components/pdf-viewer.component.ts
View File

@@ -100,6 +100,8 @@ export class PdfViewerComponent implements OnChanges, OnDestroy {
return Math.round(this.currentScale * 100) + '%';
}
private eventBus = new pdfjsViewer.EventBus();
constructor(
private dialog: MatDialog,
private renderingQueueServices: RenderingQueueServices,
@@ -200,15 +202,16 @@ export class PdfViewerComponent implements OnChanges, OnDestroy {
this.pdfViewer = new pdfjsViewer.PDFViewer({
container: container,
viewer: viewer,
renderingQueue: this.renderingQueueServices
renderingQueue: this.renderingQueueServices,
eventBus: this.eventBus
});
// cspell: disable-next
this.pdfViewer.eventBus.on('pagechanging', this.onPageChange);
this.eventBus.on('pagechanging', this.onPageChange);
// cspell: disable-next
this.pdfViewer.eventBus.on('pagesloaded', this.onPagesLoaded);
this.eventBus.on('pagesloaded', this.onPagesLoaded);
// cspell: disable-next
this.pdfViewer.eventBus.on('textlayerrendered', this.onPageRendered);
this.eventBus.on('textlayerrendered', this.onPageRendered);
this.renderingQueueServices.setViewer(this.pdfViewer);
this.pdfViewer.setDocument(pdfDocument);
@@ -219,11 +222,11 @@ export class PdfViewerComponent implements OnChanges, OnDestroy {
ngOnDestroy() {
if (this.pdfViewer) {
// cspell: disable-next
this.pdfViewer.eventBus.off('pagechanging');
this.eventBus.off('pagechanging');
// cspell: disable-next
this.pdfViewer.eventBus.off('pagesloaded');
this.eventBus.off('pagesloaded');
// cspell: disable-next
this.pdfViewer.eventBus.off('textlayerrendered');
this.eventBus.off('textlayerrendered');
}
if (this.loadingTask) {