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

package/dist/es/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/es/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,
@@ -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) {

package/dist/es/annotations/annotation-layer.js

@@ -2766,6 +2766,12 @@ class AnnotationLayer {
     getEditableAnnotation(id) {
         return __classPrivateFieldGet(this, _AnnotationLayer_editableAnnotations, "f").get(id);
     }
+    destroy() {
+        var _a, _b;
+        (_a = __classPrivateFieldGet(this, _AnnotationLayer_annotationCanvasMap, "f")) === null || _a === void 0 ? void 0 : _a.clear();
+        (_b = this.div) === null || _b === void 0 ? void 0 : _b.remove();
+        this.div = null;
+    }
 }
 _AnnotationLayer_accessibilityManager = new WeakMap(), _AnnotationLayer_annotationCanvasMap = new WeakMap(), _AnnotationLayer_editableAnnotations = new WeakMap(), _AnnotationLayer_instances = new WeakSet(), _AnnotationLayer_appendElement = function _AnnotationLayer_appendElement(element, id) {
     var _a;

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/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/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

@@ -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

@@ -96,9 +96,27 @@ export class Page extends Component {
         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() {
@@ -129,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_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";
@@ -61,6 +61,7 @@ export class PdfViewer extends Component {
             pageWheelThrottleDelay: 200,
             // ported from pdf.js
             printResolution: 100,
+            renderScale: 1.4,
             loadOnDemand: false,
             loadOnDemandPageSize: 2,
             messages: {
@@ -78,6 +79,7 @@ export class PdfViewer extends Component {
             },
             elementSelectors: {
                 pageSelector: "k-page:not(.k-blank-page)",
+                anyPageSelector: "k-page",
                 pagesContainerClass: "k-pdf-viewer-pages",
                 pageCanvasWrapper: "k-canvas-wrapper",
                 documentContainerClass: "k-pdf-viewer-canvas",
@@ -219,6 +221,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);
@@ -746,20 +749,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 = {
@@ -1019,9 +1017,12 @@ export class PdfViewer extends Component {
     }
     calculateZoomLevel({ zoomLevel, zoomLevelType, currentZoom }) {
         const documentContainer = this.getDocumentContainer();
-        const page = documentContainer.querySelector(toClassSelector(this.options.elementSelectors.pageSelector));
-        const pageSize = { width: page.offsetWidth, height: page.offsetHeight };
+        const page = documentContainer.querySelector(toClassSelector(this.options.elementSelectors.anyPageSelector));
         let calculatedZoomLevel = clamp(zoomLevel || DEFAULT_ZOOM_LEVEL, this.options.minZoom, this.options.maxZoom);
+        if (!hasValue(page)) {
+            return calculatedZoomLevel;
+        }
+        const pageSize = { width: page.offsetWidth, height: page.offsetHeight };
         if (zoomLevelType === "ActualWidth" || zoomLevelType === "actualWidth") {
             calculatedZoomLevel = 1;
         }

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-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,
@@ -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) {

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

@@ -2766,6 +2766,12 @@ class AnnotationLayer {
     getEditableAnnotation(id) {
         return __classPrivateFieldGet(this, _AnnotationLayer_editableAnnotations, "f").get(id);
     }
+    destroy() {
+        var _a, _b;
+        (_a = __classPrivateFieldGet(this, _AnnotationLayer_annotationCanvasMap, "f")) === null || _a === void 0 ? void 0 : _a.clear();
+        (_b = this.div) === null || _b === void 0 ? void 0 : _b.remove();
+        this.div = null;
+    }
 }
 _AnnotationLayer_accessibilityManager = new WeakMap(), _AnnotationLayer_annotationCanvasMap = new WeakMap(), _AnnotationLayer_editableAnnotations = new WeakMap(), _AnnotationLayer_instances = new WeakSet(), _AnnotationLayer_appendElement = function _AnnotationLayer_appendElement(element, id) {
     var _a;

package/dist/es2015/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/es2015/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/es2015/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/es2015/utils.js

@@ -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/es2015/widget/page.js

@@ -96,9 +96,27 @@ export class Page extends Component {
         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() {
@@ -129,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/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, 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";
@@ -61,6 +61,7 @@ export class PdfViewer extends Component {
             pageWheelThrottleDelay: 200,
             // ported from pdf.js
             printResolution: 100,
+            renderScale: 1.4,
             loadOnDemand: false,
             loadOnDemandPageSize: 2,
             messages: {
@@ -78,6 +79,7 @@ export class PdfViewer extends Component {
             },
             elementSelectors: {
                 pageSelector: "k-page:not(.k-blank-page)",
+                anyPageSelector: "k-page",
                 pagesContainerClass: "k-pdf-viewer-pages",
                 pageCanvasWrapper: "k-canvas-wrapper",
                 documentContainerClass: "k-pdf-viewer-canvas",
@@ -219,6 +221,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);
@@ -746,20 +749,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 = {
@@ -1019,9 +1017,12 @@ export class PdfViewer extends Component {
     }
     calculateZoomLevel({ zoomLevel, zoomLevelType, currentZoom }) {
         const documentContainer = this.getDocumentContainer();
-        const page = documentContainer.querySelector(toClassSelector(this.options.elementSelectors.pageSelector));
-        const pageSize = { width: page.offsetWidth, height: page.offsetHeight };
+        const page = documentContainer.querySelector(toClassSelector(this.options.elementSelectors.anyPageSelector));
         let calculatedZoomLevel = clamp(zoomLevel || DEFAULT_ZOOM_LEVEL, this.options.minZoom, this.options.maxZoom);
+        if (!hasValue(page)) {
+            return calculatedZoomLevel;
+        }
+        const pageSize = { width: page.offsetWidth, height: page.offsetHeight };
         if (zoomLevelType === "ActualWidth" || zoomLevelType === "actualWidth") {
             calculatedZoomLevel = 1;
         }

package/dist/npm/annotations/annotation-editor-layer-builder.d.ts

@@ -5,6 +5,7 @@
 /** @typedef {import("./interfaces").IL10n} IL10n */
 /** @typedef {import("../src/display/annotation_layer.js").AnnotationLayer} AnnotationLayer */
 import { AnnotationEditorLayer } from "./annotation-editor-layer";
+import { TextAccessibilityManager } from "./helpers/text-accessibility-manager";
 /**
  * @typedef {Object} AnnotationEditorLayerBuilderOptions
  * @property {AnnotationEditorUIManager} [uiManager]
@@ -22,7 +23,7 @@ declare class AnnotationEditorLayerBuilder {
     annotationEditorLayer: AnnotationEditorLayer;
     _cancelled: any;
     div: any;
-    accessibilityManager: any;
+    accessibilityManager: TextAccessibilityManager;
     /**
      * @param {AnnotationEditorLayerBuilderOptions} options
      */
@@ -35,5 +36,6 @@ declare class AnnotationEditorLayerBuilder {
     cancel(): void;
     hide(): void;
     show(): void;
+    destroy(): void;
 }
 export { AnnotationEditorLayerBuilder };

package/dist/npm/annotations/annotation-editor-layer-builder.js

@@ -115,11 +115,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) {
@@ -133,6 +134,10 @@ class AnnotationEditorLayerBuilder {
         }
         this.div.hidden = false;
     }
+    destroy() {
+        var _a;
+        (_a = this.annotationEditorLayer) === null || _a === void 0 ? void 0 : _a.destroy();
+    }
 }
 exports.AnnotationEditorLayerBuilder = AnnotationEditorLayerBuilder;
 _AnnotationEditorLayerBuilder_annotationLayer = new WeakMap(), _AnnotationEditorLayerBuilder_drawLayer = new WeakMap(), _AnnotationEditorLayerBuilder_onAppend = new WeakMap(), _AnnotationEditorLayerBuilder_textLayer = new WeakMap(), _AnnotationEditorLayerBuilder_uiManager = new WeakMap();

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

@@ -1,5 +1,6 @@
 import { PDFLinkService } from "../links/link-service";
 import { AnnotationLayer } from "./annotation-layer";
+import { TextAccessibilityManager } from "./helpers/text-accessibility-manager";
 import { EventBus } from "./shared/event_utils";
 /**
  * @typedef {Object} AnnotationLayerBuilderOptions
@@ -30,7 +31,7 @@ declare class AnnotationLayerBuilder {
     div: any;
     _cancelled: any;
     _eventBus: EventBus;
-    _accessibilityManager: any;
+    _accessibilityManager: TextAccessibilityManager;
     renderForms: any;
     /**
      * @param {AnnotationLayerBuilderOptions} options
@@ -56,5 +57,6 @@ declare class AnnotationLayerBuilder {
     cancel(): void;
     hide(): void;
     hasEditableAnnotations(): boolean;
+    destroy(): void;
 }
 export { AnnotationLayerBuilder };

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

@@ -146,8 +146,8 @@ class AnnotationLayerBuilder {
             (_b = tslib_1.__classPrivateFieldGet(this, _AnnotationLayerBuilder_onAppend, "f")) === null || _b === void 0 ? void 0 : _b.call(this, div);
             this.annotationLayer = new annotation_layer_1.AnnotationLayer({
                 div,
-                // accessibilityManager: this._accessibilityManager,
-                accessibilityManager: null,
+                accessibilityManager: this._accessibilityManager,
+                // accessibilityManager: null,
                 annotationCanvasMap: this._annotationCanvasMap,
                 annotationEditorUIManager: this._annotationEditorUIManager,
                 page: this.pdfPage,
@@ -193,6 +193,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 = tslib_1.__classPrivateFieldGet(this, _AnnotationLayerBuilder_eventAbortController, "f")) === null || _b === void 0 ? void 0 : _b.abort();
+        tslib_1.__classPrivateFieldSet(this, _AnnotationLayerBuilder_eventAbortController, null, "f");
+        (_c = this.div) === null || _c === void 0 ? void 0 : _c.remove();
+        this.div = null;
+    }
 }
 exports.AnnotationLayerBuilder = AnnotationLayerBuilder;
 _AnnotationLayerBuilder_onAppend = new WeakMap(), _AnnotationLayerBuilder_eventAbortController = new WeakMap(), _AnnotationLayerBuilder_instances = new WeakSet(), _AnnotationLayerBuilder_updatePresentationModeState = function _AnnotationLayerBuilder_updatePresentationModeState(state) {

package/dist/npm/annotations/annotation-layer.d.ts

@@ -1,3 +1,4 @@
+import { AnnotationEditorUIManager } from "./annotation-editor-ui-manager";
 declare class AnnotationElement {
     #private;
     isRenderable: any;
@@ -101,7 +102,7 @@ declare class AnnotationLayer {
     page: any;
     viewport: any;
     zIndex: any;
-    _annotationEditorUIManager: any;
+    _annotationEditorUIManager: AnnotationEditorUIManager;
     constructor({ div, accessibilityManager, annotationCanvasMap, annotationEditorUIManager, page, viewport }: {
         div: any;
         accessibilityManager: any;
@@ -130,5 +131,6 @@ declare class AnnotationLayer {
     }): void;
     getEditableAnnotations(): any[];
     getEditableAnnotation(id: any): any;
+    destroy(): void;
 }
 export { AnnotationLayer, FreeTextAnnotationElement };

package/dist/npm/annotations/annotation-layer.js

@@ -2770,6 +2770,12 @@ class AnnotationLayer {
     getEditableAnnotation(id) {
         return tslib_1.__classPrivateFieldGet(this, _AnnotationLayer_editableAnnotations, "f").get(id);
     }
+    destroy() {
+        var _a, _b;
+        (_a = tslib_1.__classPrivateFieldGet(this, _AnnotationLayer_annotationCanvasMap, "f")) === null || _a === void 0 ? void 0 : _a.clear();
+        (_b = this.div) === null || _b === void 0 ? void 0 : _b.remove();
+        this.div = null;
+    }
 }
 exports.AnnotationLayer = AnnotationLayer;
 _AnnotationLayer_accessibilityManager = new WeakMap(), _AnnotationLayer_annotationCanvasMap = new WeakMap(), _AnnotationLayer_editableAnnotations = new WeakMap(), _AnnotationLayer_instances = new WeakSet(), _AnnotationLayer_appendElement = function _AnnotationLayer_appendElement(element, id) {

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/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/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");
@@ -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

@@ -96,9 +96,27 @@ class Page extends component_1.Component {
         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() {
@@ -129,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.js

@@ -64,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: {
@@ -81,6 +82,7 @@ class PdfViewer extends main_1.Component {
             },
             elementSelectors: {
                 pageSelector: "k-page:not(.k-blank-page)",
+                anyPageSelector: "k-page",
                 pagesContainerClass: "k-pdf-viewer-pages",
                 pageCanvasWrapper: "k-canvas-wrapper",
                 documentContainerClass: "k-pdf-viewer-canvas",
@@ -222,6 +224,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);
@@ -749,20 +752,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 = {
@@ -1022,9 +1020,12 @@ class PdfViewer extends main_1.Component {
     }
     calculateZoomLevel({ zoomLevel, zoomLevelType, currentZoom }) {
         const documentContainer = this.getDocumentContainer();
-        const page = documentContainer.querySelector((0, main_1.toClassSelector)(this.options.elementSelectors.pageSelector));
-        const pageSize = { width: page.offsetWidth, height: page.offsetHeight };
+        const page = documentContainer.querySelector((0, main_1.toClassSelector)(this.options.elementSelectors.anyPageSelector));
         let calculatedZoomLevel = (0, main_1.clamp)(zoomLevel || DEFAULT_ZOOM_LEVEL, this.options.minZoom, this.options.maxZoom);
+        if (!(0, main_1.hasValue)(page)) {
+            return calculatedZoomLevel;
+        }
+        const pageSize = { width: page.offsetWidth, height: page.offsetHeight };
         if (zoomLevelType === "ActualWidth" || zoomLevelType === "actualWidth") {
             calculatedZoomLevel = 1;
         }

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.1",
+  "version": "0.5.0-develop.3",
   "keywords": [
     "Kendo UI"
   ],