@vaadin-component-factory/vcf-pdf-viewer 1.0.0 → 1.0.3

package/src/vcf-pdf-viewer.js

@@ -1,8 +1,6 @@
 import { PolymerElement, html } from '@polymer/polymer/polymer-element';
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin';
 import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
-import { IronResizableBehavior } from '@polymer/iron-resizable-behavior';
-import { mixinBehaviors } from '@polymer/polymer/lib/legacy/class.js';
 import '@vaadin/polymer-legacy-adapter/template-renderer.js';
 import '@vaadin/text-field';
 import '@vaadin/select';
@@ -34,8 +32,7 @@ pdfjsLib.GlobalWorkerOptions.workerSrc = pdfjsWorker;
  */
 class PdfViewerElement extends
     ElementMixin(
-        ThemableMixin(
-            mixinBehaviors([IronResizableBehavior], PolymerElement))) {
+        ThemableMixin(PolymerElement)) {
 
     static get template() {
         return html`
@@ -382,6 +379,14 @@ class PdfViewerElement extends
                 type: Boolean,
                 value: false
             },
+
+            /**
+             * Flag to indicate if toolbar should only show filename as title
+             */
+            toolbarOnlyFilename: {
+                type: Boolean,
+                value: false
+            },
         };
     }
 
@@ -392,7 +397,9 @@ class PdfViewerElement extends
     }
 
     __setTitle(pdfTitle, filename) {
-        if (pdfTitle && filename) {
+        if(this.__viewer && this.toolbarOnlyFilename && filename) {
+            this.__title = filename;
+        } else if (pdfTitle && filename) {            
             this.__title = pdfTitle + ' - ' + filename;
         } else if (pdfTitle) {
             this.__title = pdfTitle;
@@ -401,7 +408,7 @@ class PdfViewerElement extends
         } else {
             this.__title = 'PDF';
         }
-    }
+   }
 
     ready() {
         super.ready();
@@ -469,8 +476,15 @@ class PdfViewerElement extends
             }
         });
 
-        this.addEventListener('iron-resize', this.__recalculateSizes);
-        this.__recalculateSizes();       
+        this.__resizeObserver = new ResizeObserver(() => {
+            requestAnimationFrame(() => this.__recalculateSizes());
+        });
+        this.__resizeObserver.observe(this);
+    }
+
+    connectedCallback() {
+        super.connectedCallback();
+        this.__recalculateSizes();        
     }
 
     __updateCurrentPageValue(pageNumber){
@@ -513,7 +527,7 @@ class PdfViewerElement extends
             return;
         }
         this.__setFilename(src);
-        this.__document = pdfjsLib.getDocument(src);
+        this.__document = pdfjsLib.getDocument(new URL(src, document.baseURI).href);
         return this.__document.promise.then((pdfDocument) => {
             // Document loaded, specifying document for the viewer.
             this.__thumbnailViewer.setDocument(pdfDocument);
@@ -628,11 +642,10 @@ class PdfViewerElement extends
     }
 
     setCurrentPage(value) {
-        if (!this.__viewer || this.__loading) {
+        if (value != undefined) {
             this.$.currentPage.value = value;
-        } else {
-            this.__pageChange();
         }
+        this.__pageChange();
     }
 
     _getPage() {