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

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

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

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

@@ -45,6 +45,20 @@ class AnnotationStorage {
         this.onResetModified = null;
         this.onAnnotationEditor = null;
     }
+    /**
+    * Get the value for the storage - used purely for debugging purposes.
+    * @returns {Object}
+    */
+    getStorage() {
+        return __classPrivateFieldGet(this, _AnnotationStorage_storage, "f");
+    }
+    /**
+     * Get the modified flag for the storage - used purely for debugging purposes.
+     * @returns {Object}
+     */
+    getModified() {
+        return __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/es/annotations/helpers/text-accessibility-manager.js

@@ -178,6 +178,11 @@ class TextAccessibilityManager {
         }
         return id;
     }
+    destroy() {
+        __classPrivateFieldSet(this, _TextAccessibilityManager_textNodes, new Map(), "f");
+        __classPrivateFieldSet(this, _TextAccessibilityManager_waitingElements, new Map(), "f");
+        __classPrivateFieldSet(this, _TextAccessibilityManager_textChildren, null, "f");
+    }
 }
 _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) {
     const rect1 = e1.getBoundingClientRect();

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

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

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

@@ -124,13 +124,25 @@ class TextLayerBuilder {
      * Cancel rendering of the text layer.
      */
     cancel() {
-        var _b, _c;
+        var _b, _c, _d;
         (_b = __classPrivateFieldGet(this, _TextLayerBuilder_textLayer, "f")) === null || _b === void 0 ? void 0 : _b.cancel();
         __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();
         __classPrivateFieldGet(_a, _a, "m", _TextLayerBuilder_removeGlobalSelectionListener).call(_a, this.div);
     }
+    destroy() {
+        var _b, _c;
+        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;
+    }
 }
 _a = TextLayerBuilder, _TextLayerBuilder_onAppend = new WeakMap(), _TextLayerBuilder_textLayer = new WeakMap(), _TextLayerBuilder_instances = new WeakSet(), _TextLayerBuilder_bindMouse = function _TextLayerBuilder_bindMouse(end) {
     const { div } = this;

package/dist/es/utils.js

@@ -399,10 +399,10 @@ export const scrollToPage = (rootElement, pageNumber) => {
  */
 export 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;
 };
@@ -482,3 +482,4 @@ const createCanvas = (page, zoom = 1, cssClass = '') => {
         styles
     };
 };
+export const getDevicePixelRatio = () => (window === null || window === void 0 ? void 0 : window.devicePixelRatio) || 1;

package/dist/es/widget/page.js

@@ -92,12 +92,31 @@ export class Page extends Component {
         // todo: ported from pdf.js
         this.pdfViewer = options.pdfViewer;
         this.pdfPage = options.pdfPage;
+        __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 @@ export class Page extends 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/es/widget/pdfviewer.js

@@ -1,7 +1,7 @@
-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;
 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, scale as getRenderScale, adjustCanvasSize, createElement } from "../utils";
+import { currentPage, parsePdfFromBase64String, adjustCanvasSize, createElement, getDevicePixelRatio } from "../utils";
 import { SearchService } from "../search";
 import { Scroller, throttle } from "../scroller";
 import { saveAs } from "@progress/kendo-file-saver";
@@ -49,6 +49,7 @@ export class PdfViewer extends 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
@@ -60,6 +61,7 @@ export class PdfViewer extends Component {
             pageWheelThrottleDelay: 200,
             // ported from pdf.js
             printResolution: 100,
+            renderScale: 1.4,
             loadOnDemand: false,
             loadOnDemandPageSize: 2,
             messages: {
@@ -121,7 +123,7 @@ export class PdfViewer extends Component {
         // #annotationEditorHighlightColors = null;
         // #annotationEditorMode = AnnotationEditorType.NONE;
         // #annotationEditorUIManager = null;
-        // #annotationMode = AnnotationMode.ENABLE_FORMS;
+        _PdfViewer_annotationMode.set(this, AnnotationMode.ENABLE);
         // #containerTopLeft = null;
         // #enableHWA = false;
         // #enableHighlightFloatingButton = false;
@@ -181,7 +183,7 @@ export class PdfViewer extends Component {
         // as this can only be obtained by JS
         this.tryTriggerScroll = (e) => {
             let isPageChanged = false;
-            const pageNumber = 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;
@@ -218,6 +220,7 @@ export class PdfViewer extends Component {
                 return;
             }
             e.preventDefault();
+            e.stopPropagation();
             const wheelDelta = mousewheelDelta(e);
             const zoomModifier = wheelDelta < 0 ? 1 : -1;
             const zoomLevel = this.state.zoomLevel + (zoomModifier * this.options.zoomRate);
@@ -236,6 +239,8 @@ export class PdfViewer extends Component {
         this.wrapper = this.element;
         this.initEventBus();
         __classPrivateFieldSet(this, _PdfViewer_eventAbortController, new AbortController(), "f");
+        if (this.options.renderForms)
+            __classPrivateFieldSet(this, _PdfViewer_annotationMode, AnnotationMode.ENABLE_FORMS, "f");
         this.resetState();
         this.bindEvents();
         this.initLinkService();
@@ -326,6 +331,9 @@ export class PdfViewer extends Component {
         }
         updater();
     }
+    getAnnotationMode() {
+        return __classPrivateFieldGet(this, _PdfViewer_annotationMode, "f");
+    }
     getPrintUnits() {
         return this.options.printResolution / PixelsPerInch.PDF;
     }
@@ -740,20 +748,15 @@ export class PdfViewer extends Component {
         if (zoom <= 0) {
             return;
         }
-        const renderScale = getRenderScale();
+        const renderScale = this.options.renderScale * 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 } = 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 = {
@@ -851,7 +854,7 @@ export class PdfViewer extends Component {
                 // optionalContentConfigPromise,
                 // renderingQueue: this.renderingQueue,
                 textLayerMode: TextLayerMode.ENABLE,
-                annotationMode: AnnotationMode.ENABLE,
+                annotationMode: this.getAnnotationMode(),
                 // imageResourcesPath: this.imageResourcesPath,
                 // maxCanvasPixels: this.maxCanvasPixels,
                 // pageColors,
@@ -940,8 +943,16 @@ export class PdfViewer extends 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);
@@ -1628,7 +1639,7 @@ export class PdfViewer extends Component {
         return true;
     }
 }
-_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/dist/es2015/annotations/annotation-editor-layer-builder.js

@@ -112,11 +112,12 @@ class AnnotationEditorLayerBuilder {
         });
     }
     cancel() {
+        var _a;
         this._cancelled = true;
         if (!this.div) {
             return;
         }
-        this.annotationEditorLayer.destroy();
+        (_a = this.annotationEditorLayer) === null || _a === void 0 ? void 0 : _a.destroy();
     }
     hide() {
         if (!this.div) {
@@ -130,6 +131,10 @@ class AnnotationEditorLayerBuilder {
         }
         this.div.hidden = false;
     }
+    destroy() {
+        var _a;
+        (_a = this.annotationEditorLayer) === null || _a === void 0 ? void 0 : _a.destroy();
+    }
 }
 _AnnotationEditorLayerBuilder_annotationLayer = new WeakMap(), _AnnotationEditorLayerBuilder_drawLayer = new WeakMap(), _AnnotationEditorLayerBuilder_onAppend = new WeakMap(), _AnnotationEditorLayerBuilder_textLayer = new WeakMap(), _AnnotationEditorLayerBuilder_uiManager = new WeakMap();
 export { AnnotationEditorLayerBuilder };

package/dist/es2015/annotations/annotation-editor-ui-manager.js

@@ -242,6 +242,9 @@ export class AnnotationEditorUIManager {
         this._eventBus._on("setpreference", this.onSetPreference.bind(this), {
             signal
         });
+        this._eventBus._on("namedaction", this.onNamedAction.bind(this), {
+            signal
+        });
         __classPrivateFieldGet(this, _AnnotationEditorUIManager_instances, "m", _AnnotationEditorUIManager_addSelectionListener).call(this);
         __classPrivateFieldGet(this, _AnnotationEditorUIManager_instances, "m", _AnnotationEditorUIManager_addDragAndDropListeners).call(this);
         __classPrivateFieldGet(this, _AnnotationEditorUIManager_instances, "m", _AnnotationEditorUIManager_addKeyboardManager).call(this);
@@ -388,6 +391,18 @@ export class AnnotationEditorUIManager {
             default: break;
         }
     }
+    onNamedAction(event) {
+        // Processing a couple of named actions that might be useful, see also
+        // `PDFLinkService.executeNamedAction`.
+        switch (event.action) {
+            case "Print":
+                this.triggerPrinting();
+                break;
+            case "SaveAs":
+                this.downloadOrSave();
+                break;
+        }
+    }
     onPageChanging({ pageNumber }) {
         __classPrivateFieldSet(this, _AnnotationEditorUIManager_currentPageIndex, pageNumber - 1, "f");
     }
@@ -407,6 +422,16 @@ export class AnnotationEditorUIManager {
         }
         return null;
     }
+    triggerPrinting() {
+        var _a;
+        (_a = this.pdfViewer) === null || _a === void 0 ? void 0 : _a.printFile();
+    }
+    downloadOrSave() {
+        var _a, _b;
+        (_a = this.pdfViewer) === null || _a === void 0 ? void 0 : _a.downloadFile({
+            fileName: (_b = this.pdfViewer) === null || _b === void 0 ? void 0 : _b.options.downloadFileName
+        });
+    }
     disableUserSelect(value = false) {
         var _a;
         (_a = __classPrivateFieldGet(this, _AnnotationEditorUIManager_viewer, "f")) === null || _a === void 0 ? void 0 : _a.classList.toggle("noUserSelect", value);

package/dist/es2015/annotations/annotation-layer-builder.js

@@ -143,8 +143,8 @@ class AnnotationLayerBuilder {
             (_b = __classPrivateFieldGet(this, _AnnotationLayerBuilder_onAppend, "f")) === null || _b === void 0 ? void 0 : _b.call(this, div);
             this.annotationLayer = new AnnotationLayer({
                 div,
-                // accessibilityManager: this._accessibilityManager,
-                accessibilityManager: null,
+                accessibilityManager: this._accessibilityManager,
+                // accessibilityManager: null,
                 annotationCanvasMap: this._annotationCanvasMap,
                 annotationEditorUIManager: this._annotationEditorUIManager,
                 page: this.pdfPage,
@@ -154,9 +154,9 @@ class AnnotationLayerBuilder {
                 annotations,
                 // imageResourcesPath: this.imageResourcesPath,
                 renderForms: this.renderForms,
-                linkService: this.linkService
+                linkService: this.linkService,
                 // downloadManager: this.downloadManager,
-                // annotationStorage: this.annotationStorage,
+                annotationStorage: this.annotationStorage
                 // enableScripting: this.enableScripting,
                 // hasJSActions,
                 // fieldObjects,
@@ -190,6 +190,16 @@ class AnnotationLayerBuilder {
         var _a;
         return !!((_a = this.annotationLayer) === null || _a === void 0 ? void 0 : _a.hasEditableAnnotations());
     }
+    destroy() {
+        var _a, _b, _c;
+        this.cancel();
+        (_a = this.annotationLayer) === null || _a === void 0 ? void 0 : _a.destroy();
+        this.annotationLayer = null;
+        (_b = __classPrivateFieldGet(this, _AnnotationLayerBuilder_eventAbortController, "f")) === null || _b === void 0 ? void 0 : _b.abort();
+        __classPrivateFieldSet(this, _AnnotationLayerBuilder_eventAbortController, null, "f");
+        (_c = this.div) === null || _c === void 0 ? void 0 : _c.remove();
+        this.div = null;
+    }
 }
 _AnnotationLayerBuilder_onAppend = new WeakMap(), _AnnotationLayerBuilder_eventAbortController = new WeakMap(), _AnnotationLayerBuilder_instances = new WeakSet(), _AnnotationLayerBuilder_updatePresentationModeState = function _AnnotationLayerBuilder_updatePresentationModeState(state) {
     if (!this.div) {