@progress/kendo-angular-pdfviewer 16.8.0 → 16.9.0-develop.1

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-pdfviewer',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1724742168,
-    version: '16.8.0',
+    publishDate: 1724748682,
+    version: '16.9.0-develop.1',
     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/esm2020/pdfviewer.component.mjs

@@ -5,7 +5,7 @@
 import { Component, ElementRef, EventEmitter, HostBinding, Input, NgZone, Output, Renderer2, ViewChild, isDevMode } from '@angular/core';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from './package-metadata';
-import { INITIAL_ZOOM_LEVEL, zoomOptionsData } from './util';
+import { INITIAL_ZOOM_LEVEL, zoomOptionsData, zoomToFitOptions } from './util';
 import { scrollToPage, Scroller, SearchService, goToNextSearchMatch, goToPreviousSearchMatch, calculateZoomLevel, removeChildren, print, loadPDF, reloadDocument, currentPage } from '@progress/kendo-pdfviewer-common';
 import { hasObservers, shouldShowValidationUI, WatermarkOverlayComponent } from '@progress/kendo-angular-common';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
@@ -65,12 +65,6 @@ export class PDFViewerComponent {
          * @default {}
          */
         this.saveOptions = {};
-        /**
-         * The initial zoom level of the PDF document.
-         *
-         * @default 1.25
-         */
-        this.zoom = INITIAL_ZOOM_LEVEL;
         /**
          * Represents the step the zoom level will be changed with when using the ZoomIn and ZoomOut tools.
          * @default 0.25
@@ -118,7 +112,9 @@ export class PDFViewerComponent {
         this.zoomOptionsData = zoomOptionsData;
         this.zoomLevel = this.zoomOptionsData[5];
         this._pdfContext = null;
-        this._enabedSelection = false;
+        this._enabledSelection = false;
+        this._zoom = INITIAL_ZOOM_LEVEL;
+        this._zoomToFit = false;
         this.subs = new Subscription();
         this.scrollListener = (e) => {
             const nextPage = currentPage(e.target.parentNode);
@@ -137,6 +133,26 @@ export class PDFViewerComponent {
         this.direction = localizationService.rtl ? 'rtl' : 'ltr';
         counter++;
     }
+    /**
+     * The initial zoom level of the PDF document.
+     *
+     * @default 1.25
+     */
+    set zoom(value) {
+        if (typeof value === 'number') {
+            this._zoom = value;
+            this._fitType = null;
+            this.setZoomLevel(value);
+        }
+        else {
+            this._zoom = 1;
+            this._fitType = zoomToFitOptions[value];
+        }
+        this._zoomToFit = typeof value !== 'number';
+    }
+    get zoom() {
+        return this._zoom;
+    }
     /**
      * Returns the current page number of the loaded PDF document.
      */
@@ -178,13 +194,13 @@ export class PDFViewerComponent {
         if (this.pdfScroller) {
             value ? this.pdfScroller.disablePanEventsTracking() : this.pdfScroller.enablePanEventsTracking();
         }
-        this._enabedSelection = value;
+        this._enabledSelection = value;
     }
     /**
      * @hidden
      */
     get enabledSelection() {
-        return this._enabedSelection;
+        return this._enabledSelection;
     }
     ngOnInit() {
         this.subs.add(this.localizationService.changes.subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr'));
@@ -216,9 +232,6 @@ export class PDFViewerComponent {
         if (newUrl || newArrayBuffer || newBase64Data || newTypedArray) {
             this.loadPdf(source, this[source]);
         }
-        if (changes['zoom']) {
-            this.setZoomLevel(changes['zoom'].currentValue);
-        }
     }
     /**
      * Scrolls the PDFViewer document to the specified page number, treating 0 as the first page.
@@ -308,7 +321,7 @@ export class PDFViewerComponent {
     /**
      * @hidden
      */
-    onZoomLevelChange(zoomLevel) {
+    onZoomLevelChange(zoomLevel, emit = true) {
         if (typeof zoomLevel === 'string') {
             const parsedValue = parseFloat(zoomLevel);
             zoomLevel = { value: Number.isNaN(parsedValue) ? 1 : parsedValue / 100 };
@@ -318,7 +331,7 @@ export class PDFViewerComponent {
         }
         let newZoom = calculateZoomLevel(zoomLevel.value, zoomLevel.type, this.pdfContext.zoom, this.pagesContainer.nativeElement);
         newZoom = Math.round(newZoom * 100) / 100;
-        if (hasObservers(this.zoomLevelChange)) {
+        if (emit && hasObservers(this.zoomLevelChange)) {
             this.zoomLevelChange.emit({
                 previousZoomLevel: this.zoom,
                 currentZoomLevel: newZoom
@@ -399,10 +412,17 @@ export class PDFViewerComponent {
                 dom: this.pagesContainer.nativeElement,
                 zoom: this.pdfContext?.zoom || this.zoom,
                 done: (e) => {
-                    this.ngZone.run(() => {
-                        this.loading = false;
+                    if (!this._zoomToFit) {
+                        this.ngZone.run(() => {
+                            this.pdfContext = { ...e, element: this.pagesContainer.nativeElement };
+                            this.loading = false;
+                        });
+                    }
+                    else {
+                        const zoomLevelOption = this.zoomOptionsData.find(item => item.type === this._fitType);
                         this.pdfContext = { ...e, element: this.pagesContainer.nativeElement };
-                    });
+                        this.onZoomLevelChange(zoomLevelOption, false);
+                    }
                     if (this.pdfScroller) {
                         this.pdfScroller.destroy();
                     }

package/esm2020/util.mjs

@@ -70,3 +70,10 @@ export const zoomOptionsData = [{
         displayValue: '400%',
         value: 4
     }];
+/**
+ * @hidden
+ */
+export const zoomToFitOptions = {
+    'fitToPage': 'FitToPage',
+    'fitToWidth': 'FitToWidth'
+};

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

@@ -125,8 +125,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-pdfviewer',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1724742168,
-    version: '16.8.0',
+    publishDate: 1724748682,
+    version: '16.9.0-develop.1',
     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',
 };
 
@@ -198,6 +198,13 @@ const zoomOptionsData = [{
         displayValue: '400%',
         value: 4
     }];
+/**
+ * @hidden
+ */
+const zoomToFitOptions = {
+    'fitToPage': 'FitToPage',
+    'fitToWidth': 'FitToWidth'
+};
 
 /**
  * Arguments for the `download` event. The event fires when the end user clicks the Download tool.
@@ -1174,12 +1181,6 @@ class PDFViewerComponent {
          * @default {}
          */
         this.saveOptions = {};
-        /**
-         * The initial zoom level of the PDF document.
-         *
-         * @default 1.25
-         */
-        this.zoom = INITIAL_ZOOM_LEVEL;
         /**
          * Represents the step the zoom level will be changed with when using the ZoomIn and ZoomOut tools.
          * @default 0.25
@@ -1227,7 +1228,9 @@ class PDFViewerComponent {
         this.zoomOptionsData = zoomOptionsData;
         this.zoomLevel = this.zoomOptionsData[5];
         this._pdfContext = null;
-        this._enabedSelection = false;
+        this._enabledSelection = false;
+        this._zoom = INITIAL_ZOOM_LEVEL;
+        this._zoomToFit = false;
         this.subs = new Subscription();
         this.scrollListener = (e) => {
             const nextPage = currentPage(e.target.parentNode);
@@ -1246,6 +1249,26 @@ class PDFViewerComponent {
         this.direction = localizationService.rtl ? 'rtl' : 'ltr';
         counter++;
     }
+    /**
+     * The initial zoom level of the PDF document.
+     *
+     * @default 1.25
+     */
+    set zoom(value) {
+        if (typeof value === 'number') {
+            this._zoom = value;
+            this._fitType = null;
+            this.setZoomLevel(value);
+        }
+        else {
+            this._zoom = 1;
+            this._fitType = zoomToFitOptions[value];
+        }
+        this._zoomToFit = typeof value !== 'number';
+    }
+    get zoom() {
+        return this._zoom;
+    }
     /**
      * Returns the current page number of the loaded PDF document.
      */
@@ -1290,13 +1313,13 @@ class PDFViewerComponent {
         if (this.pdfScroller) {
             value ? this.pdfScroller.disablePanEventsTracking() : this.pdfScroller.enablePanEventsTracking();
         }
-        this._enabedSelection = value;
+        this._enabledSelection = value;
     }
     /**
      * @hidden
      */
     get enabledSelection() {
-        return this._enabedSelection;
+        return this._enabledSelection;
     }
     ngOnInit() {
         this.subs.add(this.localizationService.changes.subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr'));
@@ -1328,9 +1351,6 @@ class PDFViewerComponent {
         if (newUrl || newArrayBuffer || newBase64Data || newTypedArray) {
             this.loadPdf(source, this[source]);
         }
-        if (changes['zoom']) {
-            this.setZoomLevel(changes['zoom'].currentValue);
-        }
     }
     /**
      * Scrolls the PDFViewer document to the specified page number, treating 0 as the first page.
@@ -1420,7 +1440,7 @@ class PDFViewerComponent {
     /**
      * @hidden
      */
-    onZoomLevelChange(zoomLevel) {
+    onZoomLevelChange(zoomLevel, emit = true) {
         if (typeof zoomLevel === 'string') {
             const parsedValue = parseFloat(zoomLevel);
             zoomLevel = { value: Number.isNaN(parsedValue) ? 1 : parsedValue / 100 };
@@ -1430,7 +1450,7 @@ class PDFViewerComponent {
         }
         let newZoom = calculateZoomLevel(zoomLevel.value, zoomLevel.type, this.pdfContext.zoom, this.pagesContainer.nativeElement);
         newZoom = Math.round(newZoom * 100) / 100;
-        if (hasObservers(this.zoomLevelChange)) {
+        if (emit && hasObservers(this.zoomLevelChange)) {
             this.zoomLevelChange.emit({
                 previousZoomLevel: this.zoom,
                 currentZoomLevel: newZoom
@@ -1512,10 +1532,17 @@ class PDFViewerComponent {
                 dom: this.pagesContainer.nativeElement,
                 zoom: ((_a = this.pdfContext) === null || _a === void 0 ? void 0 : _a.zoom) || this.zoom,
                 done: (e) => {
-                    this.ngZone.run(() => {
-                        this.loading = false;
+                    if (!this._zoomToFit) {
+                        this.ngZone.run(() => {
+                            this.pdfContext = Object.assign(Object.assign({}, e), { element: this.pagesContainer.nativeElement });
+                            this.loading = false;
+                        });
+                    }
+                    else {
+                        const zoomLevelOption = this.zoomOptionsData.find(item => item.type === this._fitType);
                         this.pdfContext = Object.assign(Object.assign({}, e), { element: this.pagesContainer.nativeElement });
-                    });
+                        this.onZoomLevelChange(zoomLevelOption, false);
+                    }
                     if (this.pdfScroller) {
                         this.pdfScroller.destroy();
                     }

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

@@ -125,8 +125,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-pdfviewer',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1724742168,
-    version: '16.8.0',
+    publishDate: 1724748682,
+    version: '16.9.0-develop.1',
     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',
 };
 
@@ -198,6 +198,13 @@ const zoomOptionsData = [{
         displayValue: '400%',
         value: 4
     }];
+/**
+ * @hidden
+ */
+const zoomToFitOptions = {
+    'fitToPage': 'FitToPage',
+    'fitToWidth': 'FitToWidth'
+};
 
 /**
  * Arguments for the `download` event. The event fires when the end user clicks the Download tool.
@@ -1174,12 +1181,6 @@ class PDFViewerComponent {
          * @default {}
          */
         this.saveOptions = {};
-        /**
-         * The initial zoom level of the PDF document.
-         *
-         * @default 1.25
-         */
-        this.zoom = INITIAL_ZOOM_LEVEL;
         /**
          * Represents the step the zoom level will be changed with when using the ZoomIn and ZoomOut tools.
          * @default 0.25
@@ -1227,7 +1228,9 @@ class PDFViewerComponent {
         this.zoomOptionsData = zoomOptionsData;
         this.zoomLevel = this.zoomOptionsData[5];
         this._pdfContext = null;
-        this._enabedSelection = false;
+        this._enabledSelection = false;
+        this._zoom = INITIAL_ZOOM_LEVEL;
+        this._zoomToFit = false;
         this.subs = new Subscription();
         this.scrollListener = (e) => {
             const nextPage = currentPage(e.target.parentNode);
@@ -1246,6 +1249,26 @@ class PDFViewerComponent {
         this.direction = localizationService.rtl ? 'rtl' : 'ltr';
         counter++;
     }
+    /**
+     * The initial zoom level of the PDF document.
+     *
+     * @default 1.25
+     */
+    set zoom(value) {
+        if (typeof value === 'number') {
+            this._zoom = value;
+            this._fitType = null;
+            this.setZoomLevel(value);
+        }
+        else {
+            this._zoom = 1;
+            this._fitType = zoomToFitOptions[value];
+        }
+        this._zoomToFit = typeof value !== 'number';
+    }
+    get zoom() {
+        return this._zoom;
+    }
     /**
      * Returns the current page number of the loaded PDF document.
      */
@@ -1287,13 +1310,13 @@ class PDFViewerComponent {
         if (this.pdfScroller) {
             value ? this.pdfScroller.disablePanEventsTracking() : this.pdfScroller.enablePanEventsTracking();
         }
-        this._enabedSelection = value;
+        this._enabledSelection = value;
     }
     /**
      * @hidden
      */
     get enabledSelection() {
-        return this._enabedSelection;
+        return this._enabledSelection;
     }
     ngOnInit() {
         this.subs.add(this.localizationService.changes.subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr'));
@@ -1325,9 +1348,6 @@ class PDFViewerComponent {
         if (newUrl || newArrayBuffer || newBase64Data || newTypedArray) {
             this.loadPdf(source, this[source]);
         }
-        if (changes['zoom']) {
-            this.setZoomLevel(changes['zoom'].currentValue);
-        }
     }
     /**
      * Scrolls the PDFViewer document to the specified page number, treating 0 as the first page.
@@ -1417,7 +1437,7 @@ class PDFViewerComponent {
     /**
      * @hidden
      */
-    onZoomLevelChange(zoomLevel) {
+    onZoomLevelChange(zoomLevel, emit = true) {
         if (typeof zoomLevel === 'string') {
             const parsedValue = parseFloat(zoomLevel);
             zoomLevel = { value: Number.isNaN(parsedValue) ? 1 : parsedValue / 100 };
@@ -1427,7 +1447,7 @@ class PDFViewerComponent {
         }
         let newZoom = calculateZoomLevel(zoomLevel.value, zoomLevel.type, this.pdfContext.zoom, this.pagesContainer.nativeElement);
         newZoom = Math.round(newZoom * 100) / 100;
-        if (hasObservers(this.zoomLevelChange)) {
+        if (emit && hasObservers(this.zoomLevelChange)) {
             this.zoomLevelChange.emit({
                 previousZoomLevel: this.zoom,
                 currentZoomLevel: newZoom
@@ -1508,10 +1528,17 @@ class PDFViewerComponent {
                 dom: this.pagesContainer.nativeElement,
                 zoom: this.pdfContext?.zoom || this.zoom,
                 done: (e) => {
-                    this.ngZone.run(() => {
-                        this.loading = false;
+                    if (!this._zoomToFit) {
+                        this.ngZone.run(() => {
+                            this.pdfContext = { ...e, element: this.pagesContainer.nativeElement };
+                            this.loading = false;
+                        });
+                    }
+                    else {
+                        const zoomLevelOption = this.zoomOptionsData.find(item => item.type === this._fitType);
                         this.pdfContext = { ...e, element: this.pagesContainer.nativeElement };
-                    });
+                        this.onZoomLevelChange(zoomLevelOption, false);
+                    }
                     if (this.pdfScroller) {
                         this.pdfScroller.destroy();
                     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-pdfviewer",
-  "version": "16.8.0",
+  "version": "16.9.0-develop.1",
   "description": "Kendo UI PDFViewer for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,21 +23,21 @@
     "@angular/core": "15 - 18",
     "@angular/platform-browser": "15 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "16.8.0",
-    "@progress/kendo-angular-common": "16.8.0",
-    "@progress/kendo-angular-dropdowns": "16.8.0",
-    "@progress/kendo-angular-inputs": "16.8.0",
-    "@progress/kendo-angular-intl": "16.8.0",
-    "@progress/kendo-angular-l10n": "16.8.0",
-    "@progress/kendo-angular-icons": "16.8.0",
-    "@progress/kendo-angular-indicators": "16.8.0",
-    "@progress/kendo-angular-pager": "16.8.0",
-    "@progress/kendo-angular-popup": "16.8.0",
+    "@progress/kendo-angular-buttons": "16.9.0-develop.1",
+    "@progress/kendo-angular-common": "16.9.0-develop.1",
+    "@progress/kendo-angular-dropdowns": "16.9.0-develop.1",
+    "@progress/kendo-angular-inputs": "16.9.0-develop.1",
+    "@progress/kendo-angular-intl": "16.9.0-develop.1",
+    "@progress/kendo-angular-l10n": "16.9.0-develop.1",
+    "@progress/kendo-angular-icons": "16.9.0-develop.1",
+    "@progress/kendo-angular-indicators": "16.9.0-develop.1",
+    "@progress/kendo-angular-pager": "16.9.0-develop.1",
+    "@progress/kendo-angular-popup": "16.9.0-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "16.8.0",
+    "@progress/kendo-angular-schematics": "16.9.0-develop.1",
     "@progress/kendo-file-saver": "^1.0.1",
     "@progress/kendo-pdfviewer-common": "0.2.10"
   },

package/pdfviewer.component.d.ts

@@ -65,7 +65,8 @@ export declare class PDFViewerComponent implements OnInit, AfterViewInit, OnDest
      *
      * @default 1.25
      */
-    zoom: number;
+    set zoom(value: number | 'fitToPage' | 'fitToWidth');
+    get zoom(): number;
     /**
      * Represents the step the zoom level will be changed with when using the ZoomIn and ZoomOut tools.
      * @default 0.25
@@ -152,7 +153,10 @@ export declare class PDFViewerComponent implements OnInit, AfterViewInit, OnDest
     })[];
     zoomLevel: ZoomLevel;
     private _pdfContext;
-    private _enabedSelection;
+    private _enabledSelection;
+    private _zoom;
+    private _fitType;
+    private _zoomToFit;
     private pdfScroller;
     private searchService;
     private subs;
@@ -192,7 +196,7 @@ export declare class PDFViewerComponent implements OnInit, AfterViewInit, OnDest
     /**
      * @hidden
      */
-    onZoomLevelChange(zoomLevel: ZoomLevel | string): void;
+    onZoomLevelChange(zoomLevel: ZoomLevel | string, emit?: boolean): void;
     /**
      * @hidden
      */

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': '16.8.0',
-            '@progress/kendo-angular-treeview': '16.8.0'
+            '@progress/kendo-angular-navigation': '16.9.0-develop.1',
+            '@progress/kendo-angular-treeview': '16.9.0-develop.1'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }

package/util.d.ts

@@ -30,3 +30,10 @@ export declare const zoomOptionsData: ({
     value: number;
     type?: undefined;
 })[];
+/**
+ * @hidden
+ */
+export declare const zoomToFitOptions: {
+    fitToPage: string;
+    fitToWidth: string;
+};