@vaadin-component-factory/vcf-pdf-viewer 1.2.0 → 1.4.0

package/src/vcf-pdf-viewer.js

@@ -245,6 +245,10 @@ class PdfViewerElement extends
                 margin: 0;
             }
 
+            [part~="toolbar"].ready [part~="toolbar-zoom"].hide-zoom {
+                display: none;
+            }
+
         </style>
 
     <div id="outerContainer" part="outer-container" >
@@ -255,7 +259,7 @@ class PdfViewerElement extends
         </div>   
         <div id="mainContainer" part="main-container">
             <div id="toolbar" part="toolbar">
-                <vaadin-button id="sidebarToggle" part="toolbar-button toolbar-button-toogle-sidebar" theme="icon" on-click="__toogleSidebar">
+                <vaadin-button id="sidebarToggle" part="toolbar-button toolbar-button-toogle-sidebar" theme="icon" on-click="__toogleSidebar" aria-label="Sidebar toggle">
                     <vaadin-icon part="toggle-button-icon" slot="prefix"></vaadin-icon>
                 </vaadin-button>
                 <span id="title" part="toolbar-text toolbar-title">{{__title}}</span>
@@ -279,10 +283,10 @@ class PdfViewerElement extends
                     <vaadin-text-field id="currentPage" part="toolbar-current-page" value="{{currentPage}}" on-change="__pageChange"></vaadin-text-field>
                     <span id="pageSeparator" part="toolbar-text toolbar-page-separator">/</span>
                     <span id="totalPages" part="toolbar-text toolbar-total-pages">{{__totalPages}}</span>
-                    <vaadin-button id="previousPage" part="toolbar-button toolbar-button-previous-page" theme="icon" on-click="__previousPage">
+                    <vaadin-button id="previousPage" part="toolbar-button toolbar-button-previous-page" theme="icon" on-click="__previousPage" aria-label="Previous page">
                         <vaadin-icon part="previous-page-button-icon" slot="prefix"></vaadin-icon>
                     </vaadin-button>
-                    <vaadin-button id="nextPage" part="toolbar-button toolbar-button-next-page" theme="icon" on-click="__nextPage">
+                    <vaadin-button id="nextPage" part="toolbar-button toolbar-button-next-page" theme="icon" on-click="__nextPage" aria-label="Next page">
                         <vaadin-icon part="next-page-button-icon" slot="prefix"></vaadin-icon>
                     </vaadin-button>
                 </div>
@@ -303,7 +307,7 @@ class PdfViewerElement extends
     }
 
     static get version() {
-        return '1.2.0';
+        return '1.4.0';
     }
 
     static get properties() {
@@ -377,7 +381,7 @@ class PdfViewerElement extends
              * Total amount of pages in an opened document
              */
             __totalPages: Number,
-            
+
             /**
              *  Loading state
              */
@@ -425,12 +429,30 @@ class PdfViewerElement extends
                 type: String,
                 value: ""
             },
+
+            /**
+             * Renders interactive form elements in the annotation layer (html) if true,
+             * renders values of form elements directly onto the canvas if false
+             */
+            renderInteractiveForms: {
+                type: Boolean,
+                value: true
+            },
+
+            /**
+             * Allows to hide the zoom dropdown. By default it's always shown.
+             */
+            hideZoom: {
+                type: Boolean,
+                value: false
+            },
         };
     }
 
     static get observers() {
         return [
-            '__setTitle(__pdfTitle, __filename)'
+            '__setTitle(__pdfTitle, __filename)',
+            '__updateZoomVisibility()'
         ];
     }
 
@@ -439,7 +461,7 @@ class PdfViewerElement extends
             this.__title = this.customTitle;
         } else if(this.__viewer && this.toolbarOnlyFilename && filename) {
             this.__title = filename;
-        } else if (pdfTitle && filename) {            
+        } else if (pdfTitle && filename) {
             this.__title = pdfTitle + ' - ' + filename;
         } else if (pdfTitle) {
             this.__title = pdfTitle;
@@ -450,6 +472,14 @@ class PdfViewerElement extends
         }
    }
 
+   __updateZoomVisibility() {
+        if(this.hideZoom) {
+            this.$.zoom.classList.add('hide-zoom');
+        } else {
+            this.$.zoom.classList.remove('hide-zoom');
+        }
+    }
+
     ready() {
         super.ready();
         this.$.viewerContainer.addEventListener('focus', e => this.__setFocused(true), true);
@@ -479,12 +509,13 @@ class PdfViewerElement extends
             eventBus: eventBus,
             linkService: this.__linkService,
             renderingQueue: pdfRenderingQueue,
-            l10n: l10n
+            l10n: l10n,
+            renderInteractiveForms: this.renderInteractiveForms
         });
-        
+
         this.__linkService.setViewer(this.__viewer);
         pdfRenderingQueue.setViewer(this.__viewer);
-        
+
         // thumbnailViewer
         this.__thumbnailViewer = new pdfjsThumbnailViewer.PDFThumbnailViewer({
             container: this.$.thumbnailView,
@@ -494,7 +525,7 @@ class PdfViewerElement extends
             l10n: l10n
         })
 
-        pdfRenderingQueue.setThumbnailViewer(this.__thumbnailViewer);  
+        pdfRenderingQueue.setThumbnailViewer(this.__thumbnailViewer);
 
         // listeners
         eventBus.on('pagesinit', () => {
@@ -505,7 +536,7 @@ class PdfViewerElement extends
                 this.__openSidebar();
             } else {
                 this.__closeSidebar();
-            }      
+            }
             this.__viewer.currentPage = this.setCurrentPage();
         });
         eventBus.on('pagechanging', (event) => {
@@ -524,7 +555,7 @@ class PdfViewerElement extends
 
     connectedCallback() {
         super.connectedCallback();
-        this.__recalculateSizes();        
+        this.__recalculateSizes();
     }
 
     __updateCurrentPageValue(pageNumber){
@@ -701,7 +732,7 @@ class PdfViewerElement extends
     }
 
     __toogleSidebar() {
-        if (this.$.outerContainer.classList.length == 0) { 
+        if (this.$.outerContainer.classList.length == 0) {
             this.__openSidebar();
         } else {
             this.__closeSidebar();
@@ -743,7 +774,7 @@ class PdfViewerElement extends
             const thumbnailView = this.__thumbnailViewer.getThumbnail(i);
             thumbnailView.anchor.onclick = function () {
                 const id = thumbnailView.id;
-                thumbnailView.linkService.goToPage(id);  
+                thumbnailView.linkService.goToPage(id);
                 component.dispatchEvent(new CustomEvent('thumbnail-clicked', {
                     detail: {
                         source: component,
@@ -752,10 +783,10 @@ class PdfViewerElement extends
                 }));
                 return false;
               };
-        } 
+        }
         if(this.__thumbnailViewer && this.__thumbnailViewer.renderingQueue.isThumbnailViewEnabled){
             this.__thumbnailViewer.scrollThumbnailIntoView(this.currentPage);
-        }   
+        }
     }
 }