@progress/kendo-angular-pager 3.0.3 → 4.0.0-dev.202204131851

package/{dist/fesm2015/index.js → fesm2015/kendo-angular-pager.js}

@@ -2,15 +2,20 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { __decorate, __metadata, __param } from 'tslib';
-import { Input, Component, forwardRef, ChangeDetectionStrategy, ChangeDetectorRef, ViewChild, HostBinding, Directive, Optional, TemplateRef, NgZone, EventEmitter, ContentChild, Output, ElementRef, NgModule } from '@angular/core';
+import * as i0 from '@angular/core';
+import { Directive, Input, forwardRef, Component, ChangeDetectionStrategy, ViewChild, HostBinding, Optional, EventEmitter, ContentChild, Output, NgModule } from '@angular/core';
+import * as i1 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { Subject, Subscription } from 'rxjs';
-import { DropDownListComponent, DropDownListModule } from '@progress/kendo-angular-dropdowns';
+import * as i3 from '@progress/kendo-angular-dropdowns';
+import { DropDownListModule } from '@progress/kendo-angular-dropdowns';
+import * as i3$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3$2 from '@progress/kendo-angular-inputs';
 import { NumericTextBoxComponent, NumericTextBoxModule } from '@progress/kendo-angular-inputs';
+import * as i5 from '@progress/kendo-angular-common';
 import { Keys, anyChanged, ResizeSensorComponent, EventsModule, ResizeSensorModule } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
-import { CommonModule } from '@angular/common';
 
 /**
  * @hidden
@@ -57,53 +62,41 @@ class PageSizeChangeEvent extends PreventableEvent {
  */
 class Messages extends ComponentMessages {
 }
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], Messages.prototype, "firstPage", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], Messages.prototype, "lastPage", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], Messages.prototype, "previousPage", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], Messages.prototype, "nextPage", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], Messages.prototype, "page", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], Messages.prototype, "pageNumberInputTitle", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], Messages.prototype, "itemsPerPage", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], Messages.prototype, "of", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], Messages.prototype, "items", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], Messages.prototype, "selectPage", void 0);
+Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: Messages, selector: "kendoPagerMessages", inputs: { firstPage: "firstPage", lastPage: "lastPage", previousPage: "previousPage", nextPage: "nextPage", page: "page", pageNumberInputTitle: "pageNumberInputTitle", itemsPerPage: "itemsPerPage", of: "of", items: "items", selectPage: "selectPage" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Messages, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'kendoPagerMessages'
+                }]
+        }], propDecorators: { firstPage: [{
+                type: Input
+            }], lastPage: [{
+                type: Input
+            }], previousPage: [{
+                type: Input
+            }], nextPage: [{
+                type: Input
+            }], page: [{
+                type: Input
+            }], pageNumberInputTitle: [{
+                type: Input
+            }], itemsPerPage: [{
+                type: Input
+            }], of: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], selectPage: [{
+                type: Input
+            }] } });
 
-var CustomMessagesComponent_1;
 /**
  * Custom component messages override default component messages
  * ([see example]({% slug pager_globalization %}#toc-messages)).
  */
-let CustomMessagesComponent = CustomMessagesComponent_1 = class CustomMessagesComponent extends Messages {
+class CustomMessagesComponent extends Messages {
     constructor(service) {
         super();
         this.service = service;
@@ -111,20 +104,56 @@ let CustomMessagesComponent = CustomMessagesComponent_1 = class CustomMessagesCo
     get override() {
         return true;
     }
-};
-CustomMessagesComponent = CustomMessagesComponent_1 = __decorate([
-    Component({
-        providers: [
-            {
-                provide: Messages,
-                useExisting: forwardRef(() => CustomMessagesComponent_1)
-            }
-        ],
-        selector: 'kendo-datapager-messages',
-        template: ``
-    }),
-    __metadata("design:paramtypes", [LocalizationService])
-], CustomMessagesComponent);
+}
+CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomMessagesComponent, selector: "kendo-datapager-messages", providers: [
+        {
+            provide: Messages,
+            useExisting: forwardRef(() => CustomMessagesComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: Messages,
+                            useExisting: forwardRef(() => CustomMessagesComponent)
+                        }
+                    ],
+                    selector: 'kendo-datapager-messages',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
+
+/**
+ * @hidden
+ */
+class LocalizedMessagesDirective extends Messages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+}
+LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedMessagesDirective, selector: "[kendoDataPagerLocalizedMessages]", providers: [
+        {
+            provide: Messages,
+            useExisting: forwardRef(() => LocalizedMessagesDirective)
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: Messages,
+                            useExisting: forwardRef(() => LocalizedMessagesDirective)
+                        }
+                    ],
+                    selector: '[kendoDataPagerLocalizedMessages]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
 
 /**
  * @hidden
@@ -233,11 +262,21 @@ class PagerElementComponent {
         }
     }
 }
+PagerElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerElementComponent, deps: [{ token: i1.LocalizationService }, { token: PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+PagerElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerElementComponent, selector: "kendo-pager-element", ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerElementComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-pager-element',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: PagerContextService }, { type: i0.ChangeDetectorRef }]; } });
 
+// eslint-disable no-access-missing-member
 /**
  * Displays buttons for navigating to the first and to the previous page ([see example]({% slug pager_settings %})).
  */
-let PagerPrevButtonsComponent = class PagerPrevButtonsComponent extends PagerElementComponent {
+class PagerPrevButtonsComponent extends PagerElementComponent {
     constructor(localization, pagerContext, cd) {
         super(localization, pagerContext, cd);
     }
@@ -257,12 +296,36 @@ let PagerPrevButtonsComponent = class PagerPrevButtonsComponent extends PagerEle
         this.pageSize = pageSize;
         this.cd.markForCheck();
     }
-};
-PagerPrevButtonsComponent = __decorate([
-    Component({
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        selector: 'kendo-datapager-prev-buttons',
-        template: `
+}
+PagerPrevButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerPrevButtonsComponent, deps: [{ token: i1.LocalizationService }, { token: PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+PagerPrevButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons", usesInheritance: true, ngImport: i0, template: `
+        <button
+            type="button"
+            class="k-link k-pager-nav k-pager-first"
+            [class.k-disabled]="disabled"
+            [title]="textFor('firstPage')"
+            [attr.aria-label]="textFor('firstPage')"
+            [attr.aria-disabled]="disabled ? true : undefined"
+            (click)="currentPage !== 1 ? changePage(0) : false">
+            <span class="k-icon k-i-seek-w" role="note" [attr.aria-label]="textFor('firstPage')"></span>
+        </button>
+        <button
+            type="button"
+            class="k-link k-pager-nav"
+            [class.k-disabled]="disabled"
+            [title]="textFor('previousPage')"
+            [attr.aria-label]="textFor('previousPage')"
+            [attr.aria-disabled]="disabled ? true : undefined"
+            (click)="currentPage !== 1 ? changePage(currentPage-2) : false">
+            <span class="k-icon k-i-arrow-w" role="note" [attr.aria-label]="textFor('previousPage')"></span>
+        </button>
+    `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerPrevButtonsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-datapager-prev-buttons',
+                    template: `
         <button
             type="button"
             class="k-link k-pager-nav k-pager-first"
@@ -284,24 +347,18 @@ PagerPrevButtonsComponent = __decorate([
             <span class="k-icon k-i-arrow-w" role="note" [attr.aria-label]="textFor('previousPage')"></span>
         </button>
     `
-    }),
-    __metadata("design:paramtypes", [LocalizationService,
-        PagerContextService,
-        ChangeDetectorRef])
-], PagerPrevButtonsComponent);
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: PagerContextService }, { type: i0.ChangeDetectorRef }]; } });
 
 /**
  * Displays a drop-down list for the page size selection ([see example]({% slug pager_settings %})).
  */
-let PagerPageSizesComponent = class PagerPageSizesComponent extends PagerElementComponent {
+class PagerPageSizesComponent extends PagerElementComponent {
     constructor(localization, cd, pagerContext) {
         super(localization, pagerContext, cd);
         this.pagerContext = pagerContext;
         this._pageSizes = [];
     }
-    get pageSizes() {
-        return this._pageSizes;
-    }
     /**
      * The page sizes collection. Can contain numbers and [PageSizeItem]({% slug api_pager_pagesizeitem %}) objects.
      *
@@ -422,22 +479,27 @@ let PagerPageSizesComponent = class PagerPageSizesComponent extends PagerElement
      */
     set pageSizes(pageSizes) {
         let normalizedItems = [];
-        pageSizes.forEach(item => {
-            if (typeof item === 'number') {
-                normalizedItems.push({
-                    text: item.toString(),
-                    value: item
-                });
-            }
-            else {
-                normalizedItems.push(item);
-            }
-        });
+        if (Array.isArray(pageSizes)) {
+            pageSizes.forEach(item => {
+                if (typeof item === 'number') {
+                    normalizedItems.push({
+                        text: item.toString(),
+                        value: item
+                    });
+                }
+                else {
+                    normalizedItems.push(item);
+                }
+            });
+        }
         if (this.pageSize && !normalizedItems.some(item => item.value === this.pageSize)) {
             normalizedItems = [{ text: this.pageSize.toString(), value: this.pageSize }, ...normalizedItems];
         }
         this._pageSizes = normalizedItems;
     }
+    get pageSizes() {
+        return this._pageSizes;
+    }
     /**
      * @hidden
      *
@@ -465,27 +527,25 @@ let PagerPageSizesComponent = class PagerPageSizesComponent extends PagerElement
         this.pageSize = typeof pageSize === 'number' ? pageSize : this.total;
         this.cd.markForCheck();
     }
-};
-__decorate([
-    ViewChild('dropdownlist', { static: true }),
-    __metadata("design:type", DropDownListComponent)
-], PagerPageSizesComponent.prototype, "dropDownList", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Array),
-    __metadata("design:paramtypes", [Array])
-], PagerPageSizesComponent.prototype, "pageSizes", null);
-__decorate([
-    HostBinding("class.k-pager-sizes"),
-    HostBinding("class.k-label"),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], PagerPageSizesComponent.prototype, "classes", null);
-PagerPageSizesComponent = __decorate([
-    Component({
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        selector: 'kendo-datapager-page-sizes',
-        template: `
+}
+PagerPageSizesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerPageSizesComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: PagerContextService }], target: i0.ɵɵFactoryTarget.Component });
+PagerPageSizesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerPageSizesComponent, selector: "kendo-datapager-page-sizes", inputs: { pageSizes: "pageSizes" }, host: { properties: { "class.k-pager-sizes": "this.classes", "class.k-label": "this.classes" } }, viewQueries: [{ propertyName: "dropDownList", first: true, predicate: ["dropdownlist"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+        <kendo-dropdownlist
+            #dropdownlist
+            [data]="pageSizes"
+            textField="text"
+            valueField="value"
+            [valuePrimitive]="true"
+            [value]="pageSize"
+            (valueChange)="pageSizeChange($event, dropdownlist)"></kendo-dropdownlist>
+        {{ textFor('itemsPerPage') }}
+    `, isInline: true, components: [{ type: i3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerPageSizesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-datapager-page-sizes',
+                    template: `
         <kendo-dropdownlist
             #dropdownlist
             [data]="pageSizes"
@@ -496,11 +556,19 @@ PagerPageSizesComponent = __decorate([
             (valueChange)="pageSizeChange($event, dropdownlist)"></kendo-dropdownlist>
         {{ textFor('itemsPerPage') }}
     `
-    }),
-    __metadata("design:paramtypes", [LocalizationService,
-        ChangeDetectorRef,
-        PagerContextService])
-], PagerPageSizesComponent);
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: PagerContextService }]; }, propDecorators: { dropDownList: [{
+                type: ViewChild,
+                args: ['dropdownlist', { static: true }]
+            }], pageSizes: [{
+                type: Input
+            }], classes: [{
+                type: HostBinding,
+                args: ["class.k-pager-sizes"]
+            }, {
+                type: HostBinding,
+                args: ["class.k-label"]
+            }] } });
 
 /**
  * Represents the pager template which helps to customize the pager appearance. To define a pager
@@ -544,23 +612,26 @@ PagerPageSizesComponent = __decorate([
  *
  * ```
  */
-let PagerTemplateDirective = class PagerTemplateDirective {
+class PagerTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-PagerTemplateDirective = __decorate([
-    Directive({
-        selector: '[kendoDataPagerTemplate]'
-    }),
-    __param(0, Optional()),
-    __metadata("design:paramtypes", [TemplateRef])
-], PagerTemplateDirective);
+}
+PagerTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+PagerTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PagerTemplateDirective, selector: "[kendoDataPagerTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoDataPagerTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });
 
 /**
  * Displays numeric buttons to enable navigation between the pages.
  */
-let PagerNumericButtonsComponent = class PagerNumericButtonsComponent extends PagerElementComponent {
+class PagerNumericButtonsComponent extends PagerElementComponent {
     constructor(localization, cd, pagerContext) {
         super(localization, pagerContext, cd);
         this.pagerContext = pagerContext;
@@ -635,20 +706,9 @@ let PagerNumericButtonsComponent = class PagerNumericButtonsComponent extends Pa
     get pageChooserLabel() {
         return this.textFor('selectPage');
     }
-};
-__decorate([
-    HostBinding('class.k-pager-numbers-wrap'),
-    __metadata("design:type", Boolean)
-], PagerNumericButtonsComponent.prototype, "numbersWrapClass", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], PagerNumericButtonsComponent.prototype, "buttonCount", void 0);
-PagerNumericButtonsComponent = __decorate([
-    Component({
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        selector: 'kendo-datapager-numeric-buttons',
-        template: `
+}
+PagerNumericButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerNumericButtonsComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: PagerContextService }], target: i0.ɵɵFactoryTarget.Component });
+PagerNumericButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons", inputs: { buttonCount: "buttonCount" }, host: { properties: { "class.k-pager-numbers-wrap": "this.numbersWrapClass" } }, usesInheritance: true, ngImport: i0, template: `
         <select
             class="k-dropdown-list k-picker k-picker-md k-rounded-md k-picker-solid"
             [attr.title]="pageChooserLabel"
@@ -663,8 +723,8 @@ PagerNumericButtonsComponent = __decorate([
             <option *ngFor="let num of buttons"
                 [value]="num.toString()"
                 [attr.aria-label]="pageLabel(num)"
-                [attr.aria-current]="currentPage == num ? 'page' : undefined"
-                [ngClass]="{'k-link': true, 'k-state-selected':currentPage == num}">
+                [attr.aria-current]="currentPage === num ? 'page' : undefined"
+                [ngClass]="{'k-link': true, 'k-state-selected':currentPage === num}">
                 {{num}}
             </option>
             <option *ngIf="end < totalPages"
@@ -685,8 +745,65 @@ PagerNumericButtonsComponent = __decorate([
                 <button
                     type="button"
                     [attr.aria-label]="pageLabel(num)"
-                    [attr.aria-current]="currentPage == num ? 'page' : undefined"
-                    [ngClass]="{'k-link': true, 'k-state-selected':currentPage == num}"
+                    [attr.aria-current]="currentPage === num ? 'page' : undefined"
+                    [ngClass]="{'k-link': true, 'k-state-selected':currentPage === num}"
+                    (click)="changePage(num - 1)">
+                    {{num}}
+                </button>
+            </li>
+            <li *ngIf="end < totalPages">
+                <button
+                    type="button"
+                    class="k-link"
+                    [attr.aria-label]="pageLabel(end + 1)"
+                    (click)="changePage(end)">...</button>
+            </li>
+        </ul>
+    `, isInline: true, directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerNumericButtonsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-datapager-numeric-buttons',
+                    template: `
+        <select
+            class="k-dropdown-list k-picker k-picker-md k-rounded-md k-picker-solid"
+            [attr.title]="pageChooserLabel"
+            [attr.aria-label]="pageChooserLabel"
+            [value]="(currentPage).toString()"
+            (change)="onSelectChange($event)">
+            <option *ngIf="start > 1"
+                class="k-link"
+                value="previousButtons"
+                [attr.aria-label]="pageLabel(start - 1)">...
+            </option>
+            <option *ngFor="let num of buttons"
+                [value]="num.toString()"
+                [attr.aria-label]="pageLabel(num)"
+                [attr.aria-current]="currentPage === num ? 'page' : undefined"
+                [ngClass]="{'k-link': true, 'k-state-selected':currentPage === num}">
+                {{num}}
+            </option>
+            <option *ngIf="end < totalPages"
+                value="nextButtons"
+                class="k-link"
+                [attr.aria-label]="pageLabel(end + 1)">...
+            </option>
+        </select>
+        <ul [ngClass]="{'k-pager-numbers': true, 'k-reset': true}">
+            <li *ngIf="start > 1">
+                <button
+                    type="button"
+                    class="k-link"
+                    [attr.aria-label]="pageLabel(start - 1)"
+                    (click)="changePage(start - 2)">...</button>
+            </li>
+            <li *ngFor="let num of buttons">
+                <button
+                    type="button"
+                    [attr.aria-label]="pageLabel(num)"
+                    [attr.aria-current]="currentPage === num ? 'page' : undefined"
+                    [ngClass]="{'k-link': true, 'k-state-selected':currentPage === num}"
                     (click)="changePage(num - 1)">
                     {{num}}
                 </button>
@@ -700,16 +817,19 @@ PagerNumericButtonsComponent = __decorate([
             </li>
         </ul>
     `
-    }),
-    __metadata("design:paramtypes", [LocalizationService,
-        ChangeDetectorRef,
-        PagerContextService])
-], PagerNumericButtonsComponent);
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: PagerContextService }]; }, propDecorators: { numbersWrapClass: [{
+                type: HostBinding,
+                args: ['class.k-pager-numbers-wrap']
+            }], buttonCount: [{
+                type: Input
+            }] } });
 
+// eslint-disable  no-access-missing-member
 /**
  * Displays buttons for navigating to the next and to the last page ([see example]({% slug pager_settings %})).
  */
-let PagerNextButtonsComponent = class PagerNextButtonsComponent extends PagerElementComponent {
+class PagerNextButtonsComponent extends PagerElementComponent {
     constructor(localization, pagerContext, cd) {
         super(localization, pagerContext, cd);
     }
@@ -729,12 +849,36 @@ let PagerNextButtonsComponent = class PagerNextButtonsComponent extends PagerEle
         this.pageSize = pageSize;
         this.cd.markForCheck();
     }
-};
-PagerNextButtonsComponent = __decorate([
-    Component({
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        selector: 'kendo-datapager-next-buttons',
-        template: `
+}
+PagerNextButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerNextButtonsComponent, deps: [{ token: i1.LocalizationService }, { token: PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+PagerNextButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons", usesInheritance: true, ngImport: i0, template: `
+        <button
+            type="button"
+            class="k-link k-pager-nav"
+            [class.k-disabled]="disabled"
+            [title]="textFor('nextPage')"
+            [attr.aria-label]="textFor('nextPage')"
+            [attr.aria-disabled]="disabled ? true : undefined"
+            (click)="currentPage !== totalPages ? changePage(currentPage) : false">
+            <span class="k-icon k-i-arrow-e" role="note" [attr.aria-label]="textFor('nextPage')"></span>
+        </button>
+        <button
+            type="button"
+            class="k-link k-pager-nav k-pager-last"
+            [class.k-disabled]="disabled"
+            [title]="textFor('lastPage')"
+            [attr.aria-label]="textFor('lastPage')"
+            [attr.aria-disabled]="disabled ? true : undefined"
+            (click)="currentPage !== totalPages ? changePage(totalPages-1) : false">
+            <span class="k-icon k-i-seek-e" role="note" [attr.aria-label]="textFor('lastPage')"></span>
+        </button>
+    `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerNextButtonsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-datapager-next-buttons',
+                    template: `
         <button
             type="button"
             class="k-link k-pager-nav"
@@ -756,16 +900,13 @@ PagerNextButtonsComponent = __decorate([
             <span class="k-icon k-i-seek-e" role="note" [attr.aria-label]="textFor('lastPage')"></span>
         </button>
     `
-    }),
-    __metadata("design:paramtypes", [LocalizationService,
-        PagerContextService,
-        ChangeDetectorRef])
-], PagerNextButtonsComponent);
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: PagerContextService }, { type: i0.ChangeDetectorRef }]; } });
 
 /**
  * Displays an input element which allows the typing and rendering of page numbers.
  */
-let PagerInputComponent = class PagerInputComponent extends PagerElementComponent {
+class PagerInputComponent extends PagerElementComponent {
     constructor(localization, pagerContext, zone, cd) {
         super(localization, pagerContext, cd);
         this.pagerContext = pagerContext;
@@ -779,7 +920,7 @@ let PagerInputComponent = class PagerInputComponent extends PagerElementComponen
          */
         this.handleKeyDown = (event) => {
             let incomingValue = this.numericInput.value || this.current;
-            // tslint:disable:deprecation
+            // eslint-disable import/no-deprecated
             if (event.keyCode === Keys.Enter) {
                 event.preventDefault();
                 if (incomingValue !== this.current) {
@@ -827,15 +968,34 @@ let PagerInputComponent = class PagerInputComponent extends PagerElementComponen
         this.pageSize = pageSize;
         this.cd.markForCheck();
     }
-};
-__decorate([
-    ViewChild(NumericTextBoxComponent, { static: true }),
-    __metadata("design:type", NumericTextBoxComponent)
-], PagerInputComponent.prototype, "numericInput", void 0);
-PagerInputComponent = __decorate([
-    Component({
-        selector: 'kendo-datapager-input',
-        template: `
+}
+PagerInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerInputComponent, deps: [{ token: i1.LocalizationService }, { token: PagerContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+PagerInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerInputComponent, selector: "kendo-datapager-input", viewQueries: [{ propertyName: "numericInput", first: true, predicate: NumericTextBoxComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+     <span [ngClass]="{'k-pager-input': true, 'k-label': true}">
+        {{textFor('page')}}
+        <kendo-numerictextbox
+            [spinners]="false"
+            [decimals]="0"
+            format="n0"
+            [disabled]="!hasPages"
+            [value]="current"
+            [min]="hasPages ? 1 : 0"
+            [max]="totalPages"
+            [autoCorrect]="true"
+            [title]="textFor('pageNumberInputTitle')"
+            [kendoEventsOutsideAngular]="{
+                keydown: handleKeyDown,
+                focusout: handleBlur
+            }">
+        </kendo-numerictextbox>
+        {{textFor('of')}} {{totalPages}}
+     </span>
+    `, isInline: true, components: [{ type: i3$2.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }], directives: [{ type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-datapager-input',
+                    template: `
      <span [ngClass]="{'k-pager-input': true, 'k-label': true}">
         {{textFor('page')}}
         <kendo-numerictextbox
@@ -856,17 +1016,17 @@ PagerInputComponent = __decorate([
         {{textFor('of')}} {{totalPages}}
      </span>
     `
-    }),
-    __metadata("design:paramtypes", [LocalizationService,
-        PagerContextService,
-        NgZone,
-        ChangeDetectorRef])
-], PagerInputComponent);
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: PagerContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { numericInput: [{
+                type: ViewChild,
+                args: [NumericTextBoxComponent, { static: true }]
+            }] } });
 
+// eslint-disable no-access-missing-member
 /**
  * Displays information about the current page and the total number of records ([see example]({% slug pager_settings %})).
  */
-let PagerInfoComponent = class PagerInfoComponent extends PagerElementComponent {
+class PagerInfoComponent extends PagerElementComponent {
     constructor(localization, cd, pagerContext) {
         super(localization, pagerContext, cd);
         this.pagerContext = pagerContext;
@@ -909,23 +1069,23 @@ let PagerInfoComponent = class PagerInfoComponent extends PagerElementComponent
         this.pageSize = pageSize;
         this.cd.markForCheck();
     }
-};
-__decorate([
-    HostBinding("class.k-pager-info"),
-    HostBinding("class.k-label"),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], PagerInfoComponent.prototype, "classes", null);
-PagerInfoComponent = __decorate([
-    Component({
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        selector: 'kendo-datapager-info',
-        template: `{{currentPageText}} - {{maxItems}} {{textFor('of')}} {{total}} {{textFor('items')}}`
-    }),
-    __metadata("design:paramtypes", [LocalizationService,
-        ChangeDetectorRef,
-        PagerContextService])
-], PagerInfoComponent);
+}
+PagerInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerInfoComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: PagerContextService }], target: i0.ɵɵFactoryTarget.Component });
+PagerInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerInfoComponent, selector: "kendo-datapager-info", host: { properties: { "class.k-pager-info": "this.classes", "class.k-label": "this.classes" } }, usesInheritance: true, ngImport: i0, template: `{{currentPageText}} - {{maxItems}} {{textFor('of')}} {{total}} {{textFor('items')}}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerInfoComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-datapager-info',
+                    template: `{{currentPageText}} - {{maxItems}} {{textFor('of')}} {{total}} {{textFor('items')}}`
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: PagerContextService }]; }, propDecorators: { classes: [{
+                type: HostBinding,
+                args: ["class.k-pager-info"]
+            }, {
+                type: HostBinding,
+                args: ["class.k-label"]
+            }] } });
 
 /**
  * @hidden
@@ -948,12 +1108,12 @@ const packageMetadata = {
     name: '@progress/kendo-angular-pager',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1647344354,
+    publishDate: 1649875855,
     version: '',
     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'
 };
 
-let PagerComponent = class PagerComponent {
+class PagerComponent {
     constructor(pagerContext, element, localization) {
         this.pagerContext = pagerContext;
         this.element = element;
@@ -1103,82 +1263,12 @@ let PagerComponent = class PagerComponent {
             this.pageChange.emit({ skip: this.skip, take: event.newPageSize });
         }
     }
-};
-__decorate([
-    ViewChild(ResizeSensorComponent, { static: true }),
-    __metadata("design:type", ResizeSensorComponent)
-], PagerComponent.prototype, "resizeSensor", void 0);
-__decorate([
-    ContentChild(PagerTemplateDirective, { static: false }),
-    __metadata("design:type", PagerTemplateDirective)
-], PagerComponent.prototype, "template", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], PagerComponent.prototype, "total", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], PagerComponent.prototype, "skip", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], PagerComponent.prototype, "pageSize", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], PagerComponent.prototype, "buttonCount", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], PagerComponent.prototype, "info", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], PagerComponent.prototype, "type", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], PagerComponent.prototype, "pageSizeValues", null);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], PagerComponent.prototype, "previousNext", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], PagerComponent.prototype, "pageChange", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], PagerComponent.prototype, "pageSizeChange", void 0);
-__decorate([
-    HostBinding('class.k-pager-wrap'),
-    __metadata("design:type", Boolean)
-], PagerComponent.prototype, "pagerWrapClass", void 0);
-__decorate([
-    HostBinding('class.k-pager'),
-    __metadata("design:type", Boolean)
-], PagerComponent.prototype, "pagerClass", void 0);
-__decorate([
-    HostBinding('attr.role'),
-    __metadata("design:type", String)
-], PagerComponent.prototype, "widgetRole", void 0);
-__decorate([
-    HostBinding('attr.dir'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], PagerComponent.prototype, "dir", null);
-PagerComponent = __decorate([
-    Component({
-        selector: 'kendo-datapager',
-        exportAs: 'kendoDataPager',
-        providers: [
-            LocalizationService,
-            PagerContextService
-        ],
-        template: `
+}
+PagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerComponent, deps: [{ token: PagerContextService }, { token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+PagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerComponent, selector: "kendo-datapager", inputs: { total: "total", skip: "skip", pageSize: "pageSize", buttonCount: "buttonCount", info: "info", type: "type", pageSizeValues: "pageSizeValues", previousNext: "previousNext" }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, host: { properties: { "class.k-pager-wrap": "this.pagerWrapClass", "class.k-pager": "this.pagerClass", "attr.role": "this.widgetRole", "attr.dir": "this.dir" } }, providers: [
+        LocalizationService,
+        PagerContextService
+    ], queries: [{ propertyName: "template", first: true, predicate: PagerTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "resizeSensor", first: true, predicate: ResizeSensorComponent, descendants: true, static: true }], exportAs: ["kendoDataPager"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoDataPagerLocalizedMessages
             i18n-firstPage="kendo.pager.firstPage|The label for the first page button in the Pager"
             firstPage="Go to the first page"
@@ -1228,35 +1318,107 @@ PagerComponent = __decorate([
             <kendo-datapager-page-sizes *ngIf="pageSizeValues" [pageSizes]="pageSizeValues"></kendo-datapager-page-sizes>
         </ng-container>
         <kendo-resize-sensor></kendo-resize-sensor>
-  `
-    }),
-    __metadata("design:paramtypes", [PagerContextService,
-        ElementRef,
-        LocalizationService])
-], PagerComponent);
+  `, isInline: true, components: [{ type: PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons" }, { type: PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons", inputs: ["buttonCount"] }, { type: PagerInputComponent, selector: "kendo-datapager-input" }, { type: PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons" }, { type: PagerInfoComponent, selector: "kendo-datapager-info" }, { type: PagerPageSizesComponent, selector: "kendo-datapager-page-sizes", inputs: ["pageSizes"] }, { type: i5.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: LocalizedMessagesDirective, selector: "[kendoDataPagerLocalizedMessages]" }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-datapager',
+                    exportAs: 'kendoDataPager',
+                    providers: [
+                        LocalizationService,
+                        PagerContextService
+                    ],
+                    template: `
+        <ng-container kendoDataPagerLocalizedMessages
+            i18n-firstPage="kendo.pager.firstPage|The label for the first page button in the Pager"
+            firstPage="Go to the first page"
 
-var LocalizedMessagesDirective_1;
-/**
- * @hidden
- */
-let LocalizedMessagesDirective = LocalizedMessagesDirective_1 = class LocalizedMessagesDirective extends Messages {
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-};
-LocalizedMessagesDirective = LocalizedMessagesDirective_1 = __decorate([
-    Directive({
-        providers: [
-            {
-                provide: Messages,
-                useExisting: forwardRef(() => LocalizedMessagesDirective_1)
-            }
-        ],
-        selector: '[kendoDataPagerLocalizedMessages]'
-    }),
-    __metadata("design:paramtypes", [LocalizationService])
-], LocalizedMessagesDirective);
+            i18n-previousPage="kendo.pager.previousPage|The label for the previous page button in the Pager"
+            previousPage="Go to the previous page"
+
+            i18n-nextPage="kendo.pager.nextPage|The label for the next page button in the Pager"
+            nextPage="Go to the next page"
+
+            i18n-lastPage="kendo.pager.lastPage|The label for the last page button in the Pager"
+            lastPage="Go to the last page"
+
+            i18n-page="kendo.pager.page|The label before the current page number in the Pager"
+            page="Page"
+
+            i18n-of="kendo.pager.of|The label before the total pages number in the Pager"
+            of="of"
+
+            i18n-pageNumberInputTitle="kendo.pager.pageNumberInputTitle|The label for the pager input in the Pager"
+            pageNumberInputTitle="Page Number"
+
+            i18n-items="kendo.pager.items|The label after the total pages number in the Pager"
+            items="items"
+
+            i18n-itemsPerPage="kendo.pager.itemsPerPage|The label for the page size chooser in the Pager"
+            itemsPerPage="items per page"
+
+            i18n-selectPage="kendo.pager.selectPage|The text of the title and aria-label attributes applied to the page chooser in the Pager"
+            selectPage="Select page"
+         >
+        </ng-container>
+        <ng-container
+            *ngIf="template?.templateRef"
+            [ngTemplateOutlet]="template.templateRef"
+            [ngTemplateOutletContext]="templateContext">
+        </ng-container>
+        <ng-container *ngIf="!template?.templateRef">
+            <kendo-datapager-prev-buttons *ngIf="previousNext"></kendo-datapager-prev-buttons>
+            <kendo-datapager-numeric-buttons
+                *ngIf="type === 'numeric' && buttonCount > 0"
+                [buttonCount]="buttonCount">
+            </kendo-datapager-numeric-buttons>
+            <kendo-datapager-input *ngIf="type === 'input'"></kendo-datapager-input>
+            <kendo-datapager-next-buttons *ngIf="previousNext"></kendo-datapager-next-buttons>
+            <kendo-datapager-info *ngIf='info'></kendo-datapager-info>
+            <kendo-datapager-page-sizes *ngIf="pageSizeValues" [pageSizes]="pageSizeValues"></kendo-datapager-page-sizes>
+        </ng-container>
+        <kendo-resize-sensor></kendo-resize-sensor>
+  `
+                }]
+        }], ctorParameters: function () { return [{ type: PagerContextService }, { type: i0.ElementRef }, { type: i1.LocalizationService }]; }, propDecorators: { resizeSensor: [{
+                type: ViewChild,
+                args: [ResizeSensorComponent, { static: true }]
+            }], template: [{
+                type: ContentChild,
+                args: [PagerTemplateDirective, { static: false }]
+            }], total: [{
+                type: Input
+            }], skip: [{
+                type: Input
+            }], pageSize: [{
+                type: Input
+            }], buttonCount: [{
+                type: Input
+            }], info: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], pageSizeValues: [{
+                type: Input
+            }], previousNext: [{
+                type: Input
+            }], pageChange: [{
+                type: Output
+            }], pageSizeChange: [{
+                type: Output
+            }], pagerWrapClass: [{
+                type: HostBinding,
+                args: ['class.k-pager-wrap']
+            }], pagerClass: [{
+                type: HostBinding,
+                args: ['class.k-pager']
+            }], widgetRole: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], dir: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }] } });
 
 const importedModules = [
     CommonModule,
@@ -1286,7 +1448,7 @@ const providers = [
 /**
  * @hidden
  */
-let PagerModule = class PagerModule {
+class PagerModule {
     static exports() {
         return [
             PagerComponent,
@@ -1299,18 +1461,45 @@ let PagerModule = class PagerModule {
             PagerTemplateDirective
         ];
     }
-};
-PagerModule = __decorate([
-    NgModule({
-        declarations: [INTERNAL_COMPONENTS],
-        exports: [INTERNAL_COMPONENTS],
-        imports: [...importedModules],
-        providers: [providers]
-    })
-], PagerModule);
+}
+PagerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PagerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerModule, declarations: [PagerComponent,
+        PagerPrevButtonsComponent,
+        PagerNextButtonsComponent,
+        PagerNumericButtonsComponent,
+        PagerInputComponent,
+        PagerInfoComponent,
+        PagerPageSizesComponent,
+        PagerTemplateDirective,
+        LocalizedMessagesDirective,
+        CustomMessagesComponent], imports: [CommonModule,
+        NumericTextBoxModule,
+        DropDownListModule,
+        EventsModule,
+        ResizeSensorModule], exports: [PagerComponent,
+        PagerPrevButtonsComponent,
+        PagerNextButtonsComponent,
+        PagerNumericButtonsComponent,
+        PagerInputComponent,
+        PagerInfoComponent,
+        PagerPageSizesComponent,
+        PagerTemplateDirective,
+        LocalizedMessagesDirective,
+        CustomMessagesComponent] });
+PagerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerModule, providers: [providers], imports: [[...importedModules]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [INTERNAL_COMPONENTS],
+                    exports: [INTERNAL_COMPONENTS],
+                    imports: [...importedModules],
+                    providers: [providers]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { LocalizedMessagesDirective, Messages, PagerContextService, PagerElementComponent, PreventableEvent, PageSizeChangeEvent, CustomMessagesComponent, PagerPrevButtonsComponent, PagerPageSizesComponent, PagerTemplateDirective, PagerNumericButtonsComponent, PagerNextButtonsComponent, PagerInputComponent, PagerInfoComponent, PagerComponent, PagerModule };
+export { CustomMessagesComponent, LocalizedMessagesDirective, PageSizeChangeEvent, PagerComponent, PagerInfoComponent, PagerInputComponent, PagerModule, PagerNextButtonsComponent, PagerNumericButtonsComponent, PagerPageSizesComponent, PagerPrevButtonsComponent, PagerTemplateDirective };
+