@colijnit/sharedcomponents 262.1.11 → 262.1.12

package/fesm2022/colijnit-sharedcomponents.mjs

@@ -293,7 +293,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 PDFJS.GlobalWorkerOptions.workerSrc = new URL('pdfjs-dist/build/pdf.worker.min.mjs', import.meta.url).toString();
 class DocsignComponent {
     _changeDetector;
-    iframe;
+    pdfContainer;
     /**
      * Load an existing [[PDFDocument]]. The input data can be provided in
      * multiple formats:
@@ -408,31 +408,40 @@ class DocsignComponent {
         this.showSigSeller = false;
         this._savePdf();
     }
-    openPdfInNewTab() {
-        if (!this._pdf) {
-            return;
-        }
-        const blob = new Blob([this._pdf], {
-            type: 'application/pdf'
-        });
-        const url = URL.createObjectURL(blob);
-        window.open(url, '_blank');
-        // Optional cleanup later
-        setTimeout(() => URL.revokeObjectURL(url), 60_000);
-    }
     async _openPDF() {
-        this._checkSignatures();
-        this.pdfDoc = await PDFDocument.load(this._pdf, {
+        await this._checkSignatures();
+        this.pdfDoc = await PDFDocument.load(this._getPdfBytesCopy(), {
             updateMetadata: false
         });
-        if (this._isIOS()) {
-            this.openPdfInNewTab();
-            return;
-        }
-        const pdfDataUri = await this.pdfDoc.saveAsBase64({ dataUri: true });
-        this.iframe.nativeElement.src = pdfDataUri;
+        await this._renderPdfPages();
         this._changeDetector.detectChanges();
     }
+    async _renderPdfPages() {
+        const container = this.pdfContainer.nativeElement;
+        container.innerHTML = '';
+        const pdfReader = await PDFJS.getDocument({
+            data: this._getPdfBytesCopy()
+        }).promise;
+        for (let pageNumber = 1; pageNumber <= pdfReader.numPages; pageNumber++) {
+            const page = await pdfReader.getPage(pageNumber);
+            const viewport = page.getViewport({ scale: 1.5 });
+            const canvas = document.createElement('canvas');
+            canvas.className = 'pdf-page';
+            canvas.width = viewport.width;
+            canvas.height = viewport.height;
+            const context = canvas.getContext('2d');
+            if (!context) {
+                continue;
+            }
+            await page.render({
+                canvas,
+                canvasContext: context,
+                viewport
+            }).promise;
+            container.appendChild(canvas);
+            page.cleanup();
+        }
+    }
     async _savePdf() {
         if (!this.showSigBuyer && !this.showSigSeller) {
             // ready, save the pdf and emit result
@@ -444,17 +453,9 @@ class DocsignComponent {
         if (!this._pdf) {
             return;
         }
-        // let pdfWorkerSrc;
-        // if (window.hasOwnProperty('pdfWorkerSrc') &&
-        //   typeof (window as any).pdfWorkerSrc === 'string' &&
-        //   (window as any).pdfWorkerSrc) {
-        //   pdfWorkerSrc = (window as any).pdfWorkerSrc;
-        // }
-        // else {
-        //   pdfWorkerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${PDFJS.version}/pdf.worker.min.mjs`;
-        // }
-        // PDFJS.GlobalWorkerOptions.workerSrc = pdfWorkerSrc;
-        const pdfReader = await PDFJS.getDocument(this._pdf).promise;
+        const pdfReader = await PDFJS.getDocument({
+            data: this._getPdfBytesCopy()
+        }).promise;
         const numPages = pdfReader.numPages;
         for (let i = 0; i < numPages; i++) {
             const page = await pdfReader.getPage(i + 1);
@@ -511,13 +512,18 @@ class DocsignComponent {
         }
         this._pdf = bytes;
     }
-    _isIOS() {
-        return /iPad|iPhone|iPod/.test(navigator.userAgent)
-            || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
+    _getPdfBytesCopy() {
+        if (this._pdf instanceof Uint8Array) {
+            return new Uint8Array(this._pdf);
+        }
+        if (this._pdf instanceof ArrayBuffer) {
+            return new Uint8Array(this._pdf.slice(0));
+        }
+        return new Uint8Array(this._pdf);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DocsignComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DocsignComponent, isStandalone: false, selector: "co-docsign", inputs: { pdf: "pdf", firstSignatureLabel: "firstSignatureLabel", firstSignatureField: "firstSignatureField", secondSignatureLabel: "secondSignatureLabel", secondSignatureField: "secondSignatureField", saveButtonLabel: "saveButtonLabel", clearButtonLabel: "clearButtonLabel", signDocumentButtonLabel: "signDocumentButtonLabel", cancelButtonLabel: "cancelButtonLabel" }, outputs: { pdfSaved: "pdfSaved", cancelClick: "cancelClick" }, host: { properties: { "class.co-docsign": "this.showClass" } }, viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true, read: ElementRef }], ngImport: i0, template: `
-    <iframe #iframe></iframe>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DocsignComponent, isStandalone: false, selector: "co-docsign", inputs: { pdf: "pdf", firstSignatureLabel: "firstSignatureLabel", firstSignatureField: "firstSignatureField", secondSignatureLabel: "secondSignatureLabel", secondSignatureField: "secondSignatureField", saveButtonLabel: "saveButtonLabel", clearButtonLabel: "clearButtonLabel", signDocumentButtonLabel: "signDocumentButtonLabel", cancelButtonLabel: "cancelButtonLabel" }, outputs: { pdfSaved: "pdfSaved", cancelClick: "cancelClick" }, host: { properties: { "class.co-docsign": "this.showClass" } }, viewQueries: [{ propertyName: "pdfContainer", first: true, predicate: ["pdfContainer"], descendants: true, read: ElementRef }], ngImport: i0, template: `
+      <div #pdfContainer class="pdf-container"></div>
     @if (showSignatures) {
       <co-signatures @showHideSignature
         [showFirstSignature]="showSigBuyer"
@@ -553,7 +559,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             args: [{
                     selector: "co-docsign",
                     template: `
-    <iframe #iframe></iframe>
+      <div #pdfContainer class="pdf-container"></div>
     @if (showSignatures) {
       <co-signatures @showHideSignature
         [showFirstSignature]="showSigBuyer"
@@ -587,9 +593,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { iframe: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { pdfContainer: [{
                 type: ViewChild,
-                args: ["iframe", { read: ElementRef }]
+                args: ['pdfContainer', { read: ElementRef }]
             }], pdf: [{
                 type: Input
             }], firstSignatureLabel: [{