@progress/kendo-pdfviewer-common 0.4.2-develop.1 → 0.5.0-develop.2

package/dist/npm/annotations/draw-layer-builder.d.ts

@@ -1,3 +1,4 @@
+import { DrawLayer } from "./draw-layer";
 /**
  * @typedef {Object} DrawLayerBuilderOptions
  * @property {number} pageIndex
@@ -16,6 +17,7 @@ declare class DrawLayerBuilder {
     render(intent?: string): Promise<void>;
     cancel(): void;
     setParent(parent: any): void;
-    getDrawLayer(): any;
+    getDrawLayer(): DrawLayer;
+    destroy(): void;
 }
 export { DrawLayerBuilder };

package/dist/npm/annotations/draw-layer-builder.js

@@ -50,10 +50,11 @@ class DrawLayerBuilder {
     }
     cancel() {
         // this._cancelled = true;
+        var _a;
         if (!tslib_1.__classPrivateFieldGet(this, _DrawLayerBuilder_drawLayer, "f")) {
             return;
         }
-        tslib_1.__classPrivateFieldGet(this, _DrawLayerBuilder_drawLayer, "f").destroy();
+        (_a = tslib_1.__classPrivateFieldGet(this, _DrawLayerBuilder_drawLayer, "f")) === null || _a === void 0 ? void 0 : _a.destroy();
         tslib_1.__classPrivateFieldSet(this, _DrawLayerBuilder_drawLayer, null, "f");
     }
     setParent(parent) {
@@ -63,6 +64,9 @@ class DrawLayerBuilder {
     getDrawLayer() {
         return tslib_1.__classPrivateFieldGet(this, _DrawLayerBuilder_drawLayer, "f");
     }
+    destroy() {
+        this.cancel();
+    }
 }
 exports.DrawLayerBuilder = DrawLayerBuilder;
 _DrawLayerBuilder_drawLayer = new WeakMap();

package/dist/npm/annotations/helpers/annotation-storage.d.ts

@@ -12,6 +12,16 @@ declare class AnnotationStorage {
     onResetModified: any;
     onAnnotationEditor: any;
     constructor();
+    /**
+    * Get the value for the storage - used purely for debugging purposes.
+    * @returns {Object}
+    */
+    getStorage(): Map<any, any>;
+    /**
+     * Get the modified flag for the storage - used purely for debugging purposes.
+     * @returns {Object}
+     */
+    getModified(): boolean;
     /**
      * Get the value for a given key if it exists, or return the default value.
      * @param {string} key

package/dist/npm/annotations/helpers/annotation-storage.js

@@ -49,6 +49,20 @@ class AnnotationStorage {
         this.onResetModified = null;
         this.onAnnotationEditor = null;
     }
+    /**
+    * Get the value for the storage - used purely for debugging purposes.
+    * @returns {Object}
+    */
+    getStorage() {
+        return tslib_1.__classPrivateFieldGet(this, _AnnotationStorage_storage, "f");
+    }
+    /**
+     * Get the modified flag for the storage - used purely for debugging purposes.
+     * @returns {Object}
+     */
+    getModified() {
+        return tslib_1.__classPrivateFieldGet(this, _AnnotationStorage_modified, "f");
+    }
     /**
      * Get the value for a given key if it exists, or return the default value.
      * @param {string} key

package/dist/npm/annotations/helpers/text-accessibility-manager.d.ts

@@ -32,5 +32,6 @@ declare class TextAccessibilityManager {
      * @returns {string|null} The id in the struct tree if any.
      */
     moveElementInDOM(container: any, element: any, contentElement: any, isRemovable: any): any;
+    destroy(): void;
 }
 export { TextAccessibilityManager };

package/dist/npm/annotations/helpers/text-accessibility-manager.js

@@ -181,6 +181,11 @@ class TextAccessibilityManager {
         }
         return id;
     }
+    destroy() {
+        tslib_1.__classPrivateFieldSet(this, _TextAccessibilityManager_textNodes, new Map(), "f");
+        tslib_1.__classPrivateFieldSet(this, _TextAccessibilityManager_waitingElements, new Map(), "f");
+        tslib_1.__classPrivateFieldSet(this, _TextAccessibilityManager_textChildren, null, "f");
+    }
 }
 exports.TextAccessibilityManager = TextAccessibilityManager;
 _a = TextAccessibilityManager, _TextAccessibilityManager_enabled = new WeakMap(), _TextAccessibilityManager_textChildren = new WeakMap(), _TextAccessibilityManager_textNodes = new WeakMap(), _TextAccessibilityManager_waitingElements = new WeakMap(), _TextAccessibilityManager_instances = new WeakSet(), _TextAccessibilityManager_compareElementPositions = function _TextAccessibilityManager_compareElementPositions(e1, e2) {

package/dist/npm/annotations/shared/event_utils.d.ts

@@ -4,6 +4,10 @@
  */
 declare class EventBus {
     #private;
+    /**
+     * Returs the current event listeners - used purely for debugging purposes.
+     */
+    getListeners(): any;
     /**
      * @param {string} eventName
      * @param {function} listener

package/dist/npm/annotations/shared/event_utils.js

@@ -67,6 +67,12 @@ class EventBus {
     constructor() {
         _EventBus_listeners.set(this, Object.create(null));
     }
+    /**
+     * Returs the current event listeners - used purely for debugging purposes.
+     */
+    getListeners() {
+        return tslib_1.__classPrivateFieldGet(this, _EventBus_listeners, "f");
+    }
     /**
      * @param {string} eventName
      * @param {function} listener

package/dist/npm/text/text-layer-builder.d.ts

@@ -1,3 +1,4 @@
+import { TextAccessibilityManager } from "../annotations/helpers/text-accessibility-manager";
 /**
  * The text layer builder provides text selection functionality for the PDF.
  * It does this by creating overlay divs over the PDF's text. These divs
@@ -7,7 +8,7 @@ declare class TextLayerBuilder {
     #private;
     pdfPage: any;
     div: any;
-    accessibilityManager: any;
+    accessibilityManager: TextAccessibilityManager;
     constructor({ pdfPage, accessibilityManager, styles, onAppend }: {
         pdfPage: any;
         accessibilityManager: any;
@@ -26,5 +27,6 @@ declare class TextLayerBuilder {
      * Cancel rendering of the text layer.
      */
     cancel(): void;
+    destroy(): void;
 }
 export { TextLayerBuilder };

package/dist/npm/text/text-layer-builder.js

@@ -127,13 +127,25 @@ class TextLayerBuilder {
      * Cancel rendering of the text layer.
      */
     cancel() {
-        var _b, _c;
+        var _b, _c, _d;
         (_b = tslib_1.__classPrivateFieldGet(this, _TextLayerBuilder_textLayer, "f")) === null || _b === void 0 ? void 0 : _b.cancel();
         tslib_1.__classPrivateFieldSet(this, _TextLayerBuilder_textLayer, null, "f");
         // this.highlighter?.disable();
         (_c = this.accessibilityManager) === null || _c === void 0 ? void 0 : _c.disable();
+        (_d = this.accessibilityManager) === null || _d === void 0 ? void 0 : _d.destroy();
         tslib_1.__classPrivateFieldGet(_a, _a, "m", _TextLayerBuilder_removeGlobalSelectionListener).call(_a, this.div);
     }
+    destroy() {
+        var _b, _c;
+        pdf_mjs_1.TextLayer.cleanup();
+        this.cancel();
+        this.pdfPage = null;
+        // this.highlighter = null;
+        (_b = this.accessibilityManager) === null || _b === void 0 ? void 0 : _b.destroy();
+        this.accessibilityManager = null;
+        (_c = this.div) === null || _c === void 0 ? void 0 : _c.remove();
+        this.div = null;
+    }
 }
 exports.TextLayerBuilder = TextLayerBuilder;
 _a = TextLayerBuilder, _TextLayerBuilder_onAppend = new WeakMap(), _TextLayerBuilder_textLayer = new WeakMap(), _TextLayerBuilder_instances = new WeakSet(), _TextLayerBuilder_bindMouse = function _TextLayerBuilder_bindMouse(end) {

package/dist/npm/utils.d.ts

@@ -121,3 +121,4 @@ export declare const adjustCanvasSize: (targetWidth: number, targetHeight: numbe
     adjustedHeight: number;
     adjustRatio: number;
 };
+export declare const getDevicePixelRatio: () => number;

package/dist/npm/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.adjustCanvasSize = exports.currentPage = exports.scrollToPage = exports.calculateZoomLevel = exports.goToPreviousSearchMatch = exports.goToNextSearchMatch = exports.renderPage = exports.transforms = exports.createElement = exports.print = exports.reloadDocument = exports.loadPDF = exports.download = exports.removeChildren = exports.parsePdfFromBase64String = exports.scale = exports.DEFAULT_ZOOM_LEVEL = void 0;
+exports.getDevicePixelRatio = exports.adjustCanvasSize = exports.currentPage = exports.scrollToPage = exports.calculateZoomLevel = exports.goToPreviousSearchMatch = exports.goToNextSearchMatch = exports.renderPage = exports.transforms = exports.createElement = exports.print = exports.reloadDocument = exports.loadPDF = exports.download = exports.removeChildren = exports.parsePdfFromBase64String = exports.scale = exports.DEFAULT_ZOOM_LEVEL = void 0;
 const kendo_file_saver_1 = require("@progress/kendo-file-saver");
 const kendo_common_1 = require("@progress/kendo-common");
 const pdf_mjs_1 = require("pdfjs-dist/legacy/build/pdf.mjs");
@@ -415,10 +415,10 @@ exports.scrollToPage = scrollToPage;
  */
 const currentPage = (rootElement) => {
     const scrollElement = rootElement.querySelector('.k-pdf-viewer-canvas');
-    const page = rootElement.querySelector('.k-page');
+    const page = rootElement.querySelector('.k-page:not(.k-blank-page)');
     return scrollElement && page
         ? Math.floor(Math.round(scrollElement.scrollTop) /
-            (page.offsetHeight + page.offsetTop) +
+            Math.max(1, page.offsetHeight + page.offsetTop) +
             0.01)
         : 0;
 };
@@ -500,3 +500,5 @@ const createCanvas = (page, zoom = 1, cssClass = '') => {
         styles
     };
 };
+const getDevicePixelRatio = () => (window === null || window === void 0 ? void 0 : window.devicePixelRatio) || 1;
+exports.getDevicePixelRatio = getDevicePixelRatio;

package/dist/npm/widget/page.js

@@ -92,12 +92,31 @@ class Page extends component_1.Component {
         // todo: ported from pdf.js
         this.pdfViewer = options.pdfViewer;
         this.pdfPage = options.pdfPage;
+        tslib_1.__classPrivateFieldSet(this, _Page_annotationMode, this.pdfViewer.getAnnotationMode(), "f");
         this.resetState();
     }
     destroy() {
+        var _a, _b, _c, _d, _e;
         this.destroyTextLayer();
+        if (this.canvas) {
+            this.canvas.width = 0;
+            this.canvas.height = 0;
+            this.canvas.remove();
+            this.canvas = null;
+        }
+        if (this.canvasForPrint) {
+            this.canvasForPrint.width = 0;
+            this.canvasForPrint.height = 0;
+            this.canvasForPrint.remove();
+            this.canvasForPrint = null;
+        }
+        (_a = this.drawLayer) === null || _a === void 0 ? void 0 : _a.destroy();
+        (_b = this.annotationLayer) === null || _b === void 0 ? void 0 : _b.destroy();
+        (_c = this.annotationEditorLayer) === null || _c === void 0 ? void 0 : _c.destroy();
+        (_d = this.div) === null || _d === void 0 ? void 0 : _d.remove();
         this.div = null;
         this.pdfViewer = null;
+        (_e = this.pdfPage) === null || _e === void 0 ? void 0 : _e.cleanup();
         this.pdfPage = null;
     }
     get isEditing() {
@@ -128,6 +147,9 @@ class Page extends component_1.Component {
         return viewport;
     }
     destroyTextLayer() {
+        var _a, _b;
+        (_a = this.textLayer) === null || _a === void 0 ? void 0 : _a.cancel();
+        (_b = this.textLayer) === null || _b === void 0 ? void 0 : _b.destroy();
         this.removeTextLayer();
         this.textLayer = null;
     }

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

@@ -39,6 +39,7 @@ export declare class PdfViewer extends Component {
     set annotationEditorParams({ type, value }: any);
     get annotationEditorMode(): any;
     set annotationEditorMode({ mode, editId, isFromKeyboard }: any);
+    getAnnotationMode(): number;
     getPrintUnits(): number;
     extendOptions(options: any): void;
     setOptions(options: any): void;

package/dist/npm/widget/pdfviewer.js

@@ -1,5 +1,5 @@
 "use strict";
-var _PdfViewer_instances, _PdfViewer_annotationEditorMode, _PdfViewer_switchAnnotationEditorModeTimeoutId, _PdfViewer_eventAbortController, _PdfViewer_onPageRenderedCallback, _PdfViewer_switchToEditAnnotationMode, _PdfViewer_scrollIntoView;
+var _PdfViewer_instances, _PdfViewer_annotationEditorMode, _PdfViewer_switchAnnotationEditorModeTimeoutId, _PdfViewer_annotationMode, _PdfViewer_eventAbortController, _PdfViewer_onPageRenderedCallback, _PdfViewer_switchToEditAnnotationMode, _PdfViewer_scrollIntoView;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PdfViewer = void 0;
 const tslib_1 = require("tslib");
@@ -52,6 +52,7 @@ class PdfViewer extends main_1.Component {
             zoomLevel: DEFAULT_ZOOM_LEVEL,
             zoomBeforePrint: false,
             zoomLevelForPrint: 3,
+            renderForms: false,
             searchMatchScrollLeftOffset: 0,
             // add some default offset, so that the found match
             // does not appear on the top edge of the page when navigated to
@@ -63,6 +64,7 @@ class PdfViewer extends main_1.Component {
             pageWheelThrottleDelay: 200,
             // ported from pdf.js
             printResolution: 100,
+            renderScale: 1.4,
             loadOnDemand: false,
             loadOnDemandPageSize: 2,
             messages: {
@@ -124,7 +126,7 @@ class PdfViewer extends main_1.Component {
         // #annotationEditorHighlightColors = null;
         // #annotationEditorMode = AnnotationEditorType.NONE;
         // #annotationEditorUIManager = null;
-        // #annotationMode = AnnotationMode.ENABLE_FORMS;
+        _PdfViewer_annotationMode.set(this, utils_2.AnnotationMode.ENABLE);
         // #containerTopLeft = null;
         // #enableHWA = false;
         // #enableHighlightFloatingButton = false;
@@ -184,7 +186,7 @@ class PdfViewer extends main_1.Component {
         // as this can only be obtained by JS
         this.tryTriggerScroll = (e) => {
             let isPageChanged = false;
-            const pageNumber = (0, utils_1.currentPage)(this.element) + 1;
+            const pageNumber = this.getCurrentPageIndex() + 1;
             if (pageNumber !== this.state.activePageNumber && (pageNumber >= 1 && pageNumber <= this.state.pdfDocument.numPages)) {
                 isPageChanged = true;
                 this.state.activePageNumber = pageNumber;
@@ -221,6 +223,7 @@ class PdfViewer extends main_1.Component {
                 return;
             }
             e.preventDefault();
+            e.stopPropagation();
             const wheelDelta = (0, main_1.mousewheelDelta)(e);
             const zoomModifier = wheelDelta < 0 ? 1 : -1;
             const zoomLevel = this.state.zoomLevel + (zoomModifier * this.options.zoomRate);
@@ -239,6 +242,8 @@ class PdfViewer extends main_1.Component {
         this.wrapper = this.element;
         this.initEventBus();
         tslib_1.__classPrivateFieldSet(this, _PdfViewer_eventAbortController, new AbortController(), "f");
+        if (this.options.renderForms)
+            tslib_1.__classPrivateFieldSet(this, _PdfViewer_annotationMode, utils_2.AnnotationMode.ENABLE_FORMS, "f");
         this.resetState();
         this.bindEvents();
         this.initLinkService();
@@ -329,6 +334,9 @@ class PdfViewer extends main_1.Component {
         }
         updater();
     }
+    getAnnotationMode() {
+        return tslib_1.__classPrivateFieldGet(this, _PdfViewer_annotationMode, "f");
+    }
     getPrintUnits() {
         return this.options.printResolution / pdf_mjs_1.PixelsPerInch.PDF;
     }
@@ -743,20 +751,15 @@ class PdfViewer extends main_1.Component {
         if (zoom <= 0) {
             return;
         }
-        const renderScale = (0, utils_1.scale)();
+        const renderScale = this.options.renderScale * (0, utils_1.getDevicePixelRatio)();
         let scaleNum = zoom * renderScale;
         if (printUnits) {
             scaleNum = zoom || renderScale;
         }
-        // const scaleNum = zoom * renderScale;
         // 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);
-        // const styles = {
-        //     width: Math.floor(viewport.width / scaleNum) * zoom + 'pt',
-        //     height: Math.floor(viewport.height / scaleNum) * zoom + 'pt'
-        // };
         // use PageView.setLayerDimensions
         const { pageWidth, pageHeight } = viewport.rawDims;
         const styles = {
@@ -854,7 +857,7 @@ class PdfViewer extends main_1.Component {
                 // optionalContentConfigPromise,
                 // renderingQueue: this.renderingQueue,
                 textLayerMode: ui_utils_1.TextLayerMode.ENABLE,
-                annotationMode: utils_2.AnnotationMode.ENABLE,
+                annotationMode: this.getAnnotationMode(),
                 // imageResourcesPath: this.imageResourcesPath,
                 // maxCanvasPixels: this.maxCanvasPixels,
                 // pageColors,
@@ -943,8 +946,16 @@ class PdfViewer extends main_1.Component {
                 // and then revert
                 serializedAnnotationStorage = {};
                 originalAnnotationStorage = options.pdf.annotationStorage.getAll();
+                // With the form filling functionality enabled, values could be coming as pure JSON objects,
+                // thus the additional assertion.
                 Object.keys(originalAnnotationStorage).forEach((key) => {
-                    serializedAnnotationStorage[key] = originalAnnotationStorage[key].toJSON();
+                    var _a;
+                    if (typeof ((_a = originalAnnotationStorage[key]) === null || _a === void 0 ? void 0 : _a.toJSON) === "function") {
+                        serializedAnnotationStorage[key] = originalAnnotationStorage[key].toJSON();
+                    }
+                    else {
+                        serializedAnnotationStorage[key] = originalAnnotationStorage[key];
+                    }
                 });
                 Object.keys(originalAnnotationStorage).forEach((key) => {
                     options.pdf.annotationStorage.remove(key);
@@ -1632,7 +1643,7 @@ class PdfViewer extends main_1.Component {
     }
 }
 exports.PdfViewer = PdfViewer;
-_PdfViewer_annotationEditorMode = new WeakMap(), _PdfViewer_switchAnnotationEditorModeTimeoutId = new WeakMap(), _PdfViewer_eventAbortController = new WeakMap(), _PdfViewer_onPageRenderedCallback = new WeakMap(), _PdfViewer_instances = new WeakSet(), _PdfViewer_switchToEditAnnotationMode = function _PdfViewer_switchToEditAnnotationMode() {
+_PdfViewer_annotationEditorMode = new WeakMap(), _PdfViewer_switchAnnotationEditorModeTimeoutId = new WeakMap(), _PdfViewer_annotationMode = new WeakMap(), _PdfViewer_eventAbortController = new WeakMap(), _PdfViewer_onPageRenderedCallback = new WeakMap(), _PdfViewer_instances = new WeakSet(), _PdfViewer_switchToEditAnnotationMode = function _PdfViewer_switchToEditAnnotationMode() {
     // const visible = this._getVisiblePages();
     // const visible = this._getVisiblePages();
     const pagesToRefresh = [];

package/package.json

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