@progress/kendo-pdfviewer-common 0.3.3 → 0.3.4-dev.202410281223

package/dist/es/widget/page.js

@@ -137,11 +137,10 @@ export class Page extends Component {
         const canvas = this.canvasForPrint;
         const printContentLoadPromise = this.createPromise();
         const printContent = new Image();
+        const printUnits = this.pdfViewer.getPrintUnits();
         const viewportRawDimensions = this.viewport.rawDims;
-        const pageWidth = viewportRawDimensions.pageWidth;
-        const pageHeight = viewportRawDimensions.pageHeight;
-        // const pageWidth = this.viewport.width;
-        // const pageHeight = this.viewport.height;
+        const pageHeight = Math.floor(viewportRawDimensions.pageHeight * printUnits);
+        const pageWidth = Math.floor(viewportRawDimensions.pageWidth * printUnits);
         printContent.src = canvas.toDataURL();
         printContent.width = pageWidth;
         printContent.height = pageHeight;
@@ -186,14 +185,11 @@ export class Page extends Component {
     }
     renderForPrintAsync() {
         var _a, _b;
-        const { canvasContext, canvas,
-        // canvasWrapper,
-        // viewport,
-        // pageElement,
-        // _styles
-         } = this.pdfViewer.createPageElements({
+        const printUnits = this.pdfViewer.getPrintUnits();
+        const { canvasContext, canvas } = this.pdfViewer.createPageElements({
             pdfPage: this.pdfPage,
-            zoom: this.pdfViewer.options.zoomLevel || 1,
+            zoom: 1,
+            printUnits
         });
         this.canvasForPrint = canvas;
         // canvasWrapper.appendChild(canvas);
@@ -201,14 +197,12 @@ export class Page extends Component {
         this.setState({
             isPrintingInProgress: true
         });
-        const printUnits = this.pdfViewer.options.printResolution / PixelsPerInch.PDF;
         const optionalContentConfigPromise = this.pdfViewer.state.pdfDocument.getOptionalContentConfig({
             intent: "print",
         });
         const renderContext = {
             canvasContext: canvasContext,
             transform: [printUnits, 0, 0, printUnits, 0, 0],
-            // viewport: this.pdfPage.getViewport({ scale: 1, rotation: size.rotation }),
             viewport: this.pdfPage.getViewport({ scale: 1, rotation: this.viewport.rotation }),
             intent: "print",
             annotationMode: AnnotationMode.ENABLE_STORAGE,

package/dist/es/widget/pdfviewer.js

@@ -59,7 +59,7 @@ export class PdfViewer extends Component {
             // values higher than 200ms can result in browser zoom
             pageWheelThrottleDelay: 200,
             // ported from pdf.js
-            printResolution: 150,
+            printResolution: 100,
             loadOnDemand: false,
             loadOnDemandPageSize: 2,
             messages: {
@@ -181,7 +181,7 @@ export class PdfViewer extends Component {
         this.tryTriggerScroll = (e) => {
             let isPageChanged = false;
             const pageNumber = currentPage(this.element) + 1;
-            if (pageNumber !== this.state.activePageNumber && (pageNumber >= 1 && pageNumber <= this.state.pdfDocument.numPagesh)) {
+            if (pageNumber !== this.state.activePageNumber && (pageNumber >= 1 && pageNumber <= this.state.pdfDocument.numPages)) {
                 isPageChanged = true;
                 this.state.activePageNumber = pageNumber;
             }
@@ -325,6 +325,9 @@ export class PdfViewer extends Component {
         }
         updater();
     }
+    getPrintUnits() {
+        return this.options.printResolution / PixelsPerInch.PDF;
+    }
     extendOptions(options) {
         this.options = deepExtend(this.options, options);
     }
@@ -723,13 +726,13 @@ export class PdfViewer extends Component {
             return this.pages[index].element;
         });
     }
-    createPageElements({ pdfPage = null, zoom = 1, }) {
+    createPageElements({ pdfPage = null, zoom = 1, printUnits = null }) {
         if (zoom <= 0) {
             return;
         }
-        const viewportScale = getScale();
-        const scaleNum = zoom || viewportScale;
-        const viewport = pdfPage === null || pdfPage === void 0 ? void 0 : pdfPage.getViewport({ scale: viewportScale });
+        const scale = getScale();
+        const scaleNum = zoom || scale;
+        const viewport = pdfPage === null || pdfPage === void 0 ? void 0 : pdfPage.getViewport({ scale: scaleNum });
         const { adjustedWidth, adjustedHeight, adjustRatio } = adjustCanvasSize(viewport.width, viewport.height);
         // const styles = {
         //     width: Math.floor(viewport.width / scaleNum) * zoom + 'pt',
@@ -750,6 +753,10 @@ export class PdfViewer extends Component {
         });
         canvas.height = adjustedHeight;
         canvas.width = adjustedWidth;
+        if (printUnits) {
+            canvas.width = Math.floor(canvas.width * (printUnits || 1));
+            canvas.height = Math.floor(canvas.height * (printUnits || 1));
+        }
         const canvasContext = canvas.getContext("2d");
         const canvasWrapper = convertToHtml(`
             <div class="${this.options.elementSelectors.pageCanvasWrapper}"></div>
@@ -1105,8 +1112,8 @@ export class PdfViewer extends Component {
     }
     openPrintDialog() {
         const pages = this.pages;
-        const width = pages[0].rawWidth;
-        const height = pages[0].rawHeight;
+        const width = pages[0].rawWidth * this.getPrintUnits();
+        const height = pages[0].rawHeight * this.getPrintUnits();
         const printDialog = window.open('', '', 'innerWidth=' + width + ',innerHeight=' + height + 'location=no,titlebar=no,toolbar=no');
         if (!printDialog || !printDialog.document) {
             this.triggerError({

package/dist/es2015/widget/page.js

@@ -137,11 +137,10 @@ export class Page extends Component {
         const canvas = this.canvasForPrint;
         const printContentLoadPromise = this.createPromise();
         const printContent = new Image();
+        const printUnits = this.pdfViewer.getPrintUnits();
         const viewportRawDimensions = this.viewport.rawDims;
-        const pageWidth = viewportRawDimensions.pageWidth;
-        const pageHeight = viewportRawDimensions.pageHeight;
-        // const pageWidth = this.viewport.width;
-        // const pageHeight = this.viewport.height;
+        const pageHeight = Math.floor(viewportRawDimensions.pageHeight * printUnits);
+        const pageWidth = Math.floor(viewportRawDimensions.pageWidth * printUnits);
         printContent.src = canvas.toDataURL();
         printContent.width = pageWidth;
         printContent.height = pageHeight;
@@ -186,14 +185,11 @@ export class Page extends Component {
     }
     renderForPrintAsync() {
         var _a, _b;
-        const { canvasContext, canvas,
-        // canvasWrapper,
-        // viewport,
-        // pageElement,
-        // _styles
-         } = this.pdfViewer.createPageElements({
+        const printUnits = this.pdfViewer.getPrintUnits();
+        const { canvasContext, canvas } = this.pdfViewer.createPageElements({
             pdfPage: this.pdfPage,
-            zoom: this.pdfViewer.options.zoomLevel || 1,
+            zoom: 1,
+            printUnits
         });
         this.canvasForPrint = canvas;
         // canvasWrapper.appendChild(canvas);
@@ -201,14 +197,12 @@ export class Page extends Component {
         this.setState({
             isPrintingInProgress: true
         });
-        const printUnits = this.pdfViewer.options.printResolution / PixelsPerInch.PDF;
         const optionalContentConfigPromise = this.pdfViewer.state.pdfDocument.getOptionalContentConfig({
             intent: "print",
         });
         const renderContext = {
             canvasContext: canvasContext,
             transform: [printUnits, 0, 0, printUnits, 0, 0],
-            // viewport: this.pdfPage.getViewport({ scale: 1, rotation: size.rotation }),
             viewport: this.pdfPage.getViewport({ scale: 1, rotation: this.viewport.rotation }),
             intent: "print",
             annotationMode: AnnotationMode.ENABLE_STORAGE,

package/dist/es2015/widget/pdfviewer.js

@@ -59,7 +59,7 @@ export class PdfViewer extends Component {
             // values higher than 200ms can result in browser zoom
             pageWheelThrottleDelay: 200,
             // ported from pdf.js
-            printResolution: 150,
+            printResolution: 100,
             loadOnDemand: false,
             loadOnDemandPageSize: 2,
             messages: {
@@ -181,7 +181,7 @@ export class PdfViewer extends Component {
         this.tryTriggerScroll = (e) => {
             let isPageChanged = false;
             const pageNumber = currentPage(this.element) + 1;
-            if (pageNumber !== this.state.activePageNumber && (pageNumber >= 1 && pageNumber <= this.state.pdfDocument.numPagesh)) {
+            if (pageNumber !== this.state.activePageNumber && (pageNumber >= 1 && pageNumber <= this.state.pdfDocument.numPages)) {
                 isPageChanged = true;
                 this.state.activePageNumber = pageNumber;
             }
@@ -325,6 +325,9 @@ export class PdfViewer extends Component {
         }
         updater();
     }
+    getPrintUnits() {
+        return this.options.printResolution / PixelsPerInch.PDF;
+    }
     extendOptions(options) {
         this.options = deepExtend(this.options, options);
     }
@@ -723,13 +726,13 @@ export class PdfViewer extends Component {
             return this.pages[index].element;
         });
     }
-    createPageElements({ pdfPage = null, zoom = 1, }) {
+    createPageElements({ pdfPage = null, zoom = 1, printUnits = null }) {
         if (zoom <= 0) {
             return;
         }
-        const viewportScale = getScale();
-        const scaleNum = zoom || viewportScale;
-        const viewport = pdfPage === null || pdfPage === void 0 ? void 0 : pdfPage.getViewport({ scale: viewportScale });
+        const scale = getScale();
+        const scaleNum = zoom || scale;
+        const viewport = pdfPage === null || pdfPage === void 0 ? void 0 : pdfPage.getViewport({ scale: scaleNum });
         const { adjustedWidth, adjustedHeight, adjustRatio } = adjustCanvasSize(viewport.width, viewport.height);
         // const styles = {
         //     width: Math.floor(viewport.width / scaleNum) * zoom + 'pt',
@@ -750,6 +753,10 @@ export class PdfViewer extends Component {
         });
         canvas.height = adjustedHeight;
         canvas.width = adjustedWidth;
+        if (printUnits) {
+            canvas.width = Math.floor(canvas.width * (printUnits || 1));
+            canvas.height = Math.floor(canvas.height * (printUnits || 1));
+        }
         const canvasContext = canvas.getContext("2d");
         const canvasWrapper = convertToHtml(`
             <div class="${this.options.elementSelectors.pageCanvasWrapper}"></div>
@@ -1105,8 +1112,8 @@ export class PdfViewer extends Component {
     }
     openPrintDialog() {
         const pages = this.pages;
-        const width = pages[0].rawWidth;
-        const height = pages[0].rawHeight;
+        const width = pages[0].rawWidth * this.getPrintUnits();
+        const height = pages[0].rawHeight * this.getPrintUnits();
         const printDialog = window.open('', '', 'innerWidth=' + width + ',innerHeight=' + height + 'location=no,titlebar=no,toolbar=no');
         if (!printDialog || !printDialog.document) {
             this.triggerError({

package/dist/npm/widget/page.js

@@ -137,11 +137,10 @@ class Page extends component_1.Component {
         const canvas = this.canvasForPrint;
         const printContentLoadPromise = this.createPromise();
         const printContent = new Image();
+        const printUnits = this.pdfViewer.getPrintUnits();
         const viewportRawDimensions = this.viewport.rawDims;
-        const pageWidth = viewportRawDimensions.pageWidth;
-        const pageHeight = viewportRawDimensions.pageHeight;
-        // const pageWidth = this.viewport.width;
-        // const pageHeight = this.viewport.height;
+        const pageHeight = Math.floor(viewportRawDimensions.pageHeight * printUnits);
+        const pageWidth = Math.floor(viewportRawDimensions.pageWidth * printUnits);
         printContent.src = canvas.toDataURL();
         printContent.width = pageWidth;
         printContent.height = pageHeight;
@@ -186,14 +185,11 @@ class Page extends component_1.Component {
     }
     renderForPrintAsync() {
         var _a, _b;
-        const { canvasContext, canvas,
-        // canvasWrapper,
-        // viewport,
-        // pageElement,
-        // _styles
-         } = this.pdfViewer.createPageElements({
+        const printUnits = this.pdfViewer.getPrintUnits();
+        const { canvasContext, canvas } = this.pdfViewer.createPageElements({
             pdfPage: this.pdfPage,
-            zoom: this.pdfViewer.options.zoomLevel || 1,
+            zoom: 1,
+            printUnits
         });
         this.canvasForPrint = canvas;
         // canvasWrapper.appendChild(canvas);
@@ -201,14 +197,12 @@ class Page extends component_1.Component {
         this.setState({
             isPrintingInProgress: true
         });
-        const printUnits = this.pdfViewer.options.printResolution / pdf_mjs_1.PixelsPerInch.PDF;
         const optionalContentConfigPromise = this.pdfViewer.state.pdfDocument.getOptionalContentConfig({
             intent: "print",
         });
         const renderContext = {
             canvasContext: canvasContext,
             transform: [printUnits, 0, 0, printUnits, 0, 0],
-            // viewport: this.pdfPage.getViewport({ scale: 1, rotation: size.rotation }),
             viewport: this.pdfPage.getViewport({ scale: 1, rotation: this.viewport.rotation }),
             intent: "print",
             annotationMode: pdf_mjs_1.AnnotationMode.ENABLE_STORAGE,

package/dist/npm/widget/pdfviewer.d.ts

@@ -42,6 +42,7 @@ export declare class PdfViewer extends Component {
     });
     get annotationEditorMode(): any;
     set annotationEditorMode({ mode, editId, isFromKeyboard }: any);
+    getPrintUnits(): number;
     extendOptions(options: any): void;
     setOptions(options: any): void;
     bindEvents(): void;
@@ -85,9 +86,10 @@ export declare class PdfViewer extends Component {
     drawPageAsync({ pageIndex }: {
         pageIndex?: number;
     }): Promise<HTMLDivElement>;
-    createPageElements({ pdfPage, zoom, }: {
+    createPageElements({ pdfPage, zoom, printUnits }: {
         pdfPage?: any;
         zoom?: number;
+        printUnits?: any;
     }): {
         canvasContext: CanvasRenderingContext2D;
         canvasWrapper: any;

package/dist/npm/widget/pdfviewer.js

@@ -62,7 +62,7 @@ class PdfViewer extends main_1.Component {
             // values higher than 200ms can result in browser zoom
             pageWheelThrottleDelay: 200,
             // ported from pdf.js
-            printResolution: 150,
+            printResolution: 100,
             loadOnDemand: false,
             loadOnDemandPageSize: 2,
             messages: {
@@ -184,7 +184,7 @@ class PdfViewer extends main_1.Component {
         this.tryTriggerScroll = (e) => {
             let isPageChanged = false;
             const pageNumber = (0, utils_1.currentPage)(this.element) + 1;
-            if (pageNumber !== this.state.activePageNumber && (pageNumber >= 1 && pageNumber <= this.state.pdfDocument.numPagesh)) {
+            if (pageNumber !== this.state.activePageNumber && (pageNumber >= 1 && pageNumber <= this.state.pdfDocument.numPages)) {
                 isPageChanged = true;
                 this.state.activePageNumber = pageNumber;
             }
@@ -328,6 +328,9 @@ class PdfViewer extends main_1.Component {
         }
         updater();
     }
+    getPrintUnits() {
+        return this.options.printResolution / pdf_mjs_1.PixelsPerInch.PDF;
+    }
     extendOptions(options) {
         this.options = (0, main_1.deepExtend)(this.options, options);
     }
@@ -726,13 +729,13 @@ class PdfViewer extends main_1.Component {
             return this.pages[index].element;
         });
     }
-    createPageElements({ pdfPage = null, zoom = 1, }) {
+    createPageElements({ pdfPage = null, zoom = 1, printUnits = null }) {
         if (zoom <= 0) {
             return;
         }
-        const viewportScale = (0, utils_1.scale)();
-        const scaleNum = zoom || viewportScale;
-        const viewport = pdfPage === null || pdfPage === void 0 ? void 0 : pdfPage.getViewport({ scale: viewportScale });
+        const scale = (0, utils_1.scale)();
+        const scaleNum = zoom || scale;
+        const viewport = pdfPage === null || pdfPage === void 0 ? void 0 : pdfPage.getViewport({ scale: scaleNum });
         const { adjustedWidth, adjustedHeight, adjustRatio } = (0, utils_1.adjustCanvasSize)(viewport.width, viewport.height);
         // const styles = {
         //     width: Math.floor(viewport.width / scaleNum) * zoom + 'pt',
@@ -753,6 +756,10 @@ class PdfViewer extends main_1.Component {
         });
         canvas.height = adjustedHeight;
         canvas.width = adjustedWidth;
+        if (printUnits) {
+            canvas.width = Math.floor(canvas.width * (printUnits || 1));
+            canvas.height = Math.floor(canvas.height * (printUnits || 1));
+        }
         const canvasContext = canvas.getContext("2d");
         const canvasWrapper = (0, main_1.convertToHtml)(`
             <div class="${this.options.elementSelectors.pageCanvasWrapper}"></div>
@@ -1108,8 +1115,8 @@ class PdfViewer extends main_1.Component {
     }
     openPrintDialog() {
         const pages = this.pages;
-        const width = pages[0].rawWidth;
-        const height = pages[0].rawHeight;
+        const width = pages[0].rawWidth * this.getPrintUnits();
+        const height = pages[0].rawHeight * this.getPrintUnits();
         const printDialog = window.open('', '', 'innerWidth=' + width + ',innerHeight=' + height + 'location=no,titlebar=no,toolbar=no');
         if (!printDialog || !printDialog.document) {
             this.triggerError({

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-pdfviewer-common",
   "description": "Kendo UI TypeScript package exporting functions for PDFViewer component",
-  "version": "0.3.3",
+  "version": "0.3.4-dev.202410281223",
   "keywords": [
     "Kendo UI"
   ],