@progress/kendo-angular-pdfviewer 17.0.0-develop.8 → 17.0.0

package/{esm2020 → esm2022}/loader/loader.component.mjs

@@ -9,14 +9,12 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export 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
@@ -25,7 +23,8 @@ LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
                 [themeColor]="settings?.themeColor"></kendo-loader>
         </div>
     `, isInline: true, dependencies: [{ kind: "component", type: LoaderIndicatorComponent, 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]',

package/{esm2020 → esm2022}/localization/custom-messages.component.mjs

@@ -11,6 +11,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Custom component messages override default component messages.
  */
 export class PDFViewerCustomMessagesComponent extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -18,13 +19,13 @@ export 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: [{

package/{esm2020 → esm2022}/localization/localized-messages.directive.mjs

@@ -11,19 +11,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export 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: [

package/esm2022/localization/messages.mjs

@@ -0,0 +1,171 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export 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 });
+}
+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
+                    selector: 'kendo-pdfviewer-messages-base'
+                }]
+        }], propDecorators: { zoomInTitle: [{
+                type: Input
+            }], zoomOutTitle: [{
+                type: Input
+            }], selectionTitle: [{
+                type: Input
+            }], panningTitle: [{
+                type: Input
+            }], searchTitle: [{
+                type: Input
+            }], openTitle: [{
+                type: Input
+            }], downloadTitle: [{
+                type: Input
+            }], printTitle: [{
+                type: Input
+            }], pagerInputLabel: [{
+                type: Input
+            }], pagerInputTitle: [{
+                type: Input
+            }], pagerFirstPage: [{
+                type: Input
+            }], pagerPreviousPage: [{
+                type: Input
+            }], pagerNextPage: [{
+                type: Input
+            }], pagerLastPage: [{
+                type: Input
+            }], pagerOf: [{
+                type: Input
+            }], pagerPage: [{
+                type: Input
+            }], fitToPage: [{
+                type: Input
+            }], fitToWidth: [{
+                type: Input
+            }], searchInputPlaceholder: [{
+                type: Input
+            }], searchMatchesOf: [{
+                type: Input
+            }], searchPreviousMatchTitle: [{
+                type: Input
+            }], searchNextMatchTitle: [{
+                type: Input
+            }], searchCloseTitle: [{
+                type: Input
+            }], searchMatchCaseTitle: [{
+                type: Input
+            }], zoomInputPlaceholder: [{
+                type: Input
+            }] } });

package/{esm2020 → esm2022}/models/events.mjs

@@ -8,6 +8,22 @@ import { PreventableEvent } from "@progress/kendo-angular-common";
  * If you cancel the event, the downloading of the file is prevented.
  */
 export 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
      */

package/{esm2020 → esm2022}/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-pdfviewer',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729170432,
-    version: '17.0.0-develop.8',
+    publishDate: 1731414240,
+    version: '17.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning',
 };

package/{esm2020 → esm2022}/pdfviewer.component.mjs

@@ -25,115 +25,63 @@ let counter = 0;
  * Represents the [Kendo UI PDFViewer component for Angular]({% slug overview_pdfviewer %}).
  */
 export 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)).
@@ -155,6 +103,42 @@ export 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.
      */
@@ -189,6 +173,11 @@ export class PDFViewerComponent {
         }
         return `k-pdfviewer-${counter}-pages-container`;
     }
+    loading = false;
+    searchActive = false;
+    matchCase = false;
+    currentMatches = [];
+    currentMatch;
     /**
      * @hidden
      */
@@ -204,6 +193,31 @@ export 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'));
     }
@@ -448,8 +462,7 @@ export class PDFViewerComponent {
                     if (hasObservers(this.error)) {
                         this.ngZone.run(() => this.error.emit({ error: e, context: this.pdfContext }));
                     }
-                },
-                enableAnnotations: false
+                }
             });
         }));
     }
@@ -478,8 +491,7 @@ export class PDFViewerComponent {
                     if (hasObservers(this.error)) {
                         this.ngZone.run(() => this.error.emit({ error: e, context: this.pdfContext }));
                     }
-                },
-                enableAnnotations: false
+                }
             });
         }
     }
@@ -510,15 +522,26 @@ export 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"
@@ -652,7 +675,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',

package/{esm2020 → esm2022}/pdfviewer.module.mjs

@@ -16,15 +16,15 @@ import * as i2 from "./localization/custom-messages.component";
  * definition for the PDFViewer component.
  */
 export 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: [i1.PDFViewerComponent, i2.PDFViewerCustomMessagesComponent], exports: [i1.PDFViewerComponent, i2.PDFViewerCustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PDFViewerModule, providers: [
+            IconsService,
+            PopupService,
+            ResizeBatchService
+        ], imports: [i1.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: [i1.PDFViewerComponent, i2.PDFViewerCustomMessagesComponent], exports: [i1.PDFViewerComponent, i2.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],