@progress/kendo-angular-pdfviewer 19.0.0-develop.2 → 19.0.0-develop.4

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1745321906,
-    version: '19.0.0-develop.2',
+    publishDate: 1745572380,
+    version: '19.0.0-develop.4',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning',
 };

package/esm2022/pdfviewer.component.mjs

@@ -275,7 +275,7 @@ export class PDFViewerComponent {
      * @hidden
      */
     onPageChange(e) {
-        this.scrollToPage(e.skip + 1);
+        this.ngZone.runOutsideAngular(() => this.scrollToPage(e.skip + 1));
     }
     /**
      * @hidden
@@ -313,7 +313,6 @@ export class PDFViewerComponent {
                 currentZoomLevel: newZoom
             });
             this.zoom = this.pdfContext.zoom = newZoom;
-            this.setZoomLevel(newZoom);
         }
     }
     /**
@@ -327,7 +326,6 @@ export class PDFViewerComponent {
                 currentZoomLevel: newZoom
             });
             this.zoom = this.pdfContext.zoom = newZoom;
-            this.setZoomLevel(newZoom);
         }
     }
     /**
@@ -346,7 +344,7 @@ export class PDFViewerComponent {
             zoomLevelType: zoomLevel.type,
             currentZoom: this.zoom
         }) : Math.min(Math.max(zoomLevel.value, this.minZoom), this.maxZoom);
-        newZoom = Math.floor(newZoom * 100) / 100;
+        newZoom = Math.round((newZoom + Number.EPSILON) * 100) / 100;
         const sameZoom = this.zoom === newZoom;
         if (!sameZoom) {
             emit && this.zoneAwareEmitter('zoomLevelChange', {
@@ -355,7 +353,9 @@ export class PDFViewerComponent {
             });
             this.zoom = this.pdfContext.zoom = newZoom;
         }
-        this.setZoomLevel(newZoom, zoomLevel.type);
+        else {
+            this.setZoomLevel(newZoom, zoomLevel.type);
+        }
     }
     /**
      * @hidden
@@ -406,9 +406,9 @@ export class PDFViewerComponent {
         this.pdfViewerWidget?.destroy();
         this.loading = true;
         this.emitLoad = true;
-        this.ngZone.runOutsideAngular(() => setTimeout(() => {
+        this.ngZone.runOutsideAngular(() => {
             // try to destroy if new dynamic data source
-            removeChildren(this.pagesContainer.nativeElement);
+            this.pagesContainer && removeChildren(this.pagesContainer.nativeElement);
             const file = dataType === 'url' || dataType === 'data' ? { [dataType]: data } : { data };
             this.pdfViewerWidget = new PdfViewer(this.host.nativeElement, {
                 loadOnDemand: this.loadOnDemand,
@@ -429,7 +429,7 @@ export class PDFViewerComponent {
                     error: this.errorHandler
                 }
             });
-        }));
+        });
     }
     assignPageIds() {
         this.pagesContainer.nativeElement.querySelectorAll('.k-page').forEach((pageElement, index) => {
@@ -444,8 +444,7 @@ export class PDFViewerComponent {
             displayValue: `${Math.round(zoom * 100)}%`,
             text: `${Math.round(zoom * 100)}%`
         };
-        this.pdfViewerWidget?.setState({ zoomLevel: zoom });
-        this.pdfViewerWidget?.reloadFile(this.pdfContext.pdfDoc);
+        this.pdfViewerWidget?.zoom({ zoomLevel: zoom, zoomLevelType: type });
     }
     verifySettings(changes) {
         const sourceTypes = ['url', 'arrayBuffer', 'data', 'typedArray'];
@@ -476,32 +475,28 @@ export class PDFViewerComponent {
             this.pdfViewerWidget.documentScroller.enablePanEventsTracking();
         }
         if (!this._zoomToFit) {
-            this.ngZone.run(() => {
-                this.pdfContext = { ...e, element: this.pagesContainer.nativeElement, zoom: e.sender.state.zoomLevel };
-                this.loading = false;
-                if (this.emitLoad) {
-                    this.zoneAwareEmitter('load', { context: this.pdfContext });
-                    this.emitLoad = false;
-                }
-            });
+            this.pdfContext = { ...e, element: this.pagesContainer.nativeElement, zoom: e.sender.state.zoomLevel };
+            if (this.emitLoad) {
+                this.zoneAwareEmitter('load', { context: this.pdfContext });
+                this.emitLoad = false;
+            }
         }
         else {
             const zoomLevelOption = this.zoomOptionsData.find(item => item.type === this._fitType);
             this.pdfContext = { ...e, element: this.pagesContainer.nativeElement };
             this.onZoomLevelChange(zoomLevelOption, false);
-            this.pdfViewerWidget.reloadFile(this.pdfContext.pdfDoc);
         }
         this.cdr.markForCheck();
         this.assignPageIds();
+        this.ngZone.run(() => this.loading = false);
     };
     zoomEndHandler = (e) => {
-        const zoom = Math.min(Math.max(e.zoomLevel, this.minZoom), this.maxZoom);
+        const zoom = Math.round(Math.min(Math.max(e.zoomLevel, this.minZoom), this.maxZoom) * 100) / 100;
         this.zoneAwareEmitter('zoomLevelChange', {
             currentZoomLevel: zoom,
             previousZoomLevel: this.zoom
         });
         this.zoom = zoom;
-        this.setZoomLevel(zoom);
     };
     errorHandler = (e) => {
         this.ngZone.run(() => this.loading = false);

package/fesm2022/progress-kendo-angular-pdfviewer.mjs

@@ -228,8 +228,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1745321906,
-    version: '19.0.0-develop.2',
+    publishDate: 1745572380,
+    version: '19.0.0-develop.4',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning',
 };
 
@@ -1585,7 +1585,7 @@ class PDFViewerComponent {
      * @hidden
      */
     onPageChange(e) {
-        this.scrollToPage(e.skip + 1);
+        this.ngZone.runOutsideAngular(() => this.scrollToPage(e.skip + 1));
     }
     /**
      * @hidden
@@ -1623,7 +1623,6 @@ class PDFViewerComponent {
                 currentZoomLevel: newZoom
             });
             this.zoom = this.pdfContext.zoom = newZoom;
-            this.setZoomLevel(newZoom);
         }
     }
     /**
@@ -1637,7 +1636,6 @@ class PDFViewerComponent {
                 currentZoomLevel: newZoom
             });
             this.zoom = this.pdfContext.zoom = newZoom;
-            this.setZoomLevel(newZoom);
         }
     }
     /**
@@ -1656,7 +1654,7 @@ class PDFViewerComponent {
             zoomLevelType: zoomLevel.type,
             currentZoom: this.zoom
         }) : Math.min(Math.max(zoomLevel.value, this.minZoom), this.maxZoom);
-        newZoom = Math.floor(newZoom * 100) / 100;
+        newZoom = Math.round((newZoom + Number.EPSILON) * 100) / 100;
         const sameZoom = this.zoom === newZoom;
         if (!sameZoom) {
             emit && this.zoneAwareEmitter('zoomLevelChange', {
@@ -1665,7 +1663,9 @@ class PDFViewerComponent {
             });
             this.zoom = this.pdfContext.zoom = newZoom;
         }
-        this.setZoomLevel(newZoom, zoomLevel.type);
+        else {
+            this.setZoomLevel(newZoom, zoomLevel.type);
+        }
     }
     /**
      * @hidden
@@ -1716,9 +1716,9 @@ class PDFViewerComponent {
         this.pdfViewerWidget?.destroy();
         this.loading = true;
         this.emitLoad = true;
-        this.ngZone.runOutsideAngular(() => setTimeout(() => {
+        this.ngZone.runOutsideAngular(() => {
             // try to destroy if new dynamic data source
-            removeChildren(this.pagesContainer.nativeElement);
+            this.pagesContainer && removeChildren(this.pagesContainer.nativeElement);
             const file = dataType === 'url' || dataType === 'data' ? { [dataType]: data } : { data };
             this.pdfViewerWidget = new PdfViewer(this.host.nativeElement, {
                 loadOnDemand: this.loadOnDemand,
@@ -1739,7 +1739,7 @@ class PDFViewerComponent {
                     error: this.errorHandler
                 }
             });
-        }));
+        });
     }
     assignPageIds() {
         this.pagesContainer.nativeElement.querySelectorAll('.k-page').forEach((pageElement, index) => {
@@ -1754,8 +1754,7 @@ class PDFViewerComponent {
             displayValue: `${Math.round(zoom * 100)}%`,
             text: `${Math.round(zoom * 100)}%`
         };
-        this.pdfViewerWidget?.setState({ zoomLevel: zoom });
-        this.pdfViewerWidget?.reloadFile(this.pdfContext.pdfDoc);
+        this.pdfViewerWidget?.zoom({ zoomLevel: zoom, zoomLevelType: type });
     }
     verifySettings(changes) {
         const sourceTypes = ['url', 'arrayBuffer', 'data', 'typedArray'];
@@ -1786,32 +1785,28 @@ class PDFViewerComponent {
             this.pdfViewerWidget.documentScroller.enablePanEventsTracking();
         }
         if (!this._zoomToFit) {
-            this.ngZone.run(() => {
-                this.pdfContext = { ...e, element: this.pagesContainer.nativeElement, zoom: e.sender.state.zoomLevel };
-                this.loading = false;
-                if (this.emitLoad) {
-                    this.zoneAwareEmitter('load', { context: this.pdfContext });
-                    this.emitLoad = false;
-                }
-            });
+            this.pdfContext = { ...e, element: this.pagesContainer.nativeElement, zoom: e.sender.state.zoomLevel };
+            if (this.emitLoad) {
+                this.zoneAwareEmitter('load', { context: this.pdfContext });
+                this.emitLoad = false;
+            }
         }
         else {
             const zoomLevelOption = this.zoomOptionsData.find(item => item.type === this._fitType);
             this.pdfContext = { ...e, element: this.pagesContainer.nativeElement };
             this.onZoomLevelChange(zoomLevelOption, false);
-            this.pdfViewerWidget.reloadFile(this.pdfContext.pdfDoc);
         }
         this.cdr.markForCheck();
         this.assignPageIds();
+        this.ngZone.run(() => this.loading = false);
     };
     zoomEndHandler = (e) => {
-        const zoom = Math.min(Math.max(e.zoomLevel, this.minZoom), this.maxZoom);
+        const zoom = Math.round(Math.min(Math.max(e.zoomLevel, this.minZoom), this.maxZoom) * 100) / 100;
         this.zoneAwareEmitter('zoomLevelChange', {
             currentZoomLevel: zoom,
             previousZoomLevel: this.zoom
         });
         this.zoom = zoom;
-        this.setZoomLevel(zoom);
     };
     errorHandler = (e) => {
         this.ngZone.run(() => this.loading = false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-pdfviewer",
-  "version": "19.0.0-develop.2",
+  "version": "19.0.0-develop.4",
   "description": "Kendo UI PDFViewer for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -19,7 +19,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1745321906,
+      "publishDate": 1745572380,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
     }
   },
@@ -29,21 +29,21 @@
     "@angular/core": "16 - 19",
     "@angular/platform-browser": "16 - 19",
     "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-buttons": "19.0.0-develop.2",
-    "@progress/kendo-angular-common": "19.0.0-develop.2",
-    "@progress/kendo-angular-dropdowns": "19.0.0-develop.2",
-    "@progress/kendo-angular-inputs": "19.0.0-develop.2",
-    "@progress/kendo-angular-intl": "19.0.0-develop.2",
-    "@progress/kendo-angular-l10n": "19.0.0-develop.2",
-    "@progress/kendo-angular-icons": "19.0.0-develop.2",
-    "@progress/kendo-angular-indicators": "19.0.0-develop.2",
-    "@progress/kendo-angular-pager": "19.0.0-develop.2",
-    "@progress/kendo-angular-popup": "19.0.0-develop.2",
+    "@progress/kendo-angular-buttons": "19.0.0-develop.4",
+    "@progress/kendo-angular-common": "19.0.0-develop.4",
+    "@progress/kendo-angular-dropdowns": "19.0.0-develop.4",
+    "@progress/kendo-angular-inputs": "19.0.0-develop.4",
+    "@progress/kendo-angular-intl": "19.0.0-develop.4",
+    "@progress/kendo-angular-l10n": "19.0.0-develop.4",
+    "@progress/kendo-angular-icons": "19.0.0-develop.4",
+    "@progress/kendo-angular-indicators": "19.0.0-develop.4",
+    "@progress/kendo-angular-pager": "19.0.0-develop.4",
+    "@progress/kendo-angular-popup": "19.0.0-develop.4",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.0.0-develop.2",
+    "@progress/kendo-angular-schematics": "19.0.0-develop.4",
     "@progress/kendo-file-saver": "^1.0.1",
     "@progress/kendo-pdfviewer-common": "0.4.1"
   },

package/schematics/ngAdd/index.js

@@ -4,8 +4,8 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'PDFViewerModule', package: 'pdfviewer', peerDependencies: {
             // peers of the dropdowns
-            '@progress/kendo-angular-navigation': '19.0.0-develop.2',
-            '@progress/kendo-angular-treeview': '19.0.0-develop.2'
+            '@progress/kendo-angular-navigation': '19.0.0-develop.4',
+            '@progress/kendo-angular-treeview': '19.0.0-develop.4'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }