@progress/kendo-angular-pdfviewer 22.0.1 → 22.1.0-develop.10

package/README.md

@@ -22,7 +22,10 @@ The [Kendo UI for Angular PDFViewer](https://www.telerik.com/kendo-angular-ui/co
 Among the many features which the Kendo UI for Angular PDFViewer delivers are:
 
 * [Data Binding](https://www.telerik.com/kendo-angular-ui/components/pdfviewer/data-binding)—The PDFViewer supports diverse data binding types such as `URL` string, `Base64` string, `ArrayBuffer` object, or `TypedArray` object.
+* [Blank Page](https://www.telerik.com/kendo-angular-ui/components/pdfviewer/blank-page)—The PDFViewer renders a blank view when no document is loaded. You can customize the blank view and handle file selection.
 * [Toolbar Tools](https://www.telerik.com/kendo-angular-ui/components/pdfviewer/tools)—The PDF Viewer offers built-in toolbar tools, enabling users to interact with the component and execute various actions on the PDF content such as page navigation, text search, zoom in and out, download, upload print and many more.
+* [Form Filling](https://www.telerik.com/kendo-angular-ui/components/pdfviewer/form-filling)—The PDFViewer enables users to fill out interactive PDF forms directly within the component and export the document with all the entered values preserved.
+* [Load Pages on Demand](https://www.telerik.com/kendo-angular-ui/components/pdfviewer/load-on-demand)—Optimize the loading time and performance of the PDFViewer by loading pages on demand as users navigate through the document.
 * [Events](https://www.telerik.com/kendo-angular-ui/components/pdfviewer/events)—The PDFViewer exposes various events that allows you to easily handle and customize file operations.
 * [Accessibility](https://www.telerik.com/kendo-angular-ui/components/pdfviewer/accessibility)—The PDFViewer is accessible for screen readers and supports WAI-ARIA attributes.
 * [Keyboard Navigation](https://www.telerik.com/kendo-angular-ui/components/pdfviewer/keyboard-navigation)—The PDFViewer supports a number of keyboard shortcuts which allow users to accomplish various commands.

package/directives.d.ts

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { PDFViewerCustomMessagesComponent } from "./localization/custom-messages.component";
 import { PDFViewerComponent } from "./pdfviewer.component";
+import { BlankPageTemplateDirective } from "./templates/blank-page-template.directive";
 /**
  * Use the `KENDO_PDFVIEWER` utility array to add all `@progress/kendo-angular-pdf-viewer`-related components and directives to a standalone Angular component.
  *
@@ -21,4 +22,4 @@ import { PDFViewerComponent } from "./pdfviewer.component";
  * export class AppComponent {}
  * ```
  */
-export declare const KENDO_PDFVIEWER: readonly [typeof PDFViewerComponent, typeof PDFViewerCustomMessagesComponent];
+export declare const KENDO_PDFVIEWER: readonly [typeof PDFViewerComponent, typeof PDFViewerCustomMessagesComponent, typeof BlankPageTemplateDirective];

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

@@ -3,12 +3,13 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { Input, Directive, forwardRef, Component, Injectable, HostBinding, EventEmitter, Output, ViewChild, ElementRef, HostListener, isDevMode, ViewContainerRef, NgModule } from '@angular/core';
+import { Input, Directive, forwardRef, Component, Injectable, HostBinding, EventEmitter, Output, ViewChild, ElementRef, HostListener, isDevMode, ViewContainerRef, ContentChild, NgModule } from '@angular/core';
 import * as i1 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { PdfViewerInteractionMode, removeChildren, PdfViewer } from '@progress/kendo-pdfviewer-common';
 import { PreventableEvent, Keys, normalizeKeys, focusableSelector, getLicenseMessage, shouldShowValidationUI, hasObservers, EventsOutsideAngularDirective, WatermarkOverlayComponent, ResizeBatchService } from '@progress/kendo-angular-common';
+import { FileSelectComponent, UploadDropZoneComponent, CustomMessagesComponent as CustomMessagesComponent$1 } from '@progress/kendo-angular-upload';
 import { Subscription } from 'rxjs';
 import { PagerComponent, CustomMessagesComponent } from '@progress/kendo-angular-pager';
 import { zoomInIcon, zoomOutIcon, handIcon, pointerIcon, searchIcon, folderOpenIcon, downloadIcon, printIcon, trackChangesIcon, highlightIcon, freeTextIcon, xIcon, convertLowercaseIcon, arrowUpIcon, arrowDownIcon, paletteIcon, trashIcon, checkIcon } from '@progress/kendo-svg-icons';
@@ -25,6 +26,7 @@ import * as i2$1 from '@progress/kendo-angular-popup';
 import { PopupService } from '@progress/kendo-angular-popup';
 import * as i1$2 from '@progress/kendo-angular-dialog';
 import { DialogService } from '@progress/kendo-angular-dialog';
+import { NgTemplateOutlet } from '@angular/common';
 import { IconsService } from '@progress/kendo-angular-icons';
 
 /**
@@ -183,8 +185,20 @@ class Messages extends ComponentMessages {
      * Sets the label for the PDF viewer canvas container.
      */
     canvasLabel;
+    /**
+     * Sets the text for the FileSelect drop zone hint when no file is being dragged.
+     */
+    blankPageDropFilesHere;
+    /**
+     * Sets the text for the FileSelect external drop zone hint when no file is being dragged.
+     */
+    blankPageExternalDropFilesHere;
+    /**
+     * Sets the text for the FileSelect button in the blank page drop zone.
+     */
+    blankPageSelect;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: Messages, isStandalone: true, selector: "kendo-pdfviewer-messages-base", inputs: { zoomInTitle: "zoomInTitle", zoomOutTitle: "zoomOutTitle", selectionTitle: "selectionTitle", panningTitle: "panningTitle", searchTitle: "searchTitle", openTitle: "openTitle", downloadTitle: "downloadTitle", printTitle: "printTitle", pagerInputLabel: "pagerInputLabel", pagerInputTitle: "pagerInputTitle", pagerFirstPage: "pagerFirstPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerLastPage: "pagerLastPage", pagerOf: "pagerOf", pagerPage: "pagerPage", fitToPage: "fitToPage", fitToWidth: "fitToWidth", searchInputPlaceholder: "searchInputPlaceholder", searchMatchesOf: "searchMatchesOf", searchPreviousMatchTitle: "searchPreviousMatchTitle", searchNextMatchTitle: "searchNextMatchTitle", searchCloseTitle: "searchCloseTitle", searchMatchCaseTitle: "searchMatchCaseTitle", zoomInputPlaceholder: "zoomInputPlaceholder", annotationsTitle: "annotationsTitle", annotationEditorTitle: "annotationEditorTitle", deleteAnnotationTitle: "deleteAnnotationTitle", highlightAnnotationTitle: "highlightAnnotationTitle", freeTextAnnotationTitle: "freeTextAnnotationTitle", closeAnnotationsToolbarTitle: "closeAnnotationsToolbarTitle", deleteAnnotationConfirmationDialogTitle: "deleteAnnotationConfirmationDialogTitle", deleteAnnotationConfirmationDialogContent: "deleteAnnotationConfirmationDialogContent", deleteAnnotationConfirmationDialogConfirmText: "deleteAnnotationConfirmationDialogConfirmText", deleteAnnotationConfirmationDialogRejectText: "deleteAnnotationConfirmationDialogRejectText", annotationEditorFontSizeTitle: "annotationEditorFontSizeTitle", annotationEditorColorTitle: "annotationEditorColorTitle", canvasLabel: "canvasLabel" }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: Messages, isStandalone: true, selector: "kendo-pdfviewer-messages-base", inputs: { zoomInTitle: "zoomInTitle", zoomOutTitle: "zoomOutTitle", selectionTitle: "selectionTitle", panningTitle: "panningTitle", searchTitle: "searchTitle", openTitle: "openTitle", downloadTitle: "downloadTitle", printTitle: "printTitle", pagerInputLabel: "pagerInputLabel", pagerInputTitle: "pagerInputTitle", pagerFirstPage: "pagerFirstPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerLastPage: "pagerLastPage", pagerOf: "pagerOf", pagerPage: "pagerPage", fitToPage: "fitToPage", fitToWidth: "fitToWidth", searchInputPlaceholder: "searchInputPlaceholder", searchMatchesOf: "searchMatchesOf", searchPreviousMatchTitle: "searchPreviousMatchTitle", searchNextMatchTitle: "searchNextMatchTitle", searchCloseTitle: "searchCloseTitle", searchMatchCaseTitle: "searchMatchCaseTitle", zoomInputPlaceholder: "zoomInputPlaceholder", annotationsTitle: "annotationsTitle", annotationEditorTitle: "annotationEditorTitle", deleteAnnotationTitle: "deleteAnnotationTitle", highlightAnnotationTitle: "highlightAnnotationTitle", freeTextAnnotationTitle: "freeTextAnnotationTitle", closeAnnotationsToolbarTitle: "closeAnnotationsToolbarTitle", deleteAnnotationConfirmationDialogTitle: "deleteAnnotationConfirmationDialogTitle", deleteAnnotationConfirmationDialogContent: "deleteAnnotationConfirmationDialogContent", deleteAnnotationConfirmationDialogConfirmText: "deleteAnnotationConfirmationDialogConfirmText", deleteAnnotationConfirmationDialogRejectText: "deleteAnnotationConfirmationDialogRejectText", annotationEditorFontSizeTitle: "annotationEditorFontSizeTitle", annotationEditorColorTitle: "annotationEditorColorTitle", canvasLabel: "canvasLabel", blankPageDropFilesHere: "blankPageDropFilesHere", blankPageExternalDropFilesHere: "blankPageExternalDropFilesHere", blankPageSelect: "blankPageSelect" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Messages, decorators: [{
             type: Directive,
@@ -268,6 +282,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 type: Input
             }], canvasLabel: [{
                 type: Input
+            }], blankPageDropFilesHere: [{
+                type: Input
+            }], blankPageExternalDropFilesHere: [{
+                type: Input
+            }], blankPageSelect: [{
+                type: Input
             }] } });
 
 /**
@@ -322,7 +342,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '22.0.1',
+    version: '22.1.0-develop.10',
     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',
 };
 
@@ -1621,6 +1641,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1.LocalizationService }] });
 
+/**
+ * Renders the content of the blank page in the PDFViewer component.
+ *
+ * To define a blank page template, nest an `<ng-template>` tag with the `kendoPdfViewerBlankPageTemplate` directive inside the `<kendo-pdfviewer>` tag.
+ *
+ * @example
+ * ```html
+ * <kendo-pdfviewer>
+ *   <ng-template kendoPdfViewerBlankPageTemplate>
+ *     <div class="custom-blank-page">
+ *       <p>Drop a PDF file here or click to select</p>
+ *     </div>
+ *   </ng-template>
+ * </kendo-pdfviewer>
+ * ```
+ */
+class BlankPageTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BlankPageTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: BlankPageTemplateDirective, isStandalone: true, selector: "[kendoPdfViewerBlankPageTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BlankPageTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoPdfViewerBlankPageTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
 /**
  * @hidden
  */
@@ -1956,6 +2008,10 @@ class PDFViewerComponent {
      * @default true
      */
     removeAnnotationConfirmation = true;
+    /**
+     * Fires when the user selects a file, from the blank page, to be loaded in the PDFViewer.
+     */
+    fileSelect = new EventEmitter();
     /**
      * Fires when the component loads a PDF document successfully.
      */
@@ -1979,6 +2035,11 @@ class PDFViewerComponent {
     pagesContainer;
     pagesContainerViewContainerRef;
     dialogContainerViewContainerRef;
+    /**
+     * The template for the blank page displayed before a PDF document is loaded.
+     * Use this to customize the appearance of the blank page.
+     */
+    blankPageTemplate;
     /**
      * Returns the current page number of the loaded PDF document.
      */
@@ -2025,6 +2086,12 @@ class PDFViewerComponent {
     get annotationsToolId() {
         return `k-pdfviewer-${counter}-annotations-button`;
     }
+    /**
+     * @hidden
+     */
+    get pdfId() {
+        return `k-pdfviewer-${counter}`;
+    }
     loading = false;
     searchActive = false;
     matchCase = false;
@@ -2046,6 +2113,12 @@ class PDFViewerComponent {
     get enabledSelection() {
         return this._enabledSelection;
     }
+    /**
+     * @hidden
+     */
+    get isBlankPage() {
+        return !this.pdfContext?.pdfPages?.length && !this.loading;
+    }
     /**
      * @hidden
      */
@@ -2089,6 +2162,9 @@ class PDFViewerComponent {
     }
     ngOnInit() {
         this.subs.add(this.localizationService.changes.subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr'));
+        if (this.isBlankPage) {
+            this.enabledSelection = true;
+        }
     }
     ngOnDestroy() {
         this.subs.unsubscribe();
@@ -2287,6 +2363,31 @@ class PDFViewerComponent {
         this.pdfViewerWidget?.goToPreviousSearchMatch();
         this.currentMatch = this.currentMatch - 1 < 1 ? this.currentMatches.length : this.currentMatch - 1;
     }
+    /**
+     * @hidden
+     */
+    onSelectFile(e) {
+        if (!e.files?.length) {
+            return;
+        }
+        this.fileSelect.emit(e);
+        const file = e.files[0].rawFile;
+        if (file.name.toLowerCase().endsWith('.pdf')) {
+            const reader = new FileReader();
+            this.loading = true;
+            reader.onload = () => {
+                const base64Data = reader.result;
+                this.loadPdf('data', base64Data);
+                this.loading = false;
+                this.enabledSelection = false;
+            };
+            reader.onerror = (error) => {
+                this.zoneAwareEmitter('error', { error: error, context: this.pdfContext });
+                this.loading = false;
+            };
+            reader.readAsDataURL(file);
+        }
+    }
     /**
      * @hidden
      */
@@ -2470,127 +2571,136 @@ class PDFViewerComponent {
         return observer;
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PDFViewerComponent, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i2$1.PopupService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: PDFViewerComponent, isStandalone: true, selector: "kendo-pdfviewer", inputs: { tools: "tools", loaderSettings: "loaderSettings", renderForms: "renderForms", saveFileName: "saveFileName", saveOptions: "saveOptions", url: "url", data: "data", arrayBuffer: "arrayBuffer", typedArray: "typedArray", zoom: "zoom", zoomRate: "zoomRate", minZoom: "minZoom", maxZoom: "maxZoom", loadOnDemand: "loadOnDemand", loadOnDemandPageSize: "loadOnDemandPageSize", removeAnnotationConfirmation: "removeAnnotationConfirmation" }, outputs: { load: "load", error: "error", download: "download", pageChange: "pageChange", zoomLevelChange: "zoomLevelChange" }, host: { properties: { "class.k-pdf-viewer": "this.hostClass", "attr.dir": "this.direction", "attr.display": "this.display" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: PDFViewerComponent, isStandalone: true, selector: "kendo-pdfviewer", inputs: { tools: "tools", loaderSettings: "loaderSettings", renderForms: "renderForms", saveFileName: "saveFileName", saveOptions: "saveOptions", url: "url", data: "data", arrayBuffer: "arrayBuffer", typedArray: "typedArray", zoom: "zoom", zoomRate: "zoomRate", minZoom: "minZoom", maxZoom: "maxZoom", loadOnDemand: "loadOnDemand", loadOnDemandPageSize: "loadOnDemandPageSize", removeAnnotationConfirmation: "removeAnnotationConfirmation" }, outputs: { fileSelect: "fileSelect", load: "load", error: "error", download: "download", pageChange: "pageChange", zoomLevelChange: "zoomLevelChange" }, host: { properties: { "class.k-pdf-viewer": "this.hostClass", "attr.dir": "this.direction", "attr.display": "this.display" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
                 useValue: 'kendo.pdfviewer'
             }
-        ], viewQueries: [{ propertyName: "pagesContainer", first: true, predicate: ["pagesContainer"], descendants: true }, { propertyName: "pagesContainerViewContainerRef", first: true, predicate: ["pagesContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "dialogContainerViewContainerRef", first: true, predicate: ["dialogContainer"], descendants: true, read: ViewContainerRef }], exportAs: ["kendo-pdfviewer"], usesOnChanges: true, ngImport: i0, template: `
+        ], queries: [{ propertyName: "blankPageTemplate", first: true, predicate: BlankPageTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "pagesContainer", first: true, predicate: ["pagesContainer"], descendants: true }, { propertyName: "pagesContainerViewContainerRef", first: true, predicate: ["pagesContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "dialogContainerViewContainerRef", first: true, predicate: ["dialogContainer"], descendants: true, read: ViewContainerRef }], exportAs: ["kendo-pdfviewer"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoPDFViewerLocalizedMessages
           i18n-pagerFirstPage="kendo.pdfviewer.pagerFirstPage|The label for the first page button in the Pager"
           pagerFirstPage="Go to the first page"
-        
+
           i18n-pagerPreviousPage="kendo.pdfviewer.pagerPreviousPage|The label for the previous page button in the Pager"
           pagerPreviousPage="Go to the previous page"
-        
+
           i18n-pagerNextPage="kendo.pdfviewer.pagerNextPage|The label for the next page button in the Pager"
           pagerNextPage="Go to the next page"
-        
+
           i18n-pagerLastPage="kendo.pdfviewer.pagerLastPage|The label for the last page button in the Pager"
           pagerLastPage="Go to the last page"
-        
+
           i18n-pagerPage="kendo.pdfviewer.pagerPage|The text before the current page number in the Pager"
           pagerPage="Page"
-        
+
           i18n-pagerOf="kendo.pdfviewer.pagerOf|The text before the total pages number in the Pager"
           pagerOf="of"
-        
+
           i18n-pagerInputTitle="kendo.pdfviewer.pagerInputTitle|The label of the pager input element"
           pagerInputTitle="Page Number"
-        
+
           i18n-pagerInputLabel="kendo.pdfviewer.pagerInputLabel|The text of the aria-label attribute applied to the input element for entering the page number."
           pagerInputLabel="Type a page number"
-        
+
           i18n-zoomInTitle="kendo.pdfviewer.zoomInTitle|The ZoomIn tool title and label."
           zoomInTitle="Zoom in"
-        
+
           i18n-zoomOutTitle="kendo.pdfviewer.zoomOutTitle|The ZoomOut tool title and label."
           zoomOutTitle="Zoom out"
-        
+
           i18n-selectionTitle="kendo.pdfviewer.selectionTitle|The Selection tool title and label."
           selectionTitle="Enable selection"
-        
+
           i18n-panningTitle="kendo.pdfviewer.panningTitle|The Panning tool title and label."
           panningTitle="Enable panning"
-        
+
           i18n-searchTitle="kendo.pdfviewer.searchTitle|The Search tool title and label."
           searchTitle="Search"
-        
+
           i18n-openTitle="kendo.pdfviewer.openTitle|The Open tool title and label."
           openTitle="Open"
-        
+
           i18n-downloadTitle="kendo.pdfviewer.downloadTitle|The Download tool title and label."
           downloadTitle="Download"
-        
+
           i18n-printTitle="kendo.pdfviewer.printTitle|The Print tool title and label."
           printTitle="Print"
-        
+
           i18n-fitToPage="kendo.pdfviewer.fitToPage|The text for the zoom level chooser Fit to page option."
           fitToPage="Fit to page"
-        
+
           i18n-fitToWidth="kendo.pdfviewer.fitToWidth|The text for the zoom level chooser Fit to width option."
           fitToWidth="Fit to width"
-        
+
           i18n-searchInputPlaceholder="kendo.pdfviewer.searchInputPlaceholder|The text for the search input placeholder."
           searchInputPlaceholder="Search"
-        
+
           i18n-searchMatchesOf="kendo.pdfviewer.searchMatchesOf|The text before the total number of matches in the Search tool."
           searchMatchesOf="of"
-        
+
           i18n-searchPreviousMatchTitle="kendo.pdfviewer.searchPreviousMatchTitle|The title of the Search tool previous match button."
           searchPreviousMatchTitle="Previous match"
-        
+
           i18n-searchNextMatchTitle="kendo.pdfviewer.searchNextMatchTitle|The title of the Search tool next match button."
           searchNextMatchTitle="Next match"
-        
+
           i18n-searchCloseTitle="kendo.pdfviewer.searchCloseTitle|The title of the Search tool close button."
           searchCloseTitle="Close"
-        
+
           i18n-searchMatchCaseTitle="kendo.pdfviewer.searchMatchCaseTitle|The title of the Search tool match case button."
           searchMatchCaseTitle="Match case"
-        
+
           i18n-zoomInputPlaceholder="kendo.pdfviewer.zoomInputPlaceholder|The text for the zoom tool input placeholder."
           zoomInputPlaceholder="Choose zoom level"
-        
+
           i18n-annotationsTitle="kendo.pdfviewer.annotationsTitle|The Annotations tool title and label."
           annotationsTitle="Annotations"
-        
+
           i18n-annotationEditorTitle="kendo.pdfviewer.annotationEditorTitle|The annotation editor tool title and label."
           annotationEditorTitle="Annotation editor"
-        
+
           i18n-deleteAnnotationTitle="kendo.pdfviewer.deleteAnnotationTitle|The delete annotation tool title and label."
           deleteAnnotationTitle="Delete annotation"
-        
+
           i18n-highlightAnnotationTitle="kendo.pdfviewer.highlightAnnotationTitle|The highlight annotation tool title and label."
           highlightAnnotationTitle="Highlight"
-        
+
           i18n-freeTextAnnotationTitle="kendo.pdfviewer.freeTextAnnotationTitle|The free text annotation tool title and label."
           freeTextAnnotationTitle="Free text"
-        
+
           i18n-closeAnnotationsToolbarTitle="kendo.pdfviewer.closeAnnotationsToolbarTitle|The close annotations toolbar tool title and label."
           closeAnnotationsToolbarTitle="Close"
-        
+
           i18n-deleteAnnotationConfirmationDialogTitle="kendo.pdfviewer.deleteAnnotationConfirmationDialogTitle|The delete annotation confirmation dialog title."
           deleteAnnotationConfirmationDialogTitle="Delete annotation"
-        
+
           i18n-deleteAnnotationConfirmationDialogContent="kendo.pdfviewer.deleteAnnotationConfirmationDialogContent|The delete annotation confirmation dialog content."
           deleteAnnotationConfirmationDialogContent="Are you sure you want to delete this annotation?"
-        
+
           i18n-deleteAnnotationConfirmationDialogConfirmText="kendo.pdfviewer.deleteAnnotationConfirmationDialogConfirmText|The delete annotation confirmation dialog confirm button text."
           deleteAnnotationConfirmationDialogConfirmText="Delete"
-        
+
           i18n-deleteAnnotationConfirmationDialogRejectText="kendo.pdfviewer.deleteAnnotationConfirmationDialogRejectText|The delete annotation confirmation dialog reject button text."
           deleteAnnotationConfirmationDialogRejectText="Cancel"
-        
+
           i18n-annotationEditorFontSizeTitle="kendo.pdfviewer.annotationEditorFontSizeTitle|The annotation editor font size section title."
           annotationEditorFontSizeTitle="Font size"
-        
+
           i18n-annotationEditorColorTitle="kendo.pdfviewer.annotationEditorColorTitle|The annotation editor color section title."
           annotationEditorColorTitle="Color"
-          
+
           i18n-canvasLabel="kendo.pdfviewer.canvasLabel|The label for the PDF viewer canvas container."
-          canvasLabel="PDF document">
+          canvasLabel="PDF document"
+
+          i18n-blankPageDropFilesHere="kendo.pdfviewer.blankPageDropFilesHere|The FileSelect drop zone hint for the blank page."
+          blankPageDropFilesHere="Drop files here to upload"
+
+          i18n-blankPageExternalDropFilesHere="kendo.pdfviewer.blankPageExternalDropFilesHere|The external FileSelect drop zone hint for the blank page."
+          blankPageExternalDropFilesHere="Drag and drop files here to upload"
+
+          i18n-blankPageSelect="kendo.pdfviewer.blankPageSelect|The FileSelect button text for the blank page."
+          blankPageSelect="Select files...">
         </ng-container>
         @if (loading) {
           <div kendoPDFViewerLoader
@@ -2662,14 +2772,39 @@ class PDFViewerComponent {
                     wheel: stopPropagation
                 }"
             class="k-pdf-viewer-pages"
-          [attr.id]="pagesContainerId"></div>
+          [attr.id]="pagesContainerId">
+            @if (isBlankPage) {
+                <div class="k-page k-blank-page">
+                    @if (blankPageTemplate) {
+                        <ng-template [ngTemplateOutlet]="blankPageTemplate.templateRef"></ng-template>
+                    } @else {
+                        <kendo-uploaddropzone [zoneId]="pdfId">
+                            <kendo-uploaddropzone-messages
+                                [externalDropFilesHere]="messageFor('blankPageExternalDropFilesHere')">
+                            </kendo-uploaddropzone-messages>
+                        </kendo-uploaddropzone>
+                        <kendo-fileselect
+                            [zoneId]="pdfId"
+                            (select)="onSelectFile($event)"
+                            [multiple]="false"
+                            [showFileList]="false"
+                            [restrictions]="{ allowedExtensions: ['.pdf'] }">
+                            <kendo-upload-messages
+                                [dropFilesHere]="messageFor('blankPageDropFilesHere')"
+                                [select]="messageFor('blankPageSelect')">
+                            </kendo-upload-messages>
+                        </kendo-fileselect>
+                    }
+                </div>
+            }
+          </div>
         </div>
-        
+
         <div #dialogContainer></div>
         @if (showLicenseWatermark) {
           <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
         }
-        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedPDFViewerMessagesDirective, selector: "[kendoPDFViewerLocalizedMessages]" }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: LoaderComponent, selector: "[kendoPDFViewerLoader]", inputs: ["settings"] }, { kind: "component", type: ToolbarComponent, selector: "[kendoPDFViewerToolbar]", inputs: ["zoomLevel", "calculatedComboBoxValue", "skip", "pageSize", "total", "zoomInDisabled", "zoomOutDisabled", "disabledTools", "zoomLevelChooserValue", "zoomOptionsData", "pagesContainerId", "tools", "type", "wrapperId", "isAnnotationsToolbarVisible", "annotationsToolId", "isSelectionEnabled"], outputs: ["fileSelect", "fileSelectStart", "fileSelectError", "download", "selectionEnabled", "panningEnabled", "pageChange", "zoomIn", "zoomOut", "zoomLevelChange", "print", "search", "toggleAnnotationsToolbar", "setAnnotationMode"] }, { kind: "component", type: PDFViewerSearchComponent, selector: "[kendoPDFViewerSearch]", inputs: ["matches", "currentMatch"], outputs: ["searchChange", "prevMatch", "nextMatch", "close"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedPDFViewerMessagesDirective, selector: "[kendoPDFViewerLocalizedMessages]" }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: LoaderComponent, selector: "[kendoPDFViewerLoader]", inputs: ["settings"] }, { kind: "component", type: ToolbarComponent, selector: "[kendoPDFViewerToolbar]", inputs: ["zoomLevel", "calculatedComboBoxValue", "skip", "pageSize", "total", "zoomInDisabled", "zoomOutDisabled", "disabledTools", "zoomLevelChooserValue", "zoomOptionsData", "pagesContainerId", "tools", "type", "wrapperId", "isAnnotationsToolbarVisible", "annotationsToolId", "isSelectionEnabled"], outputs: ["fileSelect", "fileSelectStart", "fileSelectError", "download", "selectionEnabled", "panningEnabled", "pageChange", "zoomIn", "zoomOut", "zoomLevelChange", "print", "search", "toggleAnnotationsToolbar", "setAnnotationMode"] }, { kind: "component", type: PDFViewerSearchComponent, selector: "[kendoPDFViewerSearch]", inputs: ["matches", "currentMatch"], outputs: ["searchChange", "prevMatch", "nextMatch", "close"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }, { kind: "component", type: FileSelectComponent, selector: "kendo-fileselect", inputs: ["name"], outputs: ["valueChange"], exportAs: ["kendoFileSelect"] }, { kind: "component", type: UploadDropZoneComponent, selector: "kendo-uploaddropzone", inputs: ["zoneId", "icon", "iconClass", "svgIcon"], exportAs: ["kendoUploadDropZone"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CustomMessagesComponent$1, selector: "kendo-upload-messages, kendo-fileselect-messages, kendo-uploaddropzone-messages" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PDFViewerComponent, decorators: [{
             type: Component,
@@ -2687,117 +2822,126 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         <ng-container kendoPDFViewerLocalizedMessages
           i18n-pagerFirstPage="kendo.pdfviewer.pagerFirstPage|The label for the first page button in the Pager"
           pagerFirstPage="Go to the first page"
-        
+
           i18n-pagerPreviousPage="kendo.pdfviewer.pagerPreviousPage|The label for the previous page button in the Pager"
           pagerPreviousPage="Go to the previous page"
-        
+
           i18n-pagerNextPage="kendo.pdfviewer.pagerNextPage|The label for the next page button in the Pager"
           pagerNextPage="Go to the next page"
-        
+
           i18n-pagerLastPage="kendo.pdfviewer.pagerLastPage|The label for the last page button in the Pager"
           pagerLastPage="Go to the last page"
-        
+
           i18n-pagerPage="kendo.pdfviewer.pagerPage|The text before the current page number in the Pager"
           pagerPage="Page"
-        
+
           i18n-pagerOf="kendo.pdfviewer.pagerOf|The text before the total pages number in the Pager"
           pagerOf="of"
-        
+
           i18n-pagerInputTitle="kendo.pdfviewer.pagerInputTitle|The label of the pager input element"
           pagerInputTitle="Page Number"
-        
+
           i18n-pagerInputLabel="kendo.pdfviewer.pagerInputLabel|The text of the aria-label attribute applied to the input element for entering the page number."
           pagerInputLabel="Type a page number"
-        
+
           i18n-zoomInTitle="kendo.pdfviewer.zoomInTitle|The ZoomIn tool title and label."
           zoomInTitle="Zoom in"
-        
+
           i18n-zoomOutTitle="kendo.pdfviewer.zoomOutTitle|The ZoomOut tool title and label."
           zoomOutTitle="Zoom out"
-        
+
           i18n-selectionTitle="kendo.pdfviewer.selectionTitle|The Selection tool title and label."
           selectionTitle="Enable selection"
-        
+
           i18n-panningTitle="kendo.pdfviewer.panningTitle|The Panning tool title and label."
           panningTitle="Enable panning"
-        
+
           i18n-searchTitle="kendo.pdfviewer.searchTitle|The Search tool title and label."
           searchTitle="Search"
-        
+
           i18n-openTitle="kendo.pdfviewer.openTitle|The Open tool title and label."
           openTitle="Open"
-        
+
           i18n-downloadTitle="kendo.pdfviewer.downloadTitle|The Download tool title and label."
           downloadTitle="Download"
-        
+
           i18n-printTitle="kendo.pdfviewer.printTitle|The Print tool title and label."
           printTitle="Print"
-        
+
           i18n-fitToPage="kendo.pdfviewer.fitToPage|The text for the zoom level chooser Fit to page option."
           fitToPage="Fit to page"
-        
+
           i18n-fitToWidth="kendo.pdfviewer.fitToWidth|The text for the zoom level chooser Fit to width option."
           fitToWidth="Fit to width"
-        
+
           i18n-searchInputPlaceholder="kendo.pdfviewer.searchInputPlaceholder|The text for the search input placeholder."
           searchInputPlaceholder="Search"
-        
+
           i18n-searchMatchesOf="kendo.pdfviewer.searchMatchesOf|The text before the total number of matches in the Search tool."
           searchMatchesOf="of"
-        
+
           i18n-searchPreviousMatchTitle="kendo.pdfviewer.searchPreviousMatchTitle|The title of the Search tool previous match button."
           searchPreviousMatchTitle="Previous match"
-        
+
           i18n-searchNextMatchTitle="kendo.pdfviewer.searchNextMatchTitle|The title of the Search tool next match button."
           searchNextMatchTitle="Next match"
-        
+
           i18n-searchCloseTitle="kendo.pdfviewer.searchCloseTitle|The title of the Search tool close button."
           searchCloseTitle="Close"
-        
+
           i18n-searchMatchCaseTitle="kendo.pdfviewer.searchMatchCaseTitle|The title of the Search tool match case button."
           searchMatchCaseTitle="Match case"
-        
+
           i18n-zoomInputPlaceholder="kendo.pdfviewer.zoomInputPlaceholder|The text for the zoom tool input placeholder."
           zoomInputPlaceholder="Choose zoom level"
-        
+
           i18n-annotationsTitle="kendo.pdfviewer.annotationsTitle|The Annotations tool title and label."
           annotationsTitle="Annotations"
-        
+
           i18n-annotationEditorTitle="kendo.pdfviewer.annotationEditorTitle|The annotation editor tool title and label."
           annotationEditorTitle="Annotation editor"
-        
+
           i18n-deleteAnnotationTitle="kendo.pdfviewer.deleteAnnotationTitle|The delete annotation tool title and label."
           deleteAnnotationTitle="Delete annotation"
-        
+
           i18n-highlightAnnotationTitle="kendo.pdfviewer.highlightAnnotationTitle|The highlight annotation tool title and label."
           highlightAnnotationTitle="Highlight"
-        
+
           i18n-freeTextAnnotationTitle="kendo.pdfviewer.freeTextAnnotationTitle|The free text annotation tool title and label."
           freeTextAnnotationTitle="Free text"
-        
+
           i18n-closeAnnotationsToolbarTitle="kendo.pdfviewer.closeAnnotationsToolbarTitle|The close annotations toolbar tool title and label."
           closeAnnotationsToolbarTitle="Close"
-        
+
           i18n-deleteAnnotationConfirmationDialogTitle="kendo.pdfviewer.deleteAnnotationConfirmationDialogTitle|The delete annotation confirmation dialog title."
           deleteAnnotationConfirmationDialogTitle="Delete annotation"
-        
+
           i18n-deleteAnnotationConfirmationDialogContent="kendo.pdfviewer.deleteAnnotationConfirmationDialogContent|The delete annotation confirmation dialog content."
           deleteAnnotationConfirmationDialogContent="Are you sure you want to delete this annotation?"
-        
+
           i18n-deleteAnnotationConfirmationDialogConfirmText="kendo.pdfviewer.deleteAnnotationConfirmationDialogConfirmText|The delete annotation confirmation dialog confirm button text."
           deleteAnnotationConfirmationDialogConfirmText="Delete"
-        
+
           i18n-deleteAnnotationConfirmationDialogRejectText="kendo.pdfviewer.deleteAnnotationConfirmationDialogRejectText|The delete annotation confirmation dialog reject button text."
           deleteAnnotationConfirmationDialogRejectText="Cancel"
-        
+
           i18n-annotationEditorFontSizeTitle="kendo.pdfviewer.annotationEditorFontSizeTitle|The annotation editor font size section title."
           annotationEditorFontSizeTitle="Font size"
-        
+
           i18n-annotationEditorColorTitle="kendo.pdfviewer.annotationEditorColorTitle|The annotation editor color section title."
           annotationEditorColorTitle="Color"
-          
+
           i18n-canvasLabel="kendo.pdfviewer.canvasLabel|The label for the PDF viewer canvas container."
-          canvasLabel="PDF document">
+          canvasLabel="PDF document"
+
+          i18n-blankPageDropFilesHere="kendo.pdfviewer.blankPageDropFilesHere|The FileSelect drop zone hint for the blank page."
+          blankPageDropFilesHere="Drop files here to upload"
+
+          i18n-blankPageExternalDropFilesHere="kendo.pdfviewer.blankPageExternalDropFilesHere|The external FileSelect drop zone hint for the blank page."
+          blankPageExternalDropFilesHere="Drag and drop files here to upload"
+
+          i18n-blankPageSelect="kendo.pdfviewer.blankPageSelect|The FileSelect button text for the blank page."
+          blankPageSelect="Select files...">
         </ng-container>
         @if (loading) {
           <div kendoPDFViewerLoader
@@ -2869,16 +3013,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     wheel: stopPropagation
                 }"
             class="k-pdf-viewer-pages"
-          [attr.id]="pagesContainerId"></div>
+          [attr.id]="pagesContainerId">
+            @if (isBlankPage) {
+                <div class="k-page k-blank-page">
+                    @if (blankPageTemplate) {
+                        <ng-template [ngTemplateOutlet]="blankPageTemplate.templateRef"></ng-template>
+                    } @else {
+                        <kendo-uploaddropzone [zoneId]="pdfId">
+                            <kendo-uploaddropzone-messages
+                                [externalDropFilesHere]="messageFor('blankPageExternalDropFilesHere')">
+                            </kendo-uploaddropzone-messages>
+                        </kendo-uploaddropzone>
+                        <kendo-fileselect
+                            [zoneId]="pdfId"
+                            (select)="onSelectFile($event)"
+                            [multiple]="false"
+                            [showFileList]="false"
+                            [restrictions]="{ allowedExtensions: ['.pdf'] }">
+                            <kendo-upload-messages
+                                [dropFilesHere]="messageFor('blankPageDropFilesHere')"
+                                [select]="messageFor('blankPageSelect')">
+                            </kendo-upload-messages>
+                        </kendo-fileselect>
+                    }
+                </div>
+            }
+          </div>
         </div>
-        
+
         <div #dialogContainer></div>
         @if (showLicenseWatermark) {
           <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
         }
         `,
                     standalone: true,
-                    imports: [LocalizedPDFViewerMessagesDirective, EventsOutsideAngularDirective, LoaderComponent, ToolbarComponent, PDFViewerSearchComponent, WatermarkOverlayComponent]
+                    imports: [LocalizedPDFViewerMessagesDirective, EventsOutsideAngularDirective, LoaderComponent, ToolbarComponent, PDFViewerSearchComponent, WatermarkOverlayComponent, FileSelectComponent, UploadDropZoneComponent, BlankPageTemplateDirective, NgTemplateOutlet, CustomMessagesComponent$1],
                 }]
         }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i2$1.PopupService }], propDecorators: { hostClass: [{
                 type: HostBinding,
@@ -2921,6 +3090,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 type: Input
             }], removeAnnotationConfirmation: [{
                 type: Input
+            }], fileSelect: [{
+                type: Output
             }], load: [{
                 type: Output
             }], error: [{
@@ -2940,6 +3111,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }], dialogContainerViewContainerRef: [{
                 type: ViewChild,
                 args: ['dialogContainer', { read: ViewContainerRef }]
+            }], blankPageTemplate: [{
+                type: ContentChild,
+                args: [BlankPageTemplateDirective]
             }] } });
 
 /**
@@ -2961,7 +3135,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  */
 const KENDO_PDFVIEWER = [
     PDFViewerComponent,
-    PDFViewerCustomMessagesComponent
+    PDFViewerCustomMessagesComponent,
+    BlankPageTemplateDirective
 ];
 
 // IMPORTANT: NgModule export kept for backwards compatibility
@@ -2985,7 +3160,7 @@ const KENDO_PDFVIEWER = [
  */
 class PDFViewerModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PDFViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: PDFViewerModule, imports: [PDFViewerComponent, PDFViewerCustomMessagesComponent], exports: [PDFViewerComponent, PDFViewerCustomMessagesComponent] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: PDFViewerModule, imports: [PDFViewerComponent, PDFViewerCustomMessagesComponent, BlankPageTemplateDirective], exports: [PDFViewerComponent, PDFViewerCustomMessagesComponent, BlankPageTemplateDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PDFViewerModule, providers: [
             IconsService,
             PopupService,
@@ -3009,5 +3184,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { KENDO_PDFVIEWER, LoaderComponent, LocalizedPDFViewerMessagesDirective, PDFViewerComponent, PDFViewerCustomMessagesComponent, PDFViewerDownloadEvent, PDFViewerModule, PDFViewerSearchComponent, ToolbarComboBoxDirective, ToolbarComponent, ToolbarFocusableDirective, ToolbarInputWrapperComponent };
+export { BlankPageTemplateDirective, KENDO_PDFVIEWER, LoaderComponent, LocalizedPDFViewerMessagesDirective, PDFViewerComponent, PDFViewerCustomMessagesComponent, PDFViewerDownloadEvent, PDFViewerModule, PDFViewerSearchComponent, ToolbarComboBoxDirective, ToolbarComponent, ToolbarFocusableDirective, ToolbarInputWrapperComponent };
 

package/index.d.ts

@@ -13,6 +13,7 @@ export { PDFViewerErrorEvent, PDFViewerLoadEvent, PDFViewerDownloadEvent, PDFVie
 export { LoaderSettings } from './models/loader-settings';
 export { PDFViewerCustomMessagesComponent } from './localization/custom-messages.component';
 export { LocalizedPDFViewerMessagesDirective } from './localization/localized-messages.directive';
+export { BlankPageTemplateDirective } from './templates/blank-page-template.directive';
 export { ToolbarFocusableDirective } from './toolbar/toolbar-focusable.directive';
 export { ToolbarInputWrapperComponent } from './toolbar/input-wrapper.component';
 export { ToolbarComboBoxDirective } from './toolbar/toolbar-combobox.directive';

package/localization/messages.d.ts

@@ -160,6 +160,18 @@ export declare class Messages extends ComponentMessages {
      * Sets the label for the PDF viewer canvas container.
      */
     canvasLabel: string;
+    /**
+     * Sets the text for the FileSelect drop zone hint when no file is being dragged.
+     */
+    blankPageDropFilesHere: string;
+    /**
+     * Sets the text for the FileSelect external drop zone hint when no file is being dragged.
+     */
+    blankPageExternalDropFilesHere: string;
+    /**
+     * Sets the text for the FileSelect button in the blank page drop zone.
+     */
+    blankPageSelect: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendo-pdfviewer-messages-base", never, { "zoomInTitle": { "alias": "zoomInTitle"; "required": false; }; "zoomOutTitle": { "alias": "zoomOutTitle"; "required": false; }; "selectionTitle": { "alias": "selectionTitle"; "required": false; }; "panningTitle": { "alias": "panningTitle"; "required": false; }; "searchTitle": { "alias": "searchTitle"; "required": false; }; "openTitle": { "alias": "openTitle"; "required": false; }; "downloadTitle": { "alias": "downloadTitle"; "required": false; }; "printTitle": { "alias": "printTitle"; "required": false; }; "pagerInputLabel": { "alias": "pagerInputLabel"; "required": false; }; "pagerInputTitle": { "alias": "pagerInputTitle"; "required": false; }; "pagerFirstPage": { "alias": "pagerFirstPage"; "required": false; }; "pagerPreviousPage": { "alias": "pagerPreviousPage"; "required": false; }; "pagerNextPage": { "alias": "pagerNextPage"; "required": false; }; "pagerLastPage": { "alias": "pagerLastPage"; "required": false; }; "pagerOf": { "alias": "pagerOf"; "required": false; }; "pagerPage": { "alias": "pagerPage"; "required": false; }; "fitToPage": { "alias": "fitToPage"; "required": false; }; "fitToWidth": { "alias": "fitToWidth"; "required": false; }; "searchInputPlaceholder": { "alias": "searchInputPlaceholder"; "required": false; }; "searchMatchesOf": { "alias": "searchMatchesOf"; "required": false; }; "searchPreviousMatchTitle": { "alias": "searchPreviousMatchTitle"; "required": false; }; "searchNextMatchTitle": { "alias": "searchNextMatchTitle"; "required": false; }; "searchCloseTitle": { "alias": "searchCloseTitle"; "required": false; }; "searchMatchCaseTitle": { "alias": "searchMatchCaseTitle"; "required": false; }; "zoomInputPlaceholder": { "alias": "zoomInputPlaceholder"; "required": false; }; "annotationsTitle": { "alias": "annotationsTitle"; "required": false; }; "annotationEditorTitle": { "alias": "annotationEditorTitle"; "required": false; }; "deleteAnnotationTitle": { "alias": "deleteAnnotationTitle"; "required": false; }; "highlightAnnotationTitle": { "alias": "highlightAnnotationTitle"; "required": false; }; "freeTextAnnotationTitle": { "alias": "freeTextAnnotationTitle"; "required": false; }; "closeAnnotationsToolbarTitle": { "alias": "closeAnnotationsToolbarTitle"; "required": false; }; "deleteAnnotationConfirmationDialogTitle": { "alias": "deleteAnnotationConfirmationDialogTitle"; "required": false; }; "deleteAnnotationConfirmationDialogContent": { "alias": "deleteAnnotationConfirmationDialogContent"; "required": false; }; "deleteAnnotationConfirmationDialogConfirmText": { "alias": "deleteAnnotationConfirmationDialogConfirmText"; "required": false; }; "deleteAnnotationConfirmationDialogRejectText": { "alias": "deleteAnnotationConfirmationDialogRejectText"; "required": false; }; "annotationEditorFontSizeTitle": { "alias": "annotationEditorFontSizeTitle"; "required": false; }; "annotationEditorColorTitle": { "alias": "annotationEditorColorTitle"; "required": false; }; "canvasLabel": { "alias": "canvasLabel"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendo-pdfviewer-messages-base", never, { "zoomInTitle": { "alias": "zoomInTitle"; "required": false; }; "zoomOutTitle": { "alias": "zoomOutTitle"; "required": false; }; "selectionTitle": { "alias": "selectionTitle"; "required": false; }; "panningTitle": { "alias": "panningTitle"; "required": false; }; "searchTitle": { "alias": "searchTitle"; "required": false; }; "openTitle": { "alias": "openTitle"; "required": false; }; "downloadTitle": { "alias": "downloadTitle"; "required": false; }; "printTitle": { "alias": "printTitle"; "required": false; }; "pagerInputLabel": { "alias": "pagerInputLabel"; "required": false; }; "pagerInputTitle": { "alias": "pagerInputTitle"; "required": false; }; "pagerFirstPage": { "alias": "pagerFirstPage"; "required": false; }; "pagerPreviousPage": { "alias": "pagerPreviousPage"; "required": false; }; "pagerNextPage": { "alias": "pagerNextPage"; "required": false; }; "pagerLastPage": { "alias": "pagerLastPage"; "required": false; }; "pagerOf": { "alias": "pagerOf"; "required": false; }; "pagerPage": { "alias": "pagerPage"; "required": false; }; "fitToPage": { "alias": "fitToPage"; "required": false; }; "fitToWidth": { "alias": "fitToWidth"; "required": false; }; "searchInputPlaceholder": { "alias": "searchInputPlaceholder"; "required": false; }; "searchMatchesOf": { "alias": "searchMatchesOf"; "required": false; }; "searchPreviousMatchTitle": { "alias": "searchPreviousMatchTitle"; "required": false; }; "searchNextMatchTitle": { "alias": "searchNextMatchTitle"; "required": false; }; "searchCloseTitle": { "alias": "searchCloseTitle"; "required": false; }; "searchMatchCaseTitle": { "alias": "searchMatchCaseTitle"; "required": false; }; "zoomInputPlaceholder": { "alias": "zoomInputPlaceholder"; "required": false; }; "annotationsTitle": { "alias": "annotationsTitle"; "required": false; }; "annotationEditorTitle": { "alias": "annotationEditorTitle"; "required": false; }; "deleteAnnotationTitle": { "alias": "deleteAnnotationTitle"; "required": false; }; "highlightAnnotationTitle": { "alias": "highlightAnnotationTitle"; "required": false; }; "freeTextAnnotationTitle": { "alias": "freeTextAnnotationTitle"; "required": false; }; "closeAnnotationsToolbarTitle": { "alias": "closeAnnotationsToolbarTitle"; "required": false; }; "deleteAnnotationConfirmationDialogTitle": { "alias": "deleteAnnotationConfirmationDialogTitle"; "required": false; }; "deleteAnnotationConfirmationDialogContent": { "alias": "deleteAnnotationConfirmationDialogContent"; "required": false; }; "deleteAnnotationConfirmationDialogConfirmText": { "alias": "deleteAnnotationConfirmationDialogConfirmText"; "required": false; }; "deleteAnnotationConfirmationDialogRejectText": { "alias": "deleteAnnotationConfirmationDialogRejectText"; "required": false; }; "annotationEditorFontSizeTitle": { "alias": "annotationEditorFontSizeTitle"; "required": false; }; "annotationEditorColorTitle": { "alias": "annotationEditorColorTitle"; "required": false; }; "canvasLabel": { "alias": "canvasLabel"; "required": false; }; "blankPageDropFilesHere": { "alias": "blankPageDropFilesHere"; "required": false; }; "blankPageExternalDropFilesHere": { "alias": "blankPageExternalDropFilesHere"; "required": false; }; "blankPageSelect": { "alias": "blankPageSelect"; "required": false; }; }, {}, never, never, true, never>;
 }

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1768482026,
-  "version": "22.0.1",
+  "publishDate": 1769677800,
+  "version": "22.1.0-develop.10",
   "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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-pdfviewer",
-  "version": "22.0.1",
+  "version": "22.1.0-develop.10",
   "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": 1768482026,
+      "publishDate": 1769677800,
       "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"
     }
   },
@@ -28,23 +28,24 @@
     "@angular/common": "19 - 21",
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
-    "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-buttons": "22.0.1",
-    "@progress/kendo-angular-common": "22.0.1",
-    "@progress/kendo-angular-dialog": "22.0.1",
-    "@progress/kendo-angular-dropdowns": "22.0.1",
-    "@progress/kendo-angular-inputs": "22.0.1",
-    "@progress/kendo-angular-intl": "22.0.1",
-    "@progress/kendo-angular-l10n": "22.0.1",
-    "@progress/kendo-angular-icons": "22.0.1",
-    "@progress/kendo-angular-indicators": "22.0.1",
-    "@progress/kendo-angular-pager": "22.0.1",
-    "@progress/kendo-angular-popup": "22.0.1",
+    "@progress/kendo-licensing": "^1.10.0",
+    "@progress/kendo-angular-buttons": "22.1.0-develop.10",
+    "@progress/kendo-angular-common": "22.1.0-develop.10",
+    "@progress/kendo-angular-dialog": "22.1.0-develop.10",
+    "@progress/kendo-angular-dropdowns": "22.1.0-develop.10",
+    "@progress/kendo-angular-inputs": "22.1.0-develop.10",
+    "@progress/kendo-angular-intl": "22.1.0-develop.10",
+    "@progress/kendo-angular-l10n": "22.1.0-develop.10",
+    "@progress/kendo-angular-icons": "22.1.0-develop.10",
+    "@progress/kendo-angular-indicators": "22.1.0-develop.10",
+    "@progress/kendo-angular-pager": "22.1.0-develop.10",
+    "@progress/kendo-angular-popup": "22.1.0-develop.10",
+    "@progress/kendo-angular-upload": "22.1.0-develop.10",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "22.0.1",
+    "@progress/kendo-angular-schematics": "22.1.0-develop.10",
     "@progress/kendo-file-saver": "^1.0.1",
     "@progress/kendo-pdfviewer-common": "0.6.2"
   },

package/pdfviewer.component.d.ts

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
+import { LicenseMessage } from '@progress/kendo-licensing';
 import { LoaderSettings } from './models/loader-settings';
 import { TypedArray } from '@progress/kendo-pdfviewer-common';
 import { PDFViewerContext } from './models/pdfviewer-context';
@@ -10,9 +11,11 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { PDFViewerDownloadEvent, PDFViewerErrorEvent, PDFViewerLoadEvent, PDFViewerPageChangeEvent, PDFViewerZoomChangeEvent } from './models/events';
 import { SaveOptions } from '@progress/kendo-file-saver';
 import { PageChangeEvent } from '@progress/kendo-angular-pager';
+import { SelectEvent } from '@progress/kendo-angular-upload';
 import { ZoomLevel } from './models/zoom-level';
 import { PDFViewerTool } from './models/toolbar-tool';
 import { ToolbarComponent } from './toolbar/toolbar.component';
+import { BlankPageTemplateDirective } from './templates/blank-page-template.directive';
 import 'pdfjs-dist/build/pdf.worker.min.mjs';
 import { AnnotationEditorType } from './models/annotation-editor.type';
 import { PopupService } from '@progress/kendo-angular-popup';
@@ -130,6 +133,10 @@ export declare class PDFViewerComponent implements OnInit, OnDestroy {
      * @default true
      */
     removeAnnotationConfirmation: boolean;
+    /**
+     * Fires when the user selects a file, from the blank page, to be loaded in the PDFViewer.
+     */
+    fileSelect: EventEmitter<SelectEvent>;
     /**
      * Fires when the component loads a PDF document successfully.
      */
@@ -153,6 +160,11 @@ export declare class PDFViewerComponent implements OnInit, OnDestroy {
     private pagesContainer;
     private pagesContainerViewContainerRef;
     private dialogContainerViewContainerRef;
+    /**
+     * The template for the blank page displayed before a PDF document is loaded.
+     * Use this to customize the appearance of the blank page.
+     */
+    blankPageTemplate: BlankPageTemplateDirective;
     /**
      * Returns the current page number of the loaded PDF document.
      */
@@ -178,6 +190,10 @@ export declare class PDFViewerComponent implements OnInit, OnDestroy {
      * @hidden
      */
     get annotationsToolId(): string;
+    /**
+     * @hidden
+     */
+    get pdfId(): string;
     loading: boolean;
     searchActive: boolean;
     matchCase: boolean;
@@ -192,6 +208,10 @@ export declare class PDFViewerComponent implements OnInit, OnDestroy {
      * @hidden
      */
     get enabledSelection(): boolean;
+    /**
+     * @hidden
+     */
+    get isBlankPage(): boolean;
     /**
      * @hidden
      */
@@ -203,7 +223,7 @@ export declare class PDFViewerComponent implements OnInit, OnDestroy {
     /**
      * @hidden
      */
-    licenseMessage?: string;
+    licenseMessage?: LicenseMessage;
     skip: number;
     zoomOptionsData: ({
         id: number;
@@ -308,6 +328,10 @@ export declare class PDFViewerComponent implements OnInit, OnDestroy {
      * @hidden
      */
     onPreviousMatch(): void;
+    /**
+     * @hidden
+     */
+    onSelectFile(e: SelectEvent): void;
     /**
      * @hidden
      */
@@ -328,5 +352,5 @@ export declare class PDFViewerComponent implements OnInit, OnDestroy {
     private zoneAwareEmitter;
     private classMutationObserver;
     static ɵfac: i0.ɵɵFactoryDeclaration<PDFViewerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PDFViewerComponent, "kendo-pdfviewer", ["kendo-pdfviewer"], { "tools": { "alias": "tools"; "required": false; }; "loaderSettings": { "alias": "loaderSettings"; "required": false; }; "renderForms": { "alias": "renderForms"; "required": false; }; "saveFileName": { "alias": "saveFileName"; "required": false; }; "saveOptions": { "alias": "saveOptions"; "required": false; }; "url": { "alias": "url"; "required": false; }; "data": { "alias": "data"; "required": false; }; "arrayBuffer": { "alias": "arrayBuffer"; "required": false; }; "typedArray": { "alias": "typedArray"; "required": false; }; "zoom": { "alias": "zoom"; "required": false; }; "zoomRate": { "alias": "zoomRate"; "required": false; }; "minZoom": { "alias": "minZoom"; "required": false; }; "maxZoom": { "alias": "maxZoom"; "required": false; }; "loadOnDemand": { "alias": "loadOnDemand"; "required": false; }; "loadOnDemandPageSize": { "alias": "loadOnDemandPageSize"; "required": false; }; "removeAnnotationConfirmation": { "alias": "removeAnnotationConfirmation"; "required": false; }; }, { "load": "load"; "error": "error"; "download": "download"; "pageChange": "pageChange"; "zoomLevelChange": "zoomLevelChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PDFViewerComponent, "kendo-pdfviewer", ["kendo-pdfviewer"], { "tools": { "alias": "tools"; "required": false; }; "loaderSettings": { "alias": "loaderSettings"; "required": false; }; "renderForms": { "alias": "renderForms"; "required": false; }; "saveFileName": { "alias": "saveFileName"; "required": false; }; "saveOptions": { "alias": "saveOptions"; "required": false; }; "url": { "alias": "url"; "required": false; }; "data": { "alias": "data"; "required": false; }; "arrayBuffer": { "alias": "arrayBuffer"; "required": false; }; "typedArray": { "alias": "typedArray"; "required": false; }; "zoom": { "alias": "zoom"; "required": false; }; "zoomRate": { "alias": "zoomRate"; "required": false; }; "minZoom": { "alias": "minZoom"; "required": false; }; "maxZoom": { "alias": "maxZoom"; "required": false; }; "loadOnDemand": { "alias": "loadOnDemand"; "required": false; }; "loadOnDemandPageSize": { "alias": "loadOnDemandPageSize"; "required": false; }; "removeAnnotationConfirmation": { "alias": "removeAnnotationConfirmation"; "required": false; }; }, { "fileSelect": "fileSelect"; "load": "load"; "error": "error"; "download": "download"; "pageChange": "pageChange"; "zoomLevelChange": "zoomLevelChange"; }, ["blankPageTemplate"], never, true, never>;
 }

package/pdfviewer.module.d.ts

@@ -5,6 +5,7 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./pdfviewer.component";
 import * as i2 from "./localization/custom-messages.component";
+import * as i3 from "./templates/blank-page-template.directive";
 /**
  * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the PDFViewer component.
  *
@@ -25,6 +26,6 @@ import * as i2 from "./localization/custom-messages.component";
  */
 export declare class PDFViewerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PDFViewerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PDFViewerModule, never, [typeof i1.PDFViewerComponent, typeof i2.PDFViewerCustomMessagesComponent], [typeof i1.PDFViewerComponent, typeof i2.PDFViewerCustomMessagesComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PDFViewerModule, never, [typeof i1.PDFViewerComponent, typeof i2.PDFViewerCustomMessagesComponent, typeof i3.BlankPageTemplateDirective], [typeof i1.PDFViewerComponent, typeof i2.PDFViewerCustomMessagesComponent, typeof i3.BlankPageTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PDFViewerModule>;
 }

package/schematics/ngAdd/index.js

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

package/templates/blank-page-template.directive.d.ts

@@ -0,0 +1,28 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Renders the content of the blank page in the PDFViewer component.
+ *
+ * To define a blank page template, nest an `<ng-template>` tag with the `kendoPdfViewerBlankPageTemplate` directive inside the `<kendo-pdfviewer>` tag.
+ *
+ * @example
+ * ```html
+ * <kendo-pdfviewer>
+ *   <ng-template kendoPdfViewerBlankPageTemplate>
+ *     <div class="custom-blank-page">
+ *       <p>Drop a PDF file here or click to select</p>
+ *     </div>
+ *   </ng-template>
+ * </kendo-pdfviewer>
+ * ```
+ */
+export declare class BlankPageTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<BlankPageTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BlankPageTemplateDirective, "[kendoPdfViewerBlankPageTemplate]", never, {}, {}, never, never, true, never>;
+}