@progress/kendo-pdfviewer-common 0.5.0-develop.3 → 0.5.0-develop.5

package/dist/es/utils.js

@@ -24,7 +24,7 @@ const isFirefox = (userAgent) => {
  * @hidden
  */
 export const DEFAULT_ZOOM_LEVEL = 1.25;
-export const scale = () => (isIOS() ? devicePixelRatio : devicePixelRatio * 3);
+export const scale = (renderScale = 3) => (isIOS() ? devicePixelRatio : devicePixelRatio * (renderScale || 3));
 export const parsePdfFromBase64String = (base64String) => {
     return atob(base64String.replace(/^(data:application\/pdf;base64,)/gi, ''));
 };

package/dist/es/widget/page.js

@@ -163,10 +163,9 @@ 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 pageHeight = Math.floor(viewportRawDimensions.pageHeight * printUnits);
-        const pageWidth = Math.floor(viewportRawDimensions.pageWidth * printUnits);
+        const pageHeight = Math.floor(viewportRawDimensions.pageHeight);
+        const pageWidth = Math.floor(viewportRawDimensions.pageWidth);
         printContent.src = canvas.toDataURL();
         printContent.width = pageWidth;
         printContent.height = pageHeight;

package/dist/es/widget/pdfviewer.js

@@ -1,7 +1,7 @@
 var _PdfViewer_instances, _PdfViewer_annotationEditorMode, _PdfViewer_switchAnnotationEditorModeTimeoutId, _PdfViewer_annotationMode, _PdfViewer_eventAbortController, _PdfViewer_onPageRenderedCallback, _PdfViewer_switchToEditAnnotationMode, _PdfViewer_scrollIntoView;
 import { __awaiter, __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 import { deepExtend, Component, isString, toArray, noop, hasValue, toClassSelector, addClass, removeClass, mousewheelDelta, convertToHtml, clamp, createPromise } from "../common/main";
-import { currentPage, parsePdfFromBase64String, adjustCanvasSize, createElement, getDevicePixelRatio } from "../utils";
+import { currentPage, parsePdfFromBase64String, adjustCanvasSize, createElement, scale as getScale } from "../utils";
 import { SearchService } from "../search";
 import { Scroller, throttle } from "../scroller";
 import { saveAs } from "@progress/kendo-file-saver";
@@ -61,7 +61,8 @@ export class PdfViewer extends Component {
             pageWheelThrottleDelay: 200,
             // ported from pdf.js
             printResolution: 100,
-            renderScale: 1.4,
+            // the render scale that is used for controlling the render quality
+            renderScale: 3,
             loadOnDemand: false,
             loadOnDemandPageSize: 2,
             messages: {
@@ -254,6 +255,7 @@ export class PdfViewer extends Component {
     destroy() {
         this.destroyEventBus();
         this.unbindEvents();
+        this.clearDocument();
         this.destroySearchService();
         this.destroyAnnotationEditorUIManager();
         this.destroyDocumentScroller();
@@ -430,6 +432,7 @@ export class PdfViewer extends Component {
     destroyAnnotationEditorUIManager() {
         var _a;
         (_a = this.annotationEditorUIManager) === null || _a === void 0 ? void 0 : _a.destroy();
+        this.annotationEditorUIManager = null;
     }
     bindEventBusAnnotationsEvents() {
         const eventBus = this.eventBus = this.eventBus || new EventBus();
@@ -749,22 +752,21 @@ export class PdfViewer extends Component {
         if (zoom <= 0) {
             return;
         }
-        const renderScale = this.options.renderScale * getDevicePixelRatio();
-        let scaleNum = zoom * renderScale;
+        let scaleNum = getScale(this.options.renderScale);
         if (printUnits) {
-            scaleNum = zoom || renderScale;
+            scaleNum = zoom || scaleNum;
         }
         // changing the viewport dimensions here requires changes in
         // page.getPrintContentAsync for the printing dimensions
         const viewport = pdfPage === null || pdfPage === void 0 ? void 0 : pdfPage.getViewport({ scale: scaleNum });
         const { adjustedWidth, adjustedHeight, adjustRatio } = adjustCanvasSize(viewport.width, viewport.height);
-        // use PageView.setLayerDimensions
-        const { pageWidth, pageHeight } = viewport.rawDims;
         const styles = {
             // "round" is supported in all browsers since May 2024
             // https://developer.mozilla.org/en-US/docs/Web/CSS/round#browser_compatibility
-            width: `round(var(--scale-factor) * ${pageWidth}px, 1px)`,
-            height: `round(var(--scale-factor) * ${pageHeight}px, 1px)`
+            // width: `round(var(--scale-factor) * ${pageWidth}px, 1px)`,
+            // height: `round(var(--scale-factor) * ${pageHeight}px, 1px)`
+            width: `round(var(--scale-factor) * ${viewport.width / scaleNum}px, 1px)`,
+            height: `round(var(--scale-factor) * ${viewport.height / scaleNum}px, 1px)`
         };
         const pageElement = createElement("div", "k-page", styles);
         const canvas = createElement("canvas", '', {

package/dist/es2015/utils.js

@@ -24,7 +24,7 @@ const isFirefox = (userAgent) => {
  * @hidden
  */
 export const DEFAULT_ZOOM_LEVEL = 1.25;
-export const scale = () => (isIOS() ? devicePixelRatio : devicePixelRatio * 3);
+export const scale = (renderScale = 3) => (isIOS() ? devicePixelRatio : devicePixelRatio * (renderScale || 3));
 export const parsePdfFromBase64String = (base64String) => {
     return atob(base64String.replace(/^(data:application\/pdf;base64,)/gi, ''));
 };

package/dist/es2015/widget/page.js

@@ -163,10 +163,9 @@ 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 pageHeight = Math.floor(viewportRawDimensions.pageHeight * printUnits);
-        const pageWidth = Math.floor(viewportRawDimensions.pageWidth * printUnits);
+        const pageHeight = Math.floor(viewportRawDimensions.pageHeight);
+        const pageWidth = Math.floor(viewportRawDimensions.pageWidth);
         printContent.src = canvas.toDataURL();
         printContent.width = pageWidth;
         printContent.height = pageHeight;

package/dist/es2015/widget/pdfviewer.js

@@ -1,7 +1,7 @@
 var _PdfViewer_instances, _PdfViewer_annotationEditorMode, _PdfViewer_switchAnnotationEditorModeTimeoutId, _PdfViewer_annotationMode, _PdfViewer_eventAbortController, _PdfViewer_onPageRenderedCallback, _PdfViewer_switchToEditAnnotationMode, _PdfViewer_scrollIntoView;
 import { __awaiter, __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 import { deepExtend, Component, isString, toArray, noop, hasValue, toClassSelector, addClass, removeClass, mousewheelDelta, convertToHtml, clamp, createPromise } from "../common/main";
-import { currentPage, parsePdfFromBase64String, adjustCanvasSize, createElement, getDevicePixelRatio } from "../utils";
+import { currentPage, parsePdfFromBase64String, adjustCanvasSize, createElement, scale as getScale } from "../utils";
 import { SearchService } from "../search";
 import { Scroller, throttle } from "../scroller";
 import { saveAs } from "@progress/kendo-file-saver";
@@ -61,7 +61,8 @@ export class PdfViewer extends Component {
             pageWheelThrottleDelay: 200,
             // ported from pdf.js
             printResolution: 100,
-            renderScale: 1.4,
+            // the render scale that is used for controlling the render quality
+            renderScale: 3,
             loadOnDemand: false,
             loadOnDemandPageSize: 2,
             messages: {
@@ -254,6 +255,7 @@ export class PdfViewer extends Component {
     destroy() {
         this.destroyEventBus();
         this.unbindEvents();
+        this.clearDocument();
         this.destroySearchService();
         this.destroyAnnotationEditorUIManager();
         this.destroyDocumentScroller();
@@ -430,6 +432,7 @@ export class PdfViewer extends Component {
     destroyAnnotationEditorUIManager() {
         var _a;
         (_a = this.annotationEditorUIManager) === null || _a === void 0 ? void 0 : _a.destroy();
+        this.annotationEditorUIManager = null;
     }
     bindEventBusAnnotationsEvents() {
         const eventBus = this.eventBus = this.eventBus || new EventBus();
@@ -749,22 +752,21 @@ export class PdfViewer extends Component {
         if (zoom <= 0) {
             return;
         }
-        const renderScale = this.options.renderScale * getDevicePixelRatio();
-        let scaleNum = zoom * renderScale;
+        let scaleNum = getScale(this.options.renderScale);
         if (printUnits) {
-            scaleNum = zoom || renderScale;
+            scaleNum = zoom || scaleNum;
         }
         // changing the viewport dimensions here requires changes in
         // page.getPrintContentAsync for the printing dimensions
         const viewport = pdfPage === null || pdfPage === void 0 ? void 0 : pdfPage.getViewport({ scale: scaleNum });
         const { adjustedWidth, adjustedHeight, adjustRatio } = adjustCanvasSize(viewport.width, viewport.height);
-        // use PageView.setLayerDimensions
-        const { pageWidth, pageHeight } = viewport.rawDims;
         const styles = {
             // "round" is supported in all browsers since May 2024
             // https://developer.mozilla.org/en-US/docs/Web/CSS/round#browser_compatibility
-            width: `round(var(--scale-factor) * ${pageWidth}px, 1px)`,
-            height: `round(var(--scale-factor) * ${pageHeight}px, 1px)`
+            // width: `round(var(--scale-factor) * ${pageWidth}px, 1px)`,
+            // height: `round(var(--scale-factor) * ${pageHeight}px, 1px)`
+            width: `round(var(--scale-factor) * ${viewport.width / scaleNum}px, 1px)`,
+            height: `round(var(--scale-factor) * ${viewport.height / scaleNum}px, 1px)`
         };
         const pageElement = createElement("div", "k-page", styles);
         const canvas = createElement("canvas", '', {

package/dist/npm/utils.d.ts

@@ -50,7 +50,7 @@ export interface PDFReloadParameters {
  * @hidden
  */
 export declare const DEFAULT_ZOOM_LEVEL = 1.25;
-export declare const scale: () => number;
+export declare const scale: (renderScale?: number) => number;
 export declare const parsePdfFromBase64String: (base64String: string) => string;
 /**
  * @hidden

package/dist/npm/utils.js

@@ -27,7 +27,7 @@ const isFirefox = (userAgent) => {
  * @hidden
  */
 exports.DEFAULT_ZOOM_LEVEL = 1.25;
-const scale = () => (isIOS() ? devicePixelRatio : devicePixelRatio * 3);
+const scale = (renderScale = 3) => (isIOS() ? devicePixelRatio : devicePixelRatio * (renderScale || 3));
 exports.scale = scale;
 const parsePdfFromBase64String = (base64String) => {
     return atob(base64String.replace(/^(data:application\/pdf;base64,)/gi, ''));

package/dist/npm/widget/page.js

@@ -163,10 +163,9 @@ 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 pageHeight = Math.floor(viewportRawDimensions.pageHeight * printUnits);
-        const pageWidth = Math.floor(viewportRawDimensions.pageWidth * printUnits);
+        const pageHeight = Math.floor(viewportRawDimensions.pageHeight);
+        const pageWidth = Math.floor(viewportRawDimensions.pageWidth);
         printContent.src = canvas.toDataURL();
         printContent.width = pageWidth;
         printContent.height = pageHeight;

package/dist/npm/widget/pdfviewer.js

@@ -64,7 +64,8 @@ class PdfViewer extends main_1.Component {
             pageWheelThrottleDelay: 200,
             // ported from pdf.js
             printResolution: 100,
-            renderScale: 1.4,
+            // the render scale that is used for controlling the render quality
+            renderScale: 3,
             loadOnDemand: false,
             loadOnDemandPageSize: 2,
             messages: {
@@ -257,6 +258,7 @@ class PdfViewer extends main_1.Component {
     destroy() {
         this.destroyEventBus();
         this.unbindEvents();
+        this.clearDocument();
         this.destroySearchService();
         this.destroyAnnotationEditorUIManager();
         this.destroyDocumentScroller();
@@ -433,6 +435,7 @@ class PdfViewer extends main_1.Component {
     destroyAnnotationEditorUIManager() {
         var _a;
         (_a = this.annotationEditorUIManager) === null || _a === void 0 ? void 0 : _a.destroy();
+        this.annotationEditorUIManager = null;
     }
     bindEventBusAnnotationsEvents() {
         const eventBus = this.eventBus = this.eventBus || new event_utils_1.EventBus();
@@ -752,22 +755,21 @@ class PdfViewer extends main_1.Component {
         if (zoom <= 0) {
             return;
         }
-        const renderScale = this.options.renderScale * (0, utils_1.getDevicePixelRatio)();
-        let scaleNum = zoom * renderScale;
+        let scaleNum = (0, utils_1.scale)(this.options.renderScale);
         if (printUnits) {
-            scaleNum = zoom || renderScale;
+            scaleNum = zoom || scaleNum;
         }
         // changing the viewport dimensions here requires changes in
         // page.getPrintContentAsync for the printing dimensions
         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);
-        // use PageView.setLayerDimensions
-        const { pageWidth, pageHeight } = viewport.rawDims;
         const styles = {
             // "round" is supported in all browsers since May 2024
             // https://developer.mozilla.org/en-US/docs/Web/CSS/round#browser_compatibility
-            width: `round(var(--scale-factor) * ${pageWidth}px, 1px)`,
-            height: `round(var(--scale-factor) * ${pageHeight}px, 1px)`
+            // width: `round(var(--scale-factor) * ${pageWidth}px, 1px)`,
+            // height: `round(var(--scale-factor) * ${pageHeight}px, 1px)`
+            width: `round(var(--scale-factor) * ${viewport.width / scaleNum}px, 1px)`,
+            height: `round(var(--scale-factor) * ${viewport.height / scaleNum}px, 1px)`
         };
         const pageElement = (0, utils_1.createElement)("div", "k-page", styles);
         const canvas = (0, utils_1.createElement)("canvas", '', {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-pdfviewer-common",
   "description": "Kendo UI TypeScript package exporting functions for PDFViewer component",
-  "version": "0.5.0-develop.3",
+  "version": "0.5.0-develop.5",
   "keywords": [
     "Kendo UI"
   ],