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

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.2',
     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,13 +2571,13 @@ 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"
@@ -2590,7 +2691,16 @@ class PDFViewerComponent {
           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,
@@ -2797,7 +2932,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           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,7 +3013,32 @@ 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>
@@ -2878,7 +3047,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }
         `,
                     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": 1768577588,
+  "version": "22.1.0-develop.2",
   "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.2",
   "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": 1768577588,
       "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,22 +29,23 @@
     "@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-angular-buttons": "22.1.0-develop.2",
+    "@progress/kendo-angular-common": "22.1.0-develop.2",
+    "@progress/kendo-angular-dialog": "22.1.0-develop.2",
+    "@progress/kendo-angular-dropdowns": "22.1.0-develop.2",
+    "@progress/kendo-angular-inputs": "22.1.0-develop.2",
+    "@progress/kendo-angular-intl": "22.1.0-develop.2",
+    "@progress/kendo-angular-l10n": "22.1.0-develop.2",
+    "@progress/kendo-angular-icons": "22.1.0-develop.2",
+    "@progress/kendo-angular-indicators": "22.1.0-develop.2",
+    "@progress/kendo-angular-pager": "22.1.0-develop.2",
+    "@progress/kendo-angular-popup": "22.1.0-develop.2",
+    "@progress/kendo-angular-upload": "22.1.0-develop.2",
     "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.2",
     "@progress/kendo-file-saver": "^1.0.1",
     "@progress/kendo-pdfviewer-common": "0.6.2"
   },

package/pdfviewer.component.d.ts

@@ -10,9 +10,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 +132,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 +159,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 +189,10 @@ export declare class PDFViewerComponent implements OnInit, OnDestroy {
      * @hidden
      */
     get annotationsToolId(): string;
+    /**
+     * @hidden
+     */
+    get pdfId(): string;
     loading: boolean;
     searchActive: boolean;
     matchCase: boolean;
@@ -192,6 +207,10 @@ export declare class PDFViewerComponent implements OnInit, OnDestroy {
      * @hidden
      */
     get enabledSelection(): boolean;
+    /**
+     * @hidden
+     */
+    get isBlankPage(): boolean;
     /**
      * @hidden
      */
@@ -308,6 +327,10 @@ export declare class PDFViewerComponent implements OnInit, OnDestroy {
      * @hidden
      */
     onPreviousMatch(): void;
+    /**
+     * @hidden
+     */
+    onSelectFile(e: SelectEvent): void;
     /**
      * @hidden
      */
@@ -328,5 +351,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.2',
+            '@progress/kendo-angular-treeview': '22.1.0-develop.2'
         } });
     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>;
+}