@progress/kendo-angular-pdfviewer 17.0.0-develop.3 → 17.0.0-develop.30

package/{fesm2020 → fesm2022}/progress-kendo-angular-pdfviewer.mjs

@@ -7,8 +7,8 @@ import { Directive, Input, forwardRef, Component, Injectable, HostBinding, Event
 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 { currentPage, removeChildren, scrollToPage, calculateZoomLevel, SearchService, print, goToNextSearchMatch, goToPreviousSearchMatch, loadPDF, Scroller, reloadDocument } from '@progress/kendo-pdfviewer-common';
-import { PreventableEvent, Keys, focusableSelector, hasObservers, shouldShowValidationUI, WatermarkOverlayComponent, ResizeBatchService } from '@progress/kendo-angular-common';
+import { removeChildren, scrollToPage, calculateZoomLevel, SearchService, print, goToNextSearchMatch, goToPreviousSearchMatch, loadPDF, Scroller, reloadDocument, currentPage } from '@progress/kendo-pdfviewer-common';
+import { PreventableEvent, Keys, focusableSelector, shouldShowValidationUI, hasObservers, WatermarkOverlayComponent, ResizeBatchService } from '@progress/kendo-angular-common';
 import { saveAs } from '@progress/kendo-file-saver';
 import { Subscription } from 'rxjs';
 import { PagerComponent, CustomMessagesComponent } from '@progress/kendo-angular-pager';
@@ -28,10 +28,110 @@ import { PopupService } from '@progress/kendo-angular-popup';
  * @hidden
  */
 class Messages extends ComponentMessages {
+    /**
+     * The ZoomIn tool title and label.
+     */
+    zoomInTitle;
+    /**
+     * The ZoomOut tool titla and label.
+     */
+    zoomOutTitle;
+    /**
+     * The Selection tool title and label.
+     */
+    selectionTitle;
+    /**
+     * The Panning tool title and label.
+     */
+    panningTitle;
+    /**
+     * The Search tool title and label.
+     */
+    searchTitle;
+    /**
+     * The Open tool title and label.
+     */
+    openTitle;
+    /**
+     * The Download tool title and label.
+     */
+    downloadTitle;
+    /**
+     * The Print tool title and label.
+     */
+    printTitle;
+    /**
+     * The `aria-label` attribute of the Pager input element.
+     */
+    pagerInputLabel;
+    /**
+     * The `title` attribute of the Pager input element.
+     */
+    pagerInputTitle;
+    /**
+     * The Pager **First page** button label.
+     */
+    pagerFirstPage;
+    /**
+     * The Pager **Previous page** button label.
+     */
+    pagerPreviousPage;
+    /**
+     * The Pager **Next page** button label.
+     */
+    pagerNextPage;
+    /**
+     * The Pager **Last page** button label.
+     */
+    pagerLastPage;
+    /**
+     * The text before the Pager total-page number.
+     */
+    pagerOf;
+    /**
+     * The text displayed before the Pager input.
+     */
+    pagerPage;
+    /**
+     * The text for the zoom level chooser Fit to page option.
+     */
+    fitToPage;
+    /**
+     * The text for the zoom level chooser Fit to width option.
+     */
+    fitToWidth;
+    /**
+     * The text for the search input placeholder.
+     */
+    searchInputPlaceholder;
+    /**
+     * The text before the total number of matches in the Search tool.
+     */
+    searchMatchesOf;
+    /**
+     * The title of the Search previous match button.
+     */
+    searchPreviousMatchTitle;
+    /**
+     * The title of the Search next match button.
+     */
+    searchNextMatchTitle;
+    /**
+     * The title of the Search close button.
+     */
+    searchCloseTitle;
+    /**
+     * The title of the Search match case button.
+     */
+    searchMatchCaseTitle;
+    /**
+     * The text for the zoom tool input placeholder.
+     */
+    zoomInputPlaceholder;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: Messages, 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" }, usesInheritance: true, ngImport: i0 });
 }
-Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: Messages, 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" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -93,6 +193,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Custom component messages override default component messages.
  */
 class PDFViewerCustomMessagesComponent extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -100,13 +201,13 @@ class PDFViewerCustomMessagesComponent extends Messages {
     get override() {
         return true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PDFViewerCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PDFViewerCustomMessagesComponent, isStandalone: true, selector: "kendo-pdfviewer-messages", providers: [{
+                provide: Messages,
+                useExisting: forwardRef(() => PDFViewerCustomMessagesComponent)
+            }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-PDFViewerCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFViewerCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-PDFViewerCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PDFViewerCustomMessagesComponent, isStandalone: true, selector: "kendo-pdfviewer-messages", providers: [{
-            provide: Messages,
-            useExisting: forwardRef(() => PDFViewerCustomMessagesComponent)
-        }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFViewerCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PDFViewerCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [{
@@ -126,8 +227,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-pdfviewer',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1728917624,
-    version: '17.0.0-develop.3',
+    publishDate: 1730389174,
+    version: '17.0.0-develop.30',
     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',
 };
 
@@ -212,6 +313,22 @@ const zoomToFitOptions = {
  * If you cancel the event, the downloading of the file is prevented.
  */
 class PDFViewerDownloadEvent extends PreventableEvent {
+    /**
+     * The Blob object.
+     */
+    blob;
+    /**
+     * The name which will be used for saving the file.
+     */
+    fileName;
+    /**
+     * The options which will be used for saving the file.
+     */
+    saveOptions;
+    /**
+     * Represents the currently loaded `PDF.js` document, its pages, and their DOM element wrapper.
+     */
+    context;
     /**
      * @hidden
      */
@@ -228,10 +345,11 @@ class PDFViewerDownloadEvent extends PreventableEvent {
  * @hidden
  */
 class ToolbarNavigationService {
+    localizationService;
+    focusableTools = [];
+    currentFocusIndex = 0;
     constructor(localizationService) {
         this.localizationService = localizationService;
-        this.focusableTools = [];
-        this.currentFocusIndex = 0;
     }
     register(tool) {
         if (!this.focusableTools.some(el => el === tool)) {
@@ -262,10 +380,10 @@ class ToolbarNavigationService {
         }
         this.focusableTools[this.currentFocusIndex].activate();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarNavigationService, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarNavigationService });
 }
-ToolbarNavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarNavigationService, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
-ToolbarNavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarNavigationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarNavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarNavigationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
 
@@ -273,20 +391,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class ToolbarComboBoxDirective {
+    combo;
+    hostEl;
+    inputElement;
     constructor(combo, hostEl) {
         this.combo = combo;
         this.hostEl = hostEl;
-        this.keydownHandler = (e) => {
-            if (e.keyCode === Keys.Escape) {
-                e.stopPropagation();
-                if (this.combo.isOpen) {
-                    this.combo.toggle(false);
-                }
-                else {
-                    this.hostEl.nativeElement.parentElement.focus();
-                }
-            }
-        };
     }
     ngAfterViewInit() {
         this.inputElement = this.combo.searchbar.input.nativeElement;
@@ -296,10 +406,21 @@ class ToolbarComboBoxDirective {
     ngOnDestroy() {
         this.inputElement.removeEventListener('keydown', this.keydownHandler);
     }
+    keydownHandler = (e) => {
+        if (e.keyCode === Keys.Escape) {
+            e.stopPropagation();
+            if (this.combo.isOpen) {
+                this.combo.toggle(false);
+            }
+            else {
+                this.hostEl.nativeElement.parentElement.focus();
+            }
+        }
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarComboBoxDirective, deps: [{ token: i1$1.ComboBoxComponent }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ToolbarComboBoxDirective, isStandalone: true, selector: "[kendoPDFViewerComboBox]", ngImport: i0 });
 }
-ToolbarComboBoxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComboBoxDirective, deps: [{ token: i1$1.ComboBoxComponent }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ToolbarComboBoxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComboBoxDirective, isStandalone: true, selector: "[kendoPDFViewerComboBox]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComboBoxDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarComboBoxDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoPDFViewerComboBox]',
@@ -313,6 +434,9 @@ const { signal } = controller;
  * @hidden
  */
 class ToolbarFocusableDirective {
+    host;
+    navigationService;
+    renderer;
     constructor(host, navigationService, renderer) {
         this.host = host;
         this.navigationService = navigationService;
@@ -354,10 +478,10 @@ class ToolbarFocusableDirective {
         this.renderer.setAttribute(element, 'tabindex', '0');
         element.focus();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarFocusableDirective, deps: [{ token: i0.ElementRef }, { token: ToolbarNavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ToolbarFocusableDirective, isStandalone: true, selector: "[kendoPDFViewerToolbarFocusable]", ngImport: i0 });
 }
-ToolbarFocusableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarFocusableDirective, deps: [{ token: i0.ElementRef }, { token: ToolbarNavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-ToolbarFocusableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarFocusableDirective, isStandalone: true, selector: "[kendoPDFViewerToolbarFocusable]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarFocusableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarFocusableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoPDFViewerToolbarFocusable]',
@@ -369,11 +493,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class ToolbarInputWrapperComponent {
+    host;
+    renderer;
+    toolbarTool;
+    hostClass = true;
+    subs = new Subscription();
     constructor(host, renderer) {
         this.host = host;
         this.renderer = renderer;
-        this.hostClass = true;
-        this.subs = new Subscription();
     }
     ngAfterViewInit() {
         this.subs.add(this.renderer.listen(this.host.nativeElement, 'keydown.enter', () => {
@@ -400,12 +527,12 @@ class ToolbarInputWrapperComponent {
     ngOnDestroy() {
         this.subs.unsubscribe();
     }
-}
-ToolbarInputWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarInputWrapperComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-ToolbarInputWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarInputWrapperComponent, isStandalone: true, selector: "kendo-toolbar-input-wrapper", inputs: { toolbarTool: "toolbarTool" }, host: { properties: { "class.k-toolbar-item": "this.hostClass" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarInputWrapperComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToolbarInputWrapperComponent, isStandalone: true, selector: "kendo-toolbar-input-wrapper", inputs: { toolbarTool: "toolbarTool" }, host: { properties: { "class.k-toolbar-item": "this.hostClass" } }, ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarInputWrapperComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarInputWrapperComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-toolbar-input-wrapper',
@@ -426,53 +553,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class ToolbarComponent {
+    localization;
+    navigationService;
+    toolbarClasses = true;
+    toolbarSizeClass = true;
+    fileSelectEl;
+    zoomLevel = {
+        text: '125%',
+        displayValue: '125%',
+        value: 1.25
+    };
+    calculatedComboBoxValue = {
+        text: 'Fit to width',
+        displayValue: null,
+        value: null
+    };
+    skip = 0;
+    pageSize = 1;
+    total;
+    zoomInDisabled;
+    zoomOutDisabled;
+    disabledTools;
+    zoomLevelChooserValue;
+    zoomOptionsData;
+    pagesContainerId;
+    tools;
+    fileSelect = new EventEmitter();
+    fileSelectStart = new EventEmitter();
+    fileSelectError = new EventEmitter();
+    download = new EventEmitter();
+    selectionEnabled = new EventEmitter();
+    panningEnabled = new EventEmitter();
+    pageChange = new EventEmitter();
+    zoomIn = new EventEmitter();
+    zoomOut = new EventEmitter();
+    zoomLevelChange = new EventEmitter();
+    print = new EventEmitter();
+    search = new EventEmitter();
+    zoomInIcon = zoomInIcon;
+    zoomOutIcon = zoomOutIcon;
+    handIcon = handIcon;
+    pointerIcon = pointerIcon;
+    searchIcon = searchIcon;
+    folderOpenIcon = folderOpenIcon;
+    downloadIcon = downloadIcon;
+    printIcon = printIcon;
+    pagerType = 'input';
     constructor(localization, navigationService) {
         this.localization = localization;
         this.navigationService = navigationService;
-        this.toolbarClass = true;
-        this.toolbarSizeClass = true;
-        this.zoomLevel = {
-            text: '125%',
-            displayValue: '125%',
-            value: 1.25
-        };
-        this.calculatedComboBoxValue = {
-            text: 'Fit to width',
-            displayValue: null,
-            value: null
-        };
-        this.skip = 0;
-        this.pageSize = 1;
-        this.fileSelect = new EventEmitter();
-        this.fileSelectStart = new EventEmitter();
-        this.fileSelectError = new EventEmitter();
-        this.download = new EventEmitter();
-        this.selectionEnabled = new EventEmitter();
-        this.panningEnabled = new EventEmitter();
-        this.pageChange = new EventEmitter();
-        this.zoomIn = new EventEmitter();
-        this.zoomOut = new EventEmitter();
-        this.zoomLevelChange = new EventEmitter();
-        this.print = new EventEmitter();
-        this.search = new EventEmitter();
-        this.zoomInIcon = zoomInIcon;
-        this.zoomOutIcon = zoomOutIcon;
-        this.handIcon = handIcon;
-        this.pointerIcon = pointerIcon;
-        this.searchIcon = searchIcon;
-        this.folderOpenIcon = folderOpenIcon;
-        this.downloadIcon = downloadIcon;
-        this.printIcon = printIcon;
-        this.pagerType = 'input';
-        this.valueNormalizer = (text) => text.pipe(map((value) => {
-            const parsedValue = parseFloat(value);
-            const newValue = Number.isNaN(parsedValue) ? 1 : parsedValue / 100;
-            return {
-                value: newValue,
-                displayValue: `${Math.round(newValue * 100)}%`,
-                text: `${Math.round(newValue * 100)}%`
-            };
-        }));
     }
     messageFor(key) {
         return this.localization.get(key);
@@ -498,9 +627,17 @@ class ToolbarComponent {
     focus() {
         this.navigationService.focusableTools[this.navigationService.currentFocusIndex].activate();
     }
-}
-ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.LocalizationService }, { token: ToolbarNavigationService }], target: i0.ɵɵFactoryTarget.Component });
-ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, isStandalone: true, selector: "[kendoPDFViewerToolbar]", inputs: { zoomLevel: "zoomLevel", calculatedComboBoxValue: "calculatedComboBoxValue", skip: "skip", pageSize: "pageSize", total: "total", zoomInDisabled: "zoomInDisabled", zoomOutDisabled: "zoomOutDisabled", disabledTools: "disabledTools", zoomLevelChooserValue: "zoomLevelChooserValue", zoomOptionsData: "zoomOptionsData", pagesContainerId: "pagesContainerId", tools: "tools" }, outputs: { fileSelect: "fileSelect", fileSelectStart: "fileSelectStart", fileSelectError: "fileSelectError", download: "download", selectionEnabled: "selectionEnabled", panningEnabled: "panningEnabled", pageChange: "pageChange", zoomIn: "zoomIn", zoomOut: "zoomOut", zoomLevelChange: "zoomLevelChange", print: "print", search: "search" }, host: { properties: { "class.k-toolbar": "this.toolbarClass", "class.k-toolbar-md": "this.toolbarSizeClass" } }, providers: [ToolbarNavigationService], viewQueries: [{ propertyName: "fileSelectEl", first: true, predicate: ["fileSelectEl"], descendants: true }], ngImport: i0, template: `
+    valueNormalizer = (text) => text.pipe(map((value) => {
+        const parsedValue = parseFloat(value);
+        const newValue = Number.isNaN(parsedValue) ? 1 : parsedValue / 100;
+        return {
+            value: newValue,
+            displayValue: `${Math.round(newValue * 100)}%`,
+            text: `${Math.round(newValue * 100)}%`
+        };
+    }));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.LocalizationService }, { token: ToolbarNavigationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToolbarComponent, isStandalone: true, selector: "[kendoPDFViewerToolbar]", inputs: { zoomLevel: "zoomLevel", calculatedComboBoxValue: "calculatedComboBoxValue", skip: "skip", pageSize: "pageSize", total: "total", zoomInDisabled: "zoomInDisabled", zoomOutDisabled: "zoomOutDisabled", disabledTools: "disabledTools", zoomLevelChooserValue: "zoomLevelChooserValue", zoomOptionsData: "zoomOptionsData", pagesContainerId: "pagesContainerId", tools: "tools" }, outputs: { fileSelect: "fileSelect", fileSelectStart: "fileSelectStart", fileSelectError: "fileSelectError", download: "download", selectionEnabled: "selectionEnabled", panningEnabled: "panningEnabled", pageChange: "pageChange", zoomIn: "zoomIn", zoomOut: "zoomOut", zoomLevelChange: "zoomLevelChange", print: "print", search: "search" }, host: { properties: { "class.k-toolbar": "this.toolbarClasses", "class.k-toolbar-flat": "this.toolbarClasses", "class.k-toolbar-md": "this.toolbarSizeClass" } }, providers: [ToolbarNavigationService], viewQueries: [{ propertyName: "fileSelectEl", first: true, predicate: ["fileSelectEl"], descendants: true }], ngImport: i0, template: `
         <ng-container *ngFor="let tool of tools">
             <ng-container [ngSwitch]="tool">
                 <kendo-toolbar-input-wrapper
@@ -537,10 +674,12 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
                 <kendo-buttongroup
                     *ngSwitchCase="'zoomInOut'"
                     [attr.aria-controls]="pagesContainerId"
+                    class="k-button-group-flat k-toolbar-button-group"
                     [navigable]="false">
                     <button
                         type="button"
                         kendoButton
+                        fillMode="flat"
                         kendoPDFViewerToolbarFocusable
                         icon="zoom-out"
                         [disabled]="disabledTools || zoomOutDisabled"
@@ -551,6 +690,7 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
                     <button
                         type="button"
                         kendoButton
+                        fillMode="flat"
                         kendoPDFViewerToolbarFocusable
                         icon="zoom-in"
                         [disabled]="disabledTools || zoomInDisabled"
@@ -566,6 +706,8 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
                     <kendo-combobox
                         #combobox
                         kendoPDFViewerComboBox
+                        class="k-toolbar-combobox"
+                        fillMode="flat"
                         [attr.aria-controls]="pagesContainerId"
                         [tabindex]="-1"
                         [data]="zoomOptionsData"
@@ -587,11 +729,13 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
                     *ngSwitchCase="'selection'"
                     [attr.aria-controls]="pagesContainerId"
                     [navigable]="false"
+                    class="k-button-group-flat k-toolbar-button-group"
                     selection="single">
                     <button
                         type="button"
                         kendoButton
                         kendoPDFViewerToolbarFocusable
+                        fillMode="flat"
                         icon="pointer"
                         [toggleable]="true"
                         [svgIcon]="pointerIcon"
@@ -602,6 +746,7 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
                         type="button"
                         kendoButton
                         kendoPDFViewerToolbarFocusable
+                        fillMode="flat"
                         icon="hand"
                         [svgIcon]="handIcon"
                         [toggleable]="true"
@@ -615,6 +760,8 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
                     type="button"
                     kendoPDFViewerToolbarFocusable
                     kendoButton
+                    class="k-toolbar-button"
+                    fillMode="flat"
                     icon="search"
                     [disabled]="disabledTools"
                     [attr.title]="messageFor('searchTitle')"
@@ -625,8 +772,11 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
                 <button
                     *ngSwitchCase="'open'"
                     type="button"
+                    fillMode="flat"
                     kendoPDFViewerToolbarFocusable
                     kendoButton
+                    class="k-toolbar-button"
+                    fillMode="flat"
                     icon="folder-open"
                     [svgIcon]="folderOpenIcon"
                     [attr.title]="messageFor('openTitle')"
@@ -637,8 +787,10 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
                 <button
                     *ngSwitchCase="'download'"
                     type="button"
+                    fillMode="flat"
                     kendoPDFViewerToolbarFocusable
                     kendoButton
+                    class="k-toolbar-button"
                     icon="download"
                     [svgIcon]="downloadIcon"
                     [disabled]="disabledTools"
@@ -648,8 +800,10 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
                 <button
                     *ngSwitchCase="'print'"
                     type="button"
+                    fillMode="flat"
                     kendoPDFViewerToolbarFocusable
                     kendoButton
+                    class="k-toolbar-button"
                     icon="print"
                     [svgIcon]="printIcon"
                     [disabled]="disabledTools"
@@ -666,8 +820,9 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
             aria-hidden="true"
             accept=".pdf, .PDF"
             (change)="onFileSelect($event)" />
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: ToolbarInputWrapperComponent, selector: "kendo-toolbar-input-wrapper", inputs: ["toolbarTool"] }, { kind: "directive", type: ToolbarFocusableDirective, selector: "[kendoPDFViewerToolbarFocusable]" }, { kind: "component", type: PagerComponent, selector: "kendo-datapager", inputs: ["total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager"] }, { kind: "component", type: CustomMessagesComponent, selector: "kendo-datapager-messages" }, { kind: "component", type: ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "directive", type: ToolbarComboBoxDirective, selector: "[kendoPDFViewerComboBox]" }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: ToolbarInputWrapperComponent, selector: "kendo-toolbar-input-wrapper", inputs: ["toolbarTool"] }, { kind: "directive", type: ToolbarFocusableDirective, selector: "[kendoPDFViewerToolbarFocusable]" }, { kind: "component", type: PagerComponent, selector: "kendo-datapager", inputs: ["total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager"] }, { kind: "component", type: CustomMessagesComponent, selector: "kendo-datapager-messages" }, { kind: "component", type: ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "directive", type: ToolbarComboBoxDirective, selector: "[kendoPDFViewerComboBox]" }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoPDFViewerToolbar]',
@@ -709,10 +864,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 <kendo-buttongroup
                     *ngSwitchCase="'zoomInOut'"
                     [attr.aria-controls]="pagesContainerId"
+                    class="k-button-group-flat k-toolbar-button-group"
                     [navigable]="false">
                     <button
                         type="button"
                         kendoButton
+                        fillMode="flat"
                         kendoPDFViewerToolbarFocusable
                         icon="zoom-out"
                         [disabled]="disabledTools || zoomOutDisabled"
@@ -723,6 +880,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     <button
                         type="button"
                         kendoButton
+                        fillMode="flat"
                         kendoPDFViewerToolbarFocusable
                         icon="zoom-in"
                         [disabled]="disabledTools || zoomInDisabled"
@@ -738,6 +896,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     <kendo-combobox
                         #combobox
                         kendoPDFViewerComboBox
+                        class="k-toolbar-combobox"
+                        fillMode="flat"
                         [attr.aria-controls]="pagesContainerId"
                         [tabindex]="-1"
                         [data]="zoomOptionsData"
@@ -759,11 +919,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     *ngSwitchCase="'selection'"
                     [attr.aria-controls]="pagesContainerId"
                     [navigable]="false"
+                    class="k-button-group-flat k-toolbar-button-group"
                     selection="single">
                     <button
                         type="button"
                         kendoButton
                         kendoPDFViewerToolbarFocusable
+                        fillMode="flat"
                         icon="pointer"
                         [toggleable]="true"
                         [svgIcon]="pointerIcon"
@@ -774,6 +936,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         type="button"
                         kendoButton
                         kendoPDFViewerToolbarFocusable
+                        fillMode="flat"
                         icon="hand"
                         [svgIcon]="handIcon"
                         [toggleable]="true"
@@ -787,6 +950,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     type="button"
                     kendoPDFViewerToolbarFocusable
                     kendoButton
+                    class="k-toolbar-button"
+                    fillMode="flat"
                     icon="search"
                     [disabled]="disabledTools"
                     [attr.title]="messageFor('searchTitle')"
@@ -797,8 +962,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 <button
                     *ngSwitchCase="'open'"
                     type="button"
+                    fillMode="flat"
                     kendoPDFViewerToolbarFocusable
                     kendoButton
+                    class="k-toolbar-button"
+                    fillMode="flat"
                     icon="folder-open"
                     [svgIcon]="folderOpenIcon"
                     [attr.title]="messageFor('openTitle')"
@@ -809,8 +977,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 <button
                     *ngSwitchCase="'download'"
                     type="button"
+                    fillMode="flat"
                     kendoPDFViewerToolbarFocusable
                     kendoButton
+                    class="k-toolbar-button"
                     icon="download"
                     [svgIcon]="downloadIcon"
                     [disabled]="disabledTools"
@@ -820,8 +990,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 <button
                     *ngSwitchCase="'print'"
                     type="button"
+                    fillMode="flat"
                     kendoPDFViewerToolbarFocusable
                     kendoButton
+                    class="k-toolbar-button"
                     icon="print"
                     [svgIcon]="printIcon"
                     [disabled]="disabledTools"
@@ -842,9 +1014,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     standalone: true,
                     imports: [NgFor, NgSwitch, NgSwitchCase, ToolbarInputWrapperComponent, ToolbarFocusableDirective, PagerComponent, CustomMessagesComponent, ButtonGroupComponent, ButtonComponent, ComboBoxComponent, ToolbarComboBoxDirective, ItemTemplateDirective, NgIf]
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: ToolbarNavigationService }]; }, propDecorators: { toolbarClass: [{
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: ToolbarNavigationService }]; }, propDecorators: { toolbarClasses: [{
                 type: HostBinding,
                 args: ['class.k-toolbar']
+            }, {
+                type: HostBinding,
+                args: ['class.k-toolbar-flat']
             }], toolbarSizeClass: [{
                 type: HostBinding,
                 args: ['class.k-toolbar-md']
@@ -905,23 +1080,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class PDFViewerSearchComponent {
-    constructor(localization) {
-        this.localization = localization;
-        this.ariaRole = 'dialog';
-        this.searchChange = new EventEmitter();
-        this.prevMatch = new EventEmitter();
-        this.nextMatch = new EventEmitter();
-        this.close = new EventEmitter();
-        this.convertLowercaseIcon = convertLowercaseIcon;
-        this.arrowUpIcon = arrowUpIcon;
-        this.arrowDownIcon = arrowDownIcon;
-        this.xIcon = xIcon;
-        this.value = null;
-        this.matchCase = false;
-    }
+    localization;
+    textbox;
+    closeButton;
+    ariaRole = 'dialog';
     onEscape() {
         this.close.emit();
     }
+    matches;
+    currentMatch;
+    searchChange = new EventEmitter();
+    prevMatch = new EventEmitter();
+    nextMatch = new EventEmitter();
+    close = new EventEmitter();
+    convertLowercaseIcon = convertLowercaseIcon;
+    arrowUpIcon = arrowUpIcon;
+    arrowDownIcon = arrowDownIcon;
+    xIcon = xIcon;
+    value = null;
+    matchCase = false;
+    constructor(localization) {
+        this.localization = localization;
+    }
     ngAfterViewInit() {
         this.textbox.focus();
     }
@@ -934,9 +1114,8 @@ class PDFViewerSearchComponent {
             this.closeButton.nativeElement.focus();
         }
     }
-}
-PDFViewerSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFViewerSearchComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-PDFViewerSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PDFViewerSearchComponent, isStandalone: true, selector: "[kendoPDFViewerSearch]", inputs: { matches: "matches", currentMatch: "currentMatch" }, outputs: { searchChange: "searchChange", prevMatch: "prevMatch", nextMatch: "nextMatch", close: "close" }, host: { listeners: { "keydown.escape": "onEscape()" }, properties: { "attr.role": "this.ariaRole" } }, viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }, { propertyName: "closeButton", first: true, predicate: ["closeButton"], descendants: true, read: ElementRef }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PDFViewerSearchComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PDFViewerSearchComponent, isStandalone: true, selector: "[kendoPDFViewerSearch]", inputs: { matches: "matches", currentMatch: "currentMatch" }, outputs: { searchChange: "searchChange", prevMatch: "prevMatch", nextMatch: "nextMatch", close: "close" }, host: { listeners: { "keydown.escape": "onEscape()" }, properties: { "attr.role": "this.ariaRole" } }, viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }, { propertyName: "closeButton", first: true, predicate: ["closeButton"], descendants: true, read: ElementRef }], ngImport: i0, template: `
         <kendo-textbox
             #textbox
             [placeholder]="messageFor('searchInputPlaceholder')"
@@ -986,8 +1165,9 @@ PDFViewerSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
             (keydown.tab)="$event.preventDefault(); textbox.focus();"
             icon='x'
             [svgIcon]="xIcon"></button>
-    `, isInline: true, dependencies: [{ kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFViewerSearchComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PDFViewerSearchComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoPDFViewerSearch]',
@@ -1075,14 +1255,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class LoaderComponent {
-    constructor() {
-        this.loaderContainerClass = true;
-        this.loaderContainerSizingClass = true;
-        this.loaderPositionClass = true;
-    }
-}
-LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LoaderComponent, isStandalone: true, selector: "[kendoPDFViewerLoader]", inputs: { settings: "settings" }, host: { properties: { "class.k-loader-container": "this.loaderContainerClass", "class.k-loader-container-md": "this.loaderContainerSizingClass", "class.k-loader-top": "this.loaderPositionClass" } }, ngImport: i0, template: `
+    settings;
+    loaderContainerClass = true;
+    loaderContainerSizingClass = true;
+    loaderPositionClass = true;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoaderComponent, isStandalone: true, selector: "[kendoPDFViewerLoader]", inputs: { settings: "settings" }, host: { properties: { "class.k-loader-container": "this.loaderContainerClass", "class.k-loader-container-md": "this.loaderContainerSizingClass", "class.k-loader-top": "this.loaderPositionClass" } }, ngImport: i0, template: `
         <div class="k-loader-container-overlay k-overlay-light"></div>
         <div class="k-loader-container-inner">
             <kendo-loader
@@ -1091,7 +1269,8 @@ LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
                 [themeColor]="settings?.themeColor"></kendo-loader>
         </div>
     `, isInline: true, dependencies: [{ kind: "component", type: LoaderComponent$1, selector: "kendo-loader", inputs: ["type", "themeColor", "size"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoaderComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoPDFViewerLoader]',
@@ -1124,19 +1303,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class LocalizedPDFViewerMessagesDirective extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedPDFViewerMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedPDFViewerMessagesDirective, isStandalone: true, selector: "[kendoPDFViewerLocalizedMessages]", providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => LocalizedPDFViewerMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-LocalizedPDFViewerMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedPDFViewerMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedPDFViewerMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedPDFViewerMessagesDirective, isStandalone: true, selector: "[kendoPDFViewerLocalizedMessages]", providers: [
-        {
-            provide: Messages,
-            useExisting: forwardRef(() => LocalizedPDFViewerMessagesDirective)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedPDFViewerMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedPDFViewerMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -1155,115 +1335,63 @@ let counter = 0;
  * Represents the [Kendo UI PDFViewer component for Angular]({% slug overview_pdfviewer %}).
  */
 class PDFViewerComponent {
-    constructor(ngZone, renderer, localizationService, cdr) {
-        this.ngZone = ngZone;
-        this.renderer = renderer;
-        this.localizationService = localizationService;
-        this.cdr = cdr;
-        this.hostClass = true;
-        /**
-         * Represents the tools collection rendered in the toolbar.
-         * @default ['pager', 'spacer', 'zoomInOut', 'zoom', 'selection', 'spacer', 'search', 'open', 'download', 'print' ]
-         */
-        this.tools = [
-            'pager',
-            'spacer',
-            'zoomInOut',
-            'zoom',
-            'selection',
-            'spacer',
-            'search',
-            'open',
-            'download',
-            'print'
-        ];
-        /**
-         * The configuration of the internal Loader component.
-         * @default { size: 'large', type: 'pulsing', themeColor: 'primary' }
-         */
-        this.loaderSettings = {
-            size: 'large',
-            type: 'pulsing',
-            themeColor: 'primary'
-        };
-        /**
-         * The name of the file that will be saved when the end user clicks the Download tool.
-         * @default 'Download'
-         */
-        this.saveFileName = 'Download';
-        /**
-         * Represents the options for saving the file when the end user clicks the Download tool.
-         * @default {}
-         */
-        this.saveOptions = {};
-        /**
-         * Represents the step the zoom level will be changed with when using the ZoomIn and ZoomOut tools.
-         * @default 0.25
-         */
-        this.zoomRate = 0.25;
-        /**
-         * Represents minimum allowed zoom value.
-         * @default 0.5
-         */
-        this.minZoom = 0.5;
-        /**
-         * Represents maximum allowed zoom value.
-         * @default 4
-         */
-        this.maxZoom = 4;
-        /**
-         * The event fired when a PDF document is successfully loaded in the `PDFViewer` component.
-         */
-        this.load = new EventEmitter();
-        /**
-         * The event fired when an error occurs during the loading or downloading of the PDF document.
-         */
-        this.error = new EventEmitter();
-        /**
-         * The event fired when an error occurs during the loading of the PDF document.
-         */
-        this.download = new EventEmitter();
-        /**
-         * The event fired when the end user changes the page of the loaded PDF document.
-         */
-        this.pageChange = new EventEmitter();
-        /**
-         * The event fired when the end user changes the zoom level of the loaded PDF document.
-         */
-        this.zoomLevelChange = new EventEmitter();
-        this.loading = false;
-        this.searchActive = false;
-        this.matchCase = false;
-        this.currentMatches = [];
-        /**
-         * @hidden
-         */
-        this.showLicenseWatermark = false;
-        this.skip = 0;
-        this.zoomOptionsData = zoomOptionsData;
-        this.zoomLevel = this.zoomOptionsData[5];
-        this._pdfContext = null;
-        this._enabledSelection = false;
-        this._zoom = INITIAL_ZOOM_LEVEL;
-        this._zoomToFit = false;
-        this.subs = new Subscription();
-        this.scrollListener = (e) => {
-            const nextPage = currentPage(e.target.parentNode);
-            if (nextPage !== this.skip) {
-                this.ngZone.run(() => {
-                    hasObservers(this.pageChange) && this.pageChange.emit({
-                        previousPage: this.currentPage,
-                        currentPage: nextPage + 1
-                    });
-                    this.skip = nextPage;
-                });
-            }
-        };
-        const isValid = validatePackage(packageMetadata);
-        this.showLicenseWatermark = shouldShowValidationUI(isValid);
-        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
-        counter++;
-    }
+    ngZone;
+    renderer;
+    localizationService;
+    cdr;
+    hostClass = true;
+    direction;
+    /**
+     * Represents the tools collection rendered in the toolbar.
+     * @default ['pager', 'spacer', 'zoomInOut', 'zoom', 'selection', 'spacer', 'search', 'open', 'download', 'print' ]
+     */
+    tools = [
+        'pager',
+        'spacer',
+        'zoomInOut',
+        'zoom',
+        'selection',
+        'spacer',
+        'search',
+        'open',
+        'download',
+        'print'
+    ];
+    /**
+     * The configuration of the internal Loader component.
+     * @default { size: 'large', type: 'pulsing', themeColor: 'primary' }
+     */
+    loaderSettings = {
+        size: 'large',
+        type: 'pulsing',
+        themeColor: 'primary'
+    };
+    /**
+     * The name of the file that will be saved when the end user clicks the Download tool.
+     * @default 'Download'
+     */
+    saveFileName = 'Download';
+    /**
+     * Represents the options for saving the file when the end user clicks the Download tool.
+     * @default {}
+     */
+    saveOptions = {};
+    /**
+     * Represents the url of the PDF file.
+     */
+    url;
+    /**
+     * Represents the data of the PDF file in [Base64 format](https://developer.mozilla.org/en-US/docs/Glossary/Base64).
+     */
+    data;
+    /**
+     * Represents the raw [binary data buffer](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) of the PDF file.
+     */
+    arrayBuffer;
+    /**
+     * Represents the data of the PDF file in [`TypedArray`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypedArray) format.
+     */
+    typedArray;
     /**
      * The initial zoom level of the PDF document
      * ([see example](slug:tools_pdfviewer#zooming-tools)).
@@ -1285,6 +1413,42 @@ class PDFViewerComponent {
     get zoom() {
         return this._zoom;
     }
+    /**
+     * Represents the step the zoom level will be changed with when using the ZoomIn and ZoomOut tools.
+     * @default 0.25
+     */
+    zoomRate = 0.25;
+    /**
+     * Represents minimum allowed zoom value.
+     * @default 0.5
+     */
+    minZoom = 0.5;
+    /**
+     * Represents maximum allowed zoom value.
+     * @default 4
+     */
+    maxZoom = 4;
+    /**
+     * The event fired when a PDF document is successfully loaded in the `PDFViewer` component.
+     */
+    load = new EventEmitter();
+    /**
+     * The event fired when an error occurs during the loading or downloading of the PDF document.
+     */
+    error = new EventEmitter();
+    /**
+     * The event fired when an error occurs during the loading of the PDF document.
+     */
+    download = new EventEmitter();
+    /**
+     * The event fired when the end user changes the page of the loaded PDF document.
+     */
+    pageChange = new EventEmitter();
+    /**
+     * The event fired when the end user changes the zoom level of the loaded PDF document.
+     */
+    zoomLevelChange = new EventEmitter();
+    pagesContainer;
     /**
      * Returns the current page number of the loaded PDF document.
      */
@@ -1319,6 +1483,11 @@ class PDFViewerComponent {
         }
         return `k-pdfviewer-${counter}-pages-container`;
     }
+    loading = false;
+    searchActive = false;
+    matchCase = false;
+    currentMatches = [];
+    currentMatch;
     /**
      * @hidden
      */
@@ -1334,6 +1503,31 @@ class PDFViewerComponent {
     get enabledSelection() {
         return this._enabledSelection;
     }
+    /**
+     * @hidden
+     */
+    showLicenseWatermark = false;
+    skip = 0;
+    zoomOptionsData = zoomOptionsData;
+    zoomLevel = this.zoomOptionsData[5];
+    _pdfContext = null;
+    _enabledSelection = false;
+    _zoom = INITIAL_ZOOM_LEVEL;
+    _fitType;
+    _zoomToFit = false;
+    pdfScroller;
+    searchService;
+    subs = new Subscription();
+    constructor(ngZone, renderer, localizationService, cdr) {
+        this.ngZone = ngZone;
+        this.renderer = renderer;
+        this.localizationService = localizationService;
+        this.cdr = cdr;
+        const isValid = validatePackage(packageMetadata);
+        this.showLicenseWatermark = shouldShowValidationUI(isValid);
+        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
+        counter++;
+    }
     ngOnInit() {
         this.subs.add(this.localizationService.changes.subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr'));
     }
@@ -1638,15 +1832,26 @@ class PDFViewerComponent {
     isSet(changes, source) {
         return this[source] || (changes[source] && changes[source].currentValue);
     }
-}
-PDFViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFViewerComponent, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-PDFViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PDFViewerComponent, isStandalone: true, selector: "kendo-pdfviewer", inputs: { tools: "tools", loaderSettings: "loaderSettings", saveFileName: "saveFileName", saveOptions: "saveOptions", url: "url", data: "data", arrayBuffer: "arrayBuffer", typedArray: "typedArray", zoom: "zoom", zoomRate: "zoomRate", minZoom: "minZoom", maxZoom: "maxZoom" }, outputs: { load: "load", error: "error", download: "download", pageChange: "pageChange", zoomLevelChange: "zoomLevelChange" }, host: { properties: { "class.k-pdf-viewer": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.pdfviewer'
+    scrollListener = (e) => {
+        const nextPage = currentPage(e.target.parentNode);
+        if (nextPage !== this.skip) {
+            this.ngZone.run(() => {
+                hasObservers(this.pageChange) && this.pageChange.emit({
+                    previousPage: this.currentPage,
+                    currentPage: nextPage + 1
+                });
+                this.skip = nextPage;
+            });
         }
-    ], viewQueries: [{ propertyName: "pagesContainer", first: true, predicate: ["pagesContainer"], descendants: true }], exportAs: ["kendo-pdfviewer"], usesOnChanges: true, ngImport: i0, template: `
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PDFViewerComponent, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PDFViewerComponent, isStandalone: true, selector: "kendo-pdfviewer", inputs: { tools: "tools", loaderSettings: "loaderSettings", saveFileName: "saveFileName", saveOptions: "saveOptions", url: "url", data: "data", arrayBuffer: "arrayBuffer", typedArray: "typedArray", zoom: "zoom", zoomRate: "zoomRate", minZoom: "minZoom", maxZoom: "maxZoom" }, outputs: { load: "load", error: "error", download: "download", pageChange: "pageChange", zoomLevelChange: "zoomLevelChange" }, host: { properties: { "class.k-pdf-viewer": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.pdfviewer'
+            }
+        ], viewQueries: [{ propertyName: "pagesContainer", first: true, predicate: ["pagesContainer"], descendants: true }], 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"
@@ -1780,7 +1985,8 @@ PDFViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
 
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
     `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedPDFViewerMessagesDirective, selector: "[kendoPDFViewerLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"], outputs: ["fileSelect", "fileSelectStart", "fileSelectError", "download", "selectionEnabled", "panningEnabled", "pageChange", "zoomIn", "zoomOut", "zoomLevelChange", "print", "search"] }, { kind: "component", type: PDFViewerSearchComponent, selector: "[kendoPDFViewerSearch]", inputs: ["matches", "currentMatch"], outputs: ["searchChange", "prevMatch", "nextMatch", "close"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFViewerComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PDFViewerComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendo-pdfviewer',
@@ -1988,15 +2194,15 @@ const KENDO_PDFVIEWER = [
  * definition for the PDFViewer component.
  */
 class PDFViewerModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PDFViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PDFViewerModule, imports: [PDFViewerComponent, PDFViewerCustomMessagesComponent], exports: [PDFViewerComponent, PDFViewerCustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PDFViewerModule, providers: [
+            IconsService,
+            PopupService,
+            ResizeBatchService
+        ], imports: [PDFViewerComponent] });
 }
-PDFViewerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PDFViewerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PDFViewerModule, imports: [PDFViewerComponent, PDFViewerCustomMessagesComponent], exports: [PDFViewerComponent, PDFViewerCustomMessagesComponent] });
-PDFViewerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFViewerModule, providers: [
-        IconsService,
-        PopupService,
-        ResizeBatchService
-    ], imports: [KENDO_PDFVIEWER] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFViewerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PDFViewerModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_PDFVIEWER],