@vaadin-component-factory/vcf-pdf-viewer 1.0.1 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin-component-factory/vcf-pdf-viewer",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "Polymer element providing pdf viewer",
   "main": "vcf-pdf-viewer.js",
   "repository": {

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`
@@ -255,8 +252,8 @@ class PdfViewerElement extends
                 <vaadin-select id="zoom" part="toolbar-zoom" value="{{zoom}}">
                 <template>
                     <vaadin-list-box>
-                        <vaadin-item value='auto'>Automatic zoom</vaadin-item>
-                        <vaadin-item value='page-fit'>Page fit</vaadin-item>
+                        <vaadin-item value='auto'>{{autoZoomOptionLabel}}</vaadin-item>
+                        <vaadin-item value='page-fit'>{{fitZoomOptionLabel}}</vaadin-item>
                         <vaadin-item value='0.5'>50%</vaadin-item>
                         <vaadin-item value='0.75'>75%</vaadin-item>
                         <vaadin-item value='1.0'>100%</vaadin-item>
@@ -292,7 +289,7 @@ class PdfViewerElement extends
     }
 
     static get version() {
-        return '1.0.0';
+        return '1.1.0';
     }
 
     static get properties() {
@@ -382,6 +379,30 @@ class PdfViewerElement extends
                 type: Boolean,
                 value: false
             },
+
+            /**
+             * Flag to indicate if toolbar should only show filename as title
+             */
+            toolbarOnlyFilename: {
+                type: Boolean,
+                value: false
+            },
+
+            /**
+             * Property to define auto zoom label
+             */
+             autoZoomOptionLabel: {
+                type: String,
+                value: "Automatic zoom"
+            },
+
+            /**
+             * Property to define page fit zoom label
+             */
+            fitZoomOptionLabel: {
+                type: String,
+                value: "Page fit"
+            },
         };
     }
 
@@ -392,7 +413,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 +424,7 @@ class PdfViewerElement extends
         } else {
             this.__title = 'PDF';
         }
-    }
+   }
 
     ready() {
         super.ready();
@@ -469,8 +492,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 +543,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);