@ngx-smz/core 21.2.2 → 21.3.0

package/README.md

@@ -26,6 +26,33 @@ ng build ngx-smz-ui
 
 This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
 
+## PDF export setup
+
+`SmzDocumentBuilder` and `smz-document-viewer` use **`html2pdf.js`** and **`jspdf`** as **peer dependencies**. Install them in the host application:
+
+```bash
+npm install html2pdf.js@^0.14.0 jspdf@^4.2.0
+```
+
+Do **not** add `html2pdf.bundle.js` to `angular.json` → `scripts`. The library imports `html2pdf.js` as an ES/CJS module; the Angular bundler resolves `html2canvas`, `jspdf`, and `dompurify` from `node_modules`.
+
+If the build warns about CommonJS dependencies, add them to `allowedCommonJsDependencies` in `angular.json`:
+
+```json
+[
+  "html2pdf.js",
+  "html2canvas",
+  "jspdf",
+  "dompurify",
+  "canvg",
+  "raf",
+  "core-js",
+  "rgbcolor"
+]
+```
+
+See the **demos** app route `/document` for working examples of the `html2pdf` renderer.
+
 ### Publishing the Library
 
 Once the project is built, you can publish your library by following these steps:

package/fesm2022/ngx-smz-core.mjs

@@ -101,7 +101,7 @@ import { BadgeModule } from 'primeng/badge';
 import Chart from 'chart.js/auto';
 import { getRelativePosition } from 'chart.js/helpers';
 import { jsPDF } from 'jspdf';
-import * as html2canvas from 'html2canvas';
+import html2pdf from 'html2pdf.js';
 import sortBy$1 from 'lodash-es/sortBy';
 import flatten$2 from 'lodash-es/flatten';
 import * as i4$5 from 'primeng/picklist';
@@ -23872,7 +23872,6 @@ const SmzJsPdfUtils = {
 };
 
 /* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-return, @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type, @typescript-eslint/typedef, no-underscore-dangle, no-console, eqeqeq, @typescript-eslint/no-unused-vars, @typescript-eslint/no-useless-constructor, @typescript-eslint/explicit-member-accessibility, max-len, no-prototype-builtins, @typescript-eslint/no-shadow, @typescript-eslint/no-empty-object-type, no-var, no-case-declarations */
-window['html2canvas'] = html2canvas;
 const INITIAL_ZOOM = 1;
 class SmzDocumentsService {
     store;
@@ -23929,17 +23928,18 @@ class SmzDocumentsService {
                 switch (state.renderer) {
                     case 'html2pdf':
                         // console.log('1 Document html2pdfOptions', state.export.html2pdfOptions);
-                        const html2pdfData = html2pdf()
+                        const html2pdfWorker = html2pdf()
                             .from(element.nativeElement)
                             .set(state.export.html2pdfOptions)
-                            .toPdf().get('pdf').then(function (pdf) {
+                            .toPdf();
+                        html2pdfWorker.get('pdf').then((pdf) => {
                             if (state.summary.showPageNumbers) {
                                 SmzJsPdfUtils.addPageNumbers(pdf, state);
                             }
                         });
                         switch (action) {
                             case 'open': {
-                                html2pdfData.outputPdf()
+                                html2pdfWorker.outputPdf()
                                     .then((pdf) => {
                                     const base64Pdf = btoa(pdf);
                                     window.open(base64Pdf, '_blank');
@@ -23949,7 +23949,7 @@ class SmzDocumentsService {
                             }
                             // case 'print': this.pdfMakeService.pdfMake.createPdf(document).print(); break;
                             case 'download': {
-                                html2pdfData.save()
+                                html2pdfWorker.save()
                                     .then(() => { resolve('Resolved'); });
                                 break;
                             }