@progress/kendo-angular-pager 2.0.2 → 3.0.0-dev.202201191131

package/dist/es2015/pager/pager-numeric-buttons.component.js

@@ -82,6 +82,9 @@ let PagerNumericButtonsComponent = class PagerNumericButtonsComponent extends Pa
         this.pageSize = pageSize;
         this.cd.markForCheck();
     }
+    get pageChooserLabel() {
+        return this.textFor('selectPage');
+    }
 };
 tslib_1.__decorate([
     HostBinding('class.k-pager-numbers-wrap'),
@@ -97,7 +100,9 @@ PagerNumericButtonsComponent = tslib_1.__decorate([
         selector: 'kendo-datapager-numeric-buttons',
         template: `
         <select
-            class="k-dropdown"
+            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"
@@ -109,7 +114,7 @@ PagerNumericButtonsComponent = tslib_1.__decorate([
                 [value]="num.toString()"
                 [attr.aria-label]="pageLabel(num)"
                 [attr.aria-current]="currentPage == num ? 'page' : undefined"
-                [ngClass]="{'k-link': true, 'k-state-selected':currentPage == num}">
+                [ngClass]="{'k-link': true, 'k-selected':currentPage == num}">
                 {{num}}
             </option>
             <option *ngIf="end < totalPages"
@@ -131,7 +136,7 @@ PagerNumericButtonsComponent = tslib_1.__decorate([
                     type="button"
                     [attr.aria-label]="pageLabel(num)"
                     [attr.aria-current]="currentPage == num ? 'page' : undefined"
-                    [ngClass]="{'k-link': true, 'k-state-selected':currentPage == num}"
+                    [ngClass]="{'k-link': true, 'k-selected':currentPage == num}"
                     (click)="changePage(num - 1)">
                     {{num}}
                 </button>

package/dist/es2015/pager/pager-prev-buttons.component.js

@@ -40,7 +40,7 @@ PagerPrevButtonsComponent = tslib_1.__decorate([
         <button
             type="button"
             class="k-link k-pager-nav k-pager-first"
-            [class.k-state-disabled]="disabled"
+            [class.k-disabled]="disabled"
             [title]="textFor('firstPage')"
             [attr.aria-label]="textFor('firstPage')"
             [attr.aria-disabled]="disabled ? true : undefined"
@@ -50,7 +50,7 @@ PagerPrevButtonsComponent = tslib_1.__decorate([
         <button
             type="button"
             class="k-link k-pager-nav"
-            [class.k-state-disabled]="disabled"
+            [class.k-disabled]="disabled"
             [title]="textFor('previousPage')"
             [attr.aria-label]="textFor('previousPage')"
             [attr.aria-disabled]="disabled ? true : undefined"

package/dist/es2015/pager/pager.component.d.ts

@@ -65,7 +65,6 @@ export declare class PagerComponent implements OnChanges, OnInit, OnDestroy {
     pageSizeChange: EventEmitter<PageSizeChangeEvent>;
     pagerWrapClass: boolean;
     pagerClass: boolean;
-    widgetClass: boolean;
     widgetRole: string;
     readonly dir: string;
     readonly totalPages: number;

package/dist/es2015/pager/pager.component.js

@@ -55,7 +55,6 @@ let PagerComponent = class PagerComponent {
         this.pageSizeChange = new EventEmitter();
         this.pagerWrapClass = true;
         this.pagerClass = true;
-        this.widgetClass = true;
         this.widgetRole = 'navigation';
         this.subscriptions = new Subscription();
         this._templateContext = {};
@@ -222,10 +221,6 @@ tslib_1.__decorate([
     HostBinding('class.k-pager'),
     tslib_1.__metadata("design:type", Boolean)
 ], PagerComponent.prototype, "pagerClass", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-widget'),
-    tslib_1.__metadata("design:type", Boolean)
-], PagerComponent.prototype, "widgetClass", void 0);
 tslib_1.__decorate([
     HostBinding('attr.role'),
     tslib_1.__metadata("design:type", String)
@@ -271,6 +266,9 @@ PagerComponent = tslib_1.__decorate([
 
             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

package/dist/fesm2015/index.js

@@ -93,6 +93,10 @@ __decorate([
     Input(),
     __metadata("design:type", String)
 ], Messages.prototype, "items", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], Messages.prototype, "selectPage", void 0);
 
 var CustomMessagesComponent_1;
 /**
@@ -262,7 +266,7 @@ PagerPrevButtonsComponent = __decorate([
         <button
             type="button"
             class="k-link k-pager-nav k-pager-first"
-            [class.k-state-disabled]="disabled"
+            [class.k-disabled]="disabled"
             [title]="textFor('firstPage')"
             [attr.aria-label]="textFor('firstPage')"
             [attr.aria-disabled]="disabled ? true : undefined"
@@ -272,7 +276,7 @@ PagerPrevButtonsComponent = __decorate([
         <button
             type="button"
             class="k-link k-pager-nav"
-            [class.k-state-disabled]="disabled"
+            [class.k-disabled]="disabled"
             [title]="textFor('previousPage')"
             [attr.aria-label]="textFor('previousPage')"
             [attr.aria-disabled]="disabled ? true : undefined"
@@ -628,6 +632,9 @@ let PagerNumericButtonsComponent = class PagerNumericButtonsComponent extends Pa
         this.pageSize = pageSize;
         this.cd.markForCheck();
     }
+    get pageChooserLabel() {
+        return this.textFor('selectPage');
+    }
 };
 __decorate([
     HostBinding('class.k-pager-numbers-wrap'),
@@ -643,7 +650,9 @@ PagerNumericButtonsComponent = __decorate([
         selector: 'kendo-datapager-numeric-buttons',
         template: `
         <select
-            class="k-dropdown"
+            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"
@@ -655,7 +664,7 @@ PagerNumericButtonsComponent = __decorate([
                 [value]="num.toString()"
                 [attr.aria-label]="pageLabel(num)"
                 [attr.aria-current]="currentPage == num ? 'page' : undefined"
-                [ngClass]="{'k-link': true, 'k-state-selected':currentPage == num}">
+                [ngClass]="{'k-link': true, 'k-selected':currentPage == num}">
                 {{num}}
             </option>
             <option *ngIf="end < totalPages"
@@ -677,7 +686,7 @@ PagerNumericButtonsComponent = __decorate([
                     type="button"
                     [attr.aria-label]="pageLabel(num)"
                     [attr.aria-current]="currentPage == num ? 'page' : undefined"
-                    [ngClass]="{'k-link': true, 'k-state-selected':currentPage == num}"
+                    [ngClass]="{'k-link': true, 'k-selected':currentPage == num}"
                     (click)="changePage(num - 1)">
                     {{num}}
                 </button>
@@ -729,7 +738,7 @@ PagerNextButtonsComponent = __decorate([
         <button
             type="button"
             class="k-link k-pager-nav"
-            [class.k-state-disabled]="disabled"
+            [class.k-disabled]="disabled"
             [title]="textFor('nextPage')"
             [attr.aria-label]="textFor('nextPage')"
             [attr.aria-disabled]="disabled ? true : undefined"
@@ -739,7 +748,7 @@ PagerNextButtonsComponent = __decorate([
         <button
             type="button"
             class="k-link k-pager-nav k-pager-last"
-            [class.k-state-disabled]="disabled"
+            [class.k-disabled]="disabled"
             [title]="textFor('lastPage')"
             [attr.aria-label]="textFor('lastPage')"
             [attr.aria-disabled]="disabled ? true : undefined"
@@ -939,7 +948,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-pager',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1635939992,
+    publishDate: 1642591830,
     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'
 };
@@ -986,7 +995,6 @@ let PagerComponent = class PagerComponent {
         this.pageSizeChange = new EventEmitter();
         this.pagerWrapClass = true;
         this.pagerClass = true;
-        this.widgetClass = true;
         this.widgetRole = 'navigation';
         this.subscriptions = new Subscription();
         this._templateContext = {};
@@ -1153,10 +1161,6 @@ __decorate([
     HostBinding('class.k-pager'),
     __metadata("design:type", Boolean)
 ], PagerComponent.prototype, "pagerClass", void 0);
-__decorate([
-    HostBinding('class.k-widget'),
-    __metadata("design:type", Boolean)
-], PagerComponent.prototype, "widgetClass", void 0);
 __decorate([
     HostBinding('attr.role'),
     __metadata("design:type", String)
@@ -1202,6 +1206,9 @@ PagerComponent = __decorate([
 
             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

package/dist/fesm5/index.js

@@ -100,6 +100,10 @@ var Messages = /** @class */ (function (_super) {
         Input(),
         __metadata("design:type", String)
     ], Messages.prototype, "items", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "selectPage", void 0);
     return Messages;
 }(ComponentMessages));
 
@@ -295,7 +299,7 @@ var PagerPrevButtonsComponent = /** @class */ (function (_super) {
         Component({
             changeDetection: ChangeDetectionStrategy.OnPush,
             selector: 'kendo-datapager-prev-buttons',
-            template: "\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav k-pager-first\"\n            [class.k-state-disabled]=\"disabled\"\n            [title]=\"textFor('firstPage')\"\n            [attr.aria-label]=\"textFor('firstPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== 1 ? changePage(0) : false\">\n            <span class=\"k-icon k-i-seek-w\" [attr.aria-label]=\"textFor('firstPage')\"></span>\n        </button>\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav\"\n            [class.k-state-disabled]=\"disabled\"\n            [title]=\"textFor('previousPage')\"\n            [attr.aria-label]=\"textFor('previousPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== 1 ? changePage(currentPage-2) : false\">\n            <span class=\"k-icon k-i-arrow-w\" [attr.aria-label]=\"textFor('previousPage')\"></span>\n        </button>\n    "
+            template: "\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav k-pager-first\"\n            [class.k-disabled]=\"disabled\"\n            [title]=\"textFor('firstPage')\"\n            [attr.aria-label]=\"textFor('firstPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== 1 ? changePage(0) : false\">\n            <span class=\"k-icon k-i-seek-w\" [attr.aria-label]=\"textFor('firstPage')\"></span>\n        </button>\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav\"\n            [class.k-disabled]=\"disabled\"\n            [title]=\"textFor('previousPage')\"\n            [attr.aria-label]=\"textFor('previousPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== 1 ? changePage(currentPage-2) : false\">\n            <span class=\"k-icon k-i-arrow-w\" [attr.aria-label]=\"textFor('previousPage')\"></span>\n        </button>\n    "
         }),
         __metadata("design:paramtypes", [LocalizationService,
             PagerContextService,
@@ -665,6 +669,13 @@ var PagerNumericButtonsComponent = /** @class */ (function (_super) {
         this.pageSize = pageSize;
         this.cd.markForCheck();
     };
+    Object.defineProperty(PagerNumericButtonsComponent.prototype, "pageChooserLabel", {
+        get: function () {
+            return this.textFor('selectPage');
+        },
+        enumerable: true,
+        configurable: true
+    });
     __decorate([
         HostBinding('class.k-pager-numbers-wrap'),
         __metadata("design:type", Boolean)
@@ -677,7 +688,7 @@ var PagerNumericButtonsComponent = /** @class */ (function (_super) {
         Component({
             changeDetection: ChangeDetectionStrategy.OnPush,
             selector: 'kendo-datapager-numeric-buttons',
-            template: "\n        <select\n            class=\"k-dropdown\"\n            [value]=\"(currentPage).toString()\"\n            (change)=\"onSelectChange($event)\">\n            <option *ngIf=\"start > 1\"\n                class=\"k-link\"\n                value=\"previousButtons\"\n                [attr.aria-label]=\"pageLabel(start - 1)\">...\n            </option>\n            <option *ngFor=\"let num of buttons\"\n                [value]=\"num.toString()\"\n                [attr.aria-label]=\"pageLabel(num)\"\n                [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n                [ngClass]=\"{'k-link': true, 'k-state-selected':currentPage == num}\">\n                {{num}}\n            </option>\n            <option *ngIf=\"end < totalPages\"\n                value=\"nextButtons\"\n                class=\"k-link\"\n                [attr.aria-label]=\"pageLabel(end + 1)\">...\n            </option>\n        </select>\n        <ul [ngClass]=\"{'k-pager-numbers': true, 'k-reset': true}\">\n            <li *ngIf=\"start > 1\">\n                <button\n                    type=\"button\"\n                    class=\"k-link\"\n                    [attr.aria-label]=\"pageLabel(start - 1)\"\n                    (click)=\"changePage(start - 2)\">...</button>\n            </li>\n            <li *ngFor=\"let num of buttons\">\n                <button\n                    type=\"button\"\n                    [attr.aria-label]=\"pageLabel(num)\"\n                    [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n                    [ngClass]=\"{'k-link': true, 'k-state-selected':currentPage == num}\"\n                    (click)=\"changePage(num - 1)\">\n                    {{num}}\n                </button>\n            </li>\n            <li *ngIf=\"end < totalPages\">\n                <button\n                    type=\"button\"\n                    class=\"k-link\"\n                    [attr.aria-label]=\"pageLabel(end + 1)\"\n                    (click)=\"changePage(end)\">...</button>\n            </li>\n        </ul>\n    "
+            template: "\n        <select\n            class=\"k-dropdown-list k-picker k-picker-md k-rounded-md k-picker-solid\"\n            [attr.title]=\"pageChooserLabel\"\n            [attr.aria-label]=\"pageChooserLabel\"\n            [value]=\"(currentPage).toString()\"\n            (change)=\"onSelectChange($event)\">\n            <option *ngIf=\"start > 1\"\n                class=\"k-link\"\n                value=\"previousButtons\"\n                [attr.aria-label]=\"pageLabel(start - 1)\">...\n            </option>\n            <option *ngFor=\"let num of buttons\"\n                [value]=\"num.toString()\"\n                [attr.aria-label]=\"pageLabel(num)\"\n                [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n                [ngClass]=\"{'k-link': true, 'k-selected':currentPage == num}\">\n                {{num}}\n            </option>\n            <option *ngIf=\"end < totalPages\"\n                value=\"nextButtons\"\n                class=\"k-link\"\n                [attr.aria-label]=\"pageLabel(end + 1)\">...\n            </option>\n        </select>\n        <ul [ngClass]=\"{'k-pager-numbers': true, 'k-reset': true}\">\n            <li *ngIf=\"start > 1\">\n                <button\n                    type=\"button\"\n                    class=\"k-link\"\n                    [attr.aria-label]=\"pageLabel(start - 1)\"\n                    (click)=\"changePage(start - 2)\">...</button>\n            </li>\n            <li *ngFor=\"let num of buttons\">\n                <button\n                    type=\"button\"\n                    [attr.aria-label]=\"pageLabel(num)\"\n                    [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n                    [ngClass]=\"{'k-link': true, 'k-selected':currentPage == num}\"\n                    (click)=\"changePage(num - 1)\">\n                    {{num}}\n                </button>\n            </li>\n            <li *ngIf=\"end < totalPages\">\n                <button\n                    type=\"button\"\n                    class=\"k-link\"\n                    [attr.aria-label]=\"pageLabel(end + 1)\"\n                    (click)=\"changePage(end)\">...</button>\n            </li>\n        </ul>\n    "
         }),
         __metadata("design:paramtypes", [LocalizationService,
             ChangeDetectorRef,
@@ -719,7 +730,7 @@ var PagerNextButtonsComponent = /** @class */ (function (_super) {
         Component({
             changeDetection: ChangeDetectionStrategy.OnPush,
             selector: 'kendo-datapager-next-buttons',
-            template: "\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav\"\n            [class.k-state-disabled]=\"disabled\"\n            [title]=\"textFor('nextPage')\"\n            [attr.aria-label]=\"textFor('nextPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== totalPages ? changePage(currentPage) : false\">\n            <span class=\"k-icon k-i-arrow-e\" [attr.aria-label]=\"textFor('nextPage')\"></span>\n        </button>\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav k-pager-last\"\n            [class.k-state-disabled]=\"disabled\"\n            [title]=\"textFor('lastPage')\"\n            [attr.aria-label]=\"textFor('lastPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== totalPages ? changePage(totalPages-1) : false\">\n            <span class=\"k-icon k-i-seek-e\" [attr.aria-label]=\"textFor('lastPage')\"></span>\n        </button>\n    "
+            template: "\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav\"\n            [class.k-disabled]=\"disabled\"\n            [title]=\"textFor('nextPage')\"\n            [attr.aria-label]=\"textFor('nextPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== totalPages ? changePage(currentPage) : false\">\n            <span class=\"k-icon k-i-arrow-e\" [attr.aria-label]=\"textFor('nextPage')\"></span>\n        </button>\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav k-pager-last\"\n            [class.k-disabled]=\"disabled\"\n            [title]=\"textFor('lastPage')\"\n            [attr.aria-label]=\"textFor('lastPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== totalPages ? changePage(totalPages-1) : false\">\n            <span class=\"k-icon k-i-seek-e\" [attr.aria-label]=\"textFor('lastPage')\"></span>\n        </button>\n    "
         }),
         __metadata("design:paramtypes", [LocalizationService,
             PagerContextService,
@@ -922,7 +933,7 @@ var packageMetadata = {
     name: '@progress/kendo-angular-pager',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1635939992,
+    publishDate: 1642591830,
     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'
 };
@@ -970,7 +981,6 @@ var PagerComponent = /** @class */ (function () {
         this.pageSizeChange = new EventEmitter();
         this.pagerWrapClass = true;
         this.pagerClass = true;
-        this.widgetClass = true;
         this.widgetRole = 'navigation';
         this.subscriptions = new Subscription();
         this._templateContext = {};
@@ -1158,10 +1168,6 @@ var PagerComponent = /** @class */ (function () {
         HostBinding('class.k-pager'),
         __metadata("design:type", Boolean)
     ], PagerComponent.prototype, "pagerClass", void 0);
-    __decorate([
-        HostBinding('class.k-widget'),
-        __metadata("design:type", Boolean)
-    ], PagerComponent.prototype, "widgetClass", void 0);
     __decorate([
         HostBinding('attr.role'),
         __metadata("design:type", String)
@@ -1179,7 +1185,7 @@ var PagerComponent = /** @class */ (function () {
                 LocalizationService,
                 PagerContextService
             ],
-            template: "\n        <ng-container kendoDataPagerLocalizedMessages\n            i18n-firstPage=\"kendo.pager.firstPage|The label for the first page button in the Pager\"\n            firstPage=\"Go to the first page\"\n\n            i18n-previousPage=\"kendo.pager.previousPage|The label for the previous page button in the Pager\"\n            previousPage=\"Go to the previous page\"\n\n            i18n-nextPage=\"kendo.pager.nextPage|The label for the next page button in the Pager\"\n            nextPage=\"Go to the next page\"\n\n            i18n-lastPage=\"kendo.pager.lastPage|The label for the last page button in the Pager\"\n            lastPage=\"Go to the last page\"\n\n            i18n-page=\"kendo.pager.page|The label before the current page number in the Pager\"\n            page=\"Page\"\n\n            i18n-of=\"kendo.pager.of|The label before the total pages number in the Pager\"\n            of=\"of\"\n\n            i18n-pageNumberInputTitle=\"kendo.pager.pageNumberInputTitle|The label for the pager input in the Pager\"\n            pageNumberInputTitle=\"Page Number\"\n\n            i18n-items=\"kendo.pager.items|The label after the total pages number in the Pager\"\n            items=\"items\"\n\n            i18n-itemsPerPage=\"kendo.pager.itemsPerPage|The label for the page size chooser in the Pager\"\n            itemsPerPage=\"items per page\"\n         >\n        </ng-container>\n        <ng-container\n            *ngIf=\"template?.templateRef\"\n            [ngTemplateOutlet]=\"template.templateRef\"\n            [ngTemplateOutletContext]=\"templateContext\">\n        </ng-container>\n        <ng-container *ngIf=\"!template?.templateRef\">\n            <kendo-datapager-prev-buttons *ngIf=\"previousNext\"></kendo-datapager-prev-buttons>\n            <kendo-datapager-numeric-buttons\n                *ngIf=\"type === 'numeric' && buttonCount > 0\"\n                [buttonCount]=\"buttonCount\">\n            </kendo-datapager-numeric-buttons>\n            <kendo-datapager-input *ngIf=\"type === 'input'\"></kendo-datapager-input>\n            <kendo-datapager-next-buttons *ngIf=\"previousNext\"></kendo-datapager-next-buttons>\n            <kendo-datapager-info *ngIf='info'></kendo-datapager-info>\n            <kendo-datapager-page-sizes *ngIf=\"pageSizeValues\" [pageSizes]=\"pageSizeValues\"></kendo-datapager-page-sizes>\n        </ng-container>\n        <kendo-resize-sensor></kendo-resize-sensor>\n  "
+            template: "\n        <ng-container kendoDataPagerLocalizedMessages\n            i18n-firstPage=\"kendo.pager.firstPage|The label for the first page button in the Pager\"\n            firstPage=\"Go to the first page\"\n\n            i18n-previousPage=\"kendo.pager.previousPage|The label for the previous page button in the Pager\"\n            previousPage=\"Go to the previous page\"\n\n            i18n-nextPage=\"kendo.pager.nextPage|The label for the next page button in the Pager\"\n            nextPage=\"Go to the next page\"\n\n            i18n-lastPage=\"kendo.pager.lastPage|The label for the last page button in the Pager\"\n            lastPage=\"Go to the last page\"\n\n            i18n-page=\"kendo.pager.page|The label before the current page number in the Pager\"\n            page=\"Page\"\n\n            i18n-of=\"kendo.pager.of|The label before the total pages number in the Pager\"\n            of=\"of\"\n\n            i18n-pageNumberInputTitle=\"kendo.pager.pageNumberInputTitle|The label for the pager input in the Pager\"\n            pageNumberInputTitle=\"Page Number\"\n\n            i18n-items=\"kendo.pager.items|The label after the total pages number in the Pager\"\n            items=\"items\"\n\n            i18n-itemsPerPage=\"kendo.pager.itemsPerPage|The label for the page size chooser in the Pager\"\n            itemsPerPage=\"items per page\"\n\n            i18n-selectPage=\"kendo.pager.selectPage|The text of the title and aria-label attributes applied to the page chooser in the Pager\"\n            selectPage=\"Select page\"\n         >\n        </ng-container>\n        <ng-container\n            *ngIf=\"template?.templateRef\"\n            [ngTemplateOutlet]=\"template.templateRef\"\n            [ngTemplateOutletContext]=\"templateContext\">\n        </ng-container>\n        <ng-container *ngIf=\"!template?.templateRef\">\n            <kendo-datapager-prev-buttons *ngIf=\"previousNext\"></kendo-datapager-prev-buttons>\n            <kendo-datapager-numeric-buttons\n                *ngIf=\"type === 'numeric' && buttonCount > 0\"\n                [buttonCount]=\"buttonCount\">\n            </kendo-datapager-numeric-buttons>\n            <kendo-datapager-input *ngIf=\"type === 'input'\"></kendo-datapager-input>\n            <kendo-datapager-next-buttons *ngIf=\"previousNext\"></kendo-datapager-next-buttons>\n            <kendo-datapager-info *ngIf='info'></kendo-datapager-info>\n            <kendo-datapager-page-sizes *ngIf=\"pageSizeValues\" [pageSizes]=\"pageSizeValues\"></kendo-datapager-page-sizes>\n        </ng-container>\n        <kendo-resize-sensor></kendo-resize-sensor>\n  "
         }),
         __metadata("design:paramtypes", [PagerContextService,
             ElementRef,

package/dist/npm/package-metadata.js

@@ -11,7 +11,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-angular-pager',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1635939992,
+    publishDate: 1642591830,
     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'
 };

package/dist/npm/pager/localization/messages.js

@@ -51,6 +51,10 @@ var Messages = /** @class */ (function (_super) {
         core_1.Input(),
         tslib_1.__metadata("design:type", String)
     ], Messages.prototype, "items", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], Messages.prototype, "selectPage", void 0);
     return Messages;
 }(kendo_angular_l10n_1.ComponentMessages));
 exports.Messages = Messages;

package/dist/npm/pager/pager-next-buttons.component.js

@@ -43,7 +43,7 @@ var PagerNextButtonsComponent = /** @class */ (function (_super) {
         core_1.Component({
             changeDetection: core_1.ChangeDetectionStrategy.OnPush,
             selector: 'kendo-datapager-next-buttons',
-            template: "\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav\"\n            [class.k-state-disabled]=\"disabled\"\n            [title]=\"textFor('nextPage')\"\n            [attr.aria-label]=\"textFor('nextPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== totalPages ? changePage(currentPage) : false\">\n            <span class=\"k-icon k-i-arrow-e\" [attr.aria-label]=\"textFor('nextPage')\"></span>\n        </button>\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav k-pager-last\"\n            [class.k-state-disabled]=\"disabled\"\n            [title]=\"textFor('lastPage')\"\n            [attr.aria-label]=\"textFor('lastPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== totalPages ? changePage(totalPages-1) : false\">\n            <span class=\"k-icon k-i-seek-e\" [attr.aria-label]=\"textFor('lastPage')\"></span>\n        </button>\n    "
+            template: "\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav\"\n            [class.k-disabled]=\"disabled\"\n            [title]=\"textFor('nextPage')\"\n            [attr.aria-label]=\"textFor('nextPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== totalPages ? changePage(currentPage) : false\">\n            <span class=\"k-icon k-i-arrow-e\" [attr.aria-label]=\"textFor('nextPage')\"></span>\n        </button>\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav k-pager-last\"\n            [class.k-disabled]=\"disabled\"\n            [title]=\"textFor('lastPage')\"\n            [attr.aria-label]=\"textFor('lastPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== totalPages ? changePage(totalPages-1) : false\">\n            <span class=\"k-icon k-i-seek-e\" [attr.aria-label]=\"textFor('lastPage')\"></span>\n        </button>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
             pager_context_service_1.PagerContextService,

package/dist/npm/pager/pager-numeric-buttons.component.js

@@ -99,6 +99,13 @@ var PagerNumericButtonsComponent = /** @class */ (function (_super) {
         this.pageSize = pageSize;
         this.cd.markForCheck();
     };
+    Object.defineProperty(PagerNumericButtonsComponent.prototype, "pageChooserLabel", {
+        get: function () {
+            return this.textFor('selectPage');
+        },
+        enumerable: true,
+        configurable: true
+    });
     tslib_1.__decorate([
         core_1.HostBinding('class.k-pager-numbers-wrap'),
         tslib_1.__metadata("design:type", Boolean)
@@ -111,7 +118,7 @@ var PagerNumericButtonsComponent = /** @class */ (function (_super) {
         core_1.Component({
             changeDetection: core_1.ChangeDetectionStrategy.OnPush,
             selector: 'kendo-datapager-numeric-buttons',
-            template: "\n        <select\n            class=\"k-dropdown\"\n            [value]=\"(currentPage).toString()\"\n            (change)=\"onSelectChange($event)\">\n            <option *ngIf=\"start > 1\"\n                class=\"k-link\"\n                value=\"previousButtons\"\n                [attr.aria-label]=\"pageLabel(start - 1)\">...\n            </option>\n            <option *ngFor=\"let num of buttons\"\n                [value]=\"num.toString()\"\n                [attr.aria-label]=\"pageLabel(num)\"\n                [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n                [ngClass]=\"{'k-link': true, 'k-state-selected':currentPage == num}\">\n                {{num}}\n            </option>\n            <option *ngIf=\"end < totalPages\"\n                value=\"nextButtons\"\n                class=\"k-link\"\n                [attr.aria-label]=\"pageLabel(end + 1)\">...\n            </option>\n        </select>\n        <ul [ngClass]=\"{'k-pager-numbers': true, 'k-reset': true}\">\n            <li *ngIf=\"start > 1\">\n                <button\n                    type=\"button\"\n                    class=\"k-link\"\n                    [attr.aria-label]=\"pageLabel(start - 1)\"\n                    (click)=\"changePage(start - 2)\">...</button>\n            </li>\n            <li *ngFor=\"let num of buttons\">\n                <button\n                    type=\"button\"\n                    [attr.aria-label]=\"pageLabel(num)\"\n                    [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n                    [ngClass]=\"{'k-link': true, 'k-state-selected':currentPage == num}\"\n                    (click)=\"changePage(num - 1)\">\n                    {{num}}\n                </button>\n            </li>\n            <li *ngIf=\"end < totalPages\">\n                <button\n                    type=\"button\"\n                    class=\"k-link\"\n                    [attr.aria-label]=\"pageLabel(end + 1)\"\n                    (click)=\"changePage(end)\">...</button>\n            </li>\n        </ul>\n    "
+            template: "\n        <select\n            class=\"k-dropdown-list k-picker k-picker-md k-rounded-md k-picker-solid\"\n            [attr.title]=\"pageChooserLabel\"\n            [attr.aria-label]=\"pageChooserLabel\"\n            [value]=\"(currentPage).toString()\"\n            (change)=\"onSelectChange($event)\">\n            <option *ngIf=\"start > 1\"\n                class=\"k-link\"\n                value=\"previousButtons\"\n                [attr.aria-label]=\"pageLabel(start - 1)\">...\n            </option>\n            <option *ngFor=\"let num of buttons\"\n                [value]=\"num.toString()\"\n                [attr.aria-label]=\"pageLabel(num)\"\n                [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n                [ngClass]=\"{'k-link': true, 'k-selected':currentPage == num}\">\n                {{num}}\n            </option>\n            <option *ngIf=\"end < totalPages\"\n                value=\"nextButtons\"\n                class=\"k-link\"\n                [attr.aria-label]=\"pageLabel(end + 1)\">...\n            </option>\n        </select>\n        <ul [ngClass]=\"{'k-pager-numbers': true, 'k-reset': true}\">\n            <li *ngIf=\"start > 1\">\n                <button\n                    type=\"button\"\n                    class=\"k-link\"\n                    [attr.aria-label]=\"pageLabel(start - 1)\"\n                    (click)=\"changePage(start - 2)\">...</button>\n            </li>\n            <li *ngFor=\"let num of buttons\">\n                <button\n                    type=\"button\"\n                    [attr.aria-label]=\"pageLabel(num)\"\n                    [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n                    [ngClass]=\"{'k-link': true, 'k-selected':currentPage == num}\"\n                    (click)=\"changePage(num - 1)\">\n                    {{num}}\n                </button>\n            </li>\n            <li *ngIf=\"end < totalPages\">\n                <button\n                    type=\"button\"\n                    class=\"k-link\"\n                    [attr.aria-label]=\"pageLabel(end + 1)\"\n                    (click)=\"changePage(end)\">...</button>\n            </li>\n        </ul>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
             core_1.ChangeDetectorRef,

package/dist/npm/pager/pager-prev-buttons.component.js

@@ -43,7 +43,7 @@ var PagerPrevButtonsComponent = /** @class */ (function (_super) {
         core_1.Component({
             changeDetection: core_1.ChangeDetectionStrategy.OnPush,
             selector: 'kendo-datapager-prev-buttons',
-            template: "\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav k-pager-first\"\n            [class.k-state-disabled]=\"disabled\"\n            [title]=\"textFor('firstPage')\"\n            [attr.aria-label]=\"textFor('firstPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== 1 ? changePage(0) : false\">\n            <span class=\"k-icon k-i-seek-w\" [attr.aria-label]=\"textFor('firstPage')\"></span>\n        </button>\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav\"\n            [class.k-state-disabled]=\"disabled\"\n            [title]=\"textFor('previousPage')\"\n            [attr.aria-label]=\"textFor('previousPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== 1 ? changePage(currentPage-2) : false\">\n            <span class=\"k-icon k-i-arrow-w\" [attr.aria-label]=\"textFor('previousPage')\"></span>\n        </button>\n    "
+            template: "\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav k-pager-first\"\n            [class.k-disabled]=\"disabled\"\n            [title]=\"textFor('firstPage')\"\n            [attr.aria-label]=\"textFor('firstPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== 1 ? changePage(0) : false\">\n            <span class=\"k-icon k-i-seek-w\" [attr.aria-label]=\"textFor('firstPage')\"></span>\n        </button>\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav\"\n            [class.k-disabled]=\"disabled\"\n            [title]=\"textFor('previousPage')\"\n            [attr.aria-label]=\"textFor('previousPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== 1 ? changePage(currentPage-2) : false\">\n            <span class=\"k-icon k-i-arrow-w\" [attr.aria-label]=\"textFor('previousPage')\"></span>\n        </button>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
             pager_context_service_1.PagerContextService,

package/dist/npm/pager/pager.component.js

@@ -58,7 +58,6 @@ var PagerComponent = /** @class */ (function () {
         this.pageSizeChange = new core_1.EventEmitter();
         this.pagerWrapClass = true;
         this.pagerClass = true;
-        this.widgetClass = true;
         this.widgetRole = 'navigation';
         this.subscriptions = new rxjs_1.Subscription();
         this._templateContext = {};
@@ -246,10 +245,6 @@ var PagerComponent = /** @class */ (function () {
         core_1.HostBinding('class.k-pager'),
         tslib_1.__metadata("design:type", Boolean)
     ], PagerComponent.prototype, "pagerClass", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-widget'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], PagerComponent.prototype, "widgetClass", void 0);
     tslib_1.__decorate([
         core_1.HostBinding('attr.role'),
         tslib_1.__metadata("design:type", String)
@@ -267,7 +262,7 @@ var PagerComponent = /** @class */ (function () {
                 kendo_angular_l10n_1.LocalizationService,
                 pager_context_service_1.PagerContextService
             ],
-            template: "\n        <ng-container kendoDataPagerLocalizedMessages\n            i18n-firstPage=\"kendo.pager.firstPage|The label for the first page button in the Pager\"\n            firstPage=\"Go to the first page\"\n\n            i18n-previousPage=\"kendo.pager.previousPage|The label for the previous page button in the Pager\"\n            previousPage=\"Go to the previous page\"\n\n            i18n-nextPage=\"kendo.pager.nextPage|The label for the next page button in the Pager\"\n            nextPage=\"Go to the next page\"\n\n            i18n-lastPage=\"kendo.pager.lastPage|The label for the last page button in the Pager\"\n            lastPage=\"Go to the last page\"\n\n            i18n-page=\"kendo.pager.page|The label before the current page number in the Pager\"\n            page=\"Page\"\n\n            i18n-of=\"kendo.pager.of|The label before the total pages number in the Pager\"\n            of=\"of\"\n\n            i18n-pageNumberInputTitle=\"kendo.pager.pageNumberInputTitle|The label for the pager input in the Pager\"\n            pageNumberInputTitle=\"Page Number\"\n\n            i18n-items=\"kendo.pager.items|The label after the total pages number in the Pager\"\n            items=\"items\"\n\n            i18n-itemsPerPage=\"kendo.pager.itemsPerPage|The label for the page size chooser in the Pager\"\n            itemsPerPage=\"items per page\"\n         >\n        </ng-container>\n        <ng-container\n            *ngIf=\"template?.templateRef\"\n            [ngTemplateOutlet]=\"template.templateRef\"\n            [ngTemplateOutletContext]=\"templateContext\">\n        </ng-container>\n        <ng-container *ngIf=\"!template?.templateRef\">\n            <kendo-datapager-prev-buttons *ngIf=\"previousNext\"></kendo-datapager-prev-buttons>\n            <kendo-datapager-numeric-buttons\n                *ngIf=\"type === 'numeric' && buttonCount > 0\"\n                [buttonCount]=\"buttonCount\">\n            </kendo-datapager-numeric-buttons>\n            <kendo-datapager-input *ngIf=\"type === 'input'\"></kendo-datapager-input>\n            <kendo-datapager-next-buttons *ngIf=\"previousNext\"></kendo-datapager-next-buttons>\n            <kendo-datapager-info *ngIf='info'></kendo-datapager-info>\n            <kendo-datapager-page-sizes *ngIf=\"pageSizeValues\" [pageSizes]=\"pageSizeValues\"></kendo-datapager-page-sizes>\n        </ng-container>\n        <kendo-resize-sensor></kendo-resize-sensor>\n  "
+            template: "\n        <ng-container kendoDataPagerLocalizedMessages\n            i18n-firstPage=\"kendo.pager.firstPage|The label for the first page button in the Pager\"\n            firstPage=\"Go to the first page\"\n\n            i18n-previousPage=\"kendo.pager.previousPage|The label for the previous page button in the Pager\"\n            previousPage=\"Go to the previous page\"\n\n            i18n-nextPage=\"kendo.pager.nextPage|The label for the next page button in the Pager\"\n            nextPage=\"Go to the next page\"\n\n            i18n-lastPage=\"kendo.pager.lastPage|The label for the last page button in the Pager\"\n            lastPage=\"Go to the last page\"\n\n            i18n-page=\"kendo.pager.page|The label before the current page number in the Pager\"\n            page=\"Page\"\n\n            i18n-of=\"kendo.pager.of|The label before the total pages number in the Pager\"\n            of=\"of\"\n\n            i18n-pageNumberInputTitle=\"kendo.pager.pageNumberInputTitle|The label for the pager input in the Pager\"\n            pageNumberInputTitle=\"Page Number\"\n\n            i18n-items=\"kendo.pager.items|The label after the total pages number in the Pager\"\n            items=\"items\"\n\n            i18n-itemsPerPage=\"kendo.pager.itemsPerPage|The label for the page size chooser in the Pager\"\n            itemsPerPage=\"items per page\"\n\n            i18n-selectPage=\"kendo.pager.selectPage|The text of the title and aria-label attributes applied to the page chooser in the Pager\"\n            selectPage=\"Select page\"\n         >\n        </ng-container>\n        <ng-container\n            *ngIf=\"template?.templateRef\"\n            [ngTemplateOutlet]=\"template.templateRef\"\n            [ngTemplateOutletContext]=\"templateContext\">\n        </ng-container>\n        <ng-container *ngIf=\"!template?.templateRef\">\n            <kendo-datapager-prev-buttons *ngIf=\"previousNext\"></kendo-datapager-prev-buttons>\n            <kendo-datapager-numeric-buttons\n                *ngIf=\"type === 'numeric' && buttonCount > 0\"\n                [buttonCount]=\"buttonCount\">\n            </kendo-datapager-numeric-buttons>\n            <kendo-datapager-input *ngIf=\"type === 'input'\"></kendo-datapager-input>\n            <kendo-datapager-next-buttons *ngIf=\"previousNext\"></kendo-datapager-next-buttons>\n            <kendo-datapager-info *ngIf='info'></kendo-datapager-info>\n            <kendo-datapager-page-sizes *ngIf=\"pageSizeValues\" [pageSizes]=\"pageSizeValues\"></kendo-datapager-page-sizes>\n        </ng-container>\n        <kendo-resize-sensor></kendo-resize-sensor>\n  "
         }),
         tslib_1.__metadata("design:paramtypes", [pager_context_service_1.PagerContextService,
             core_1.ElementRef,

package/dist/systemjs/kendo-angular-pager.js

@@ -2,4 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-System.register("@progress/kendo-angular-pager",["tslib","@angular/core","@progress/kendo-angular-dropdowns","@progress/kendo-angular-l10n","@progress/kendo-angular-inputs","@angular/common","@progress/kendo-angular-common","@progress/kendo-licensing","rxjs"],function(r){var i,s,p,g,u,c,l,d,h;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){i=t(e)},function(e){s=t(e)},function(e){p=t(e)},function(e){g=t(e)},function(e){u=t(e)},function(e){c=t(e)},function(e){l=t(e)},function(e){d=t(e)},function(e){h=t(e)}],execute:function(){function a(e){if(o[e])return o[e].exports;var t=o[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,a),t.l=!0,t.exports}var n,o;n=[function(e,t){e.exports=i},function(e,t){e.exports=s},function(e,t){e.exports=g},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(15),n=(Object.defineProperty(o.prototype,"currentPage",{get:function(){return this.skip/this.pageSize},enumerable:!0,configurable:!0}),o.prototype.notifyChanges=function(e){this.total=e.total,this.pageSize=e.pageSize,this.skip=e.skip,this.changes.next(e)},o.prototype.changePage=function(e){this.pageChange.next({skip:e*this.pageSize,take:this.pageSize})},o.prototype.changePageSize=function(e){this.pageSizeChange.next(e)},o.prototype.nextPage=function(){var e=this.currentPage+1;e*this.pageSize<=this.total&&this.changePage(e)},o.prototype.prevPage=function(){var e=this.currentPage-1;0<=e*this.pageSize&&this.changePage(e)},o);function o(){this.changes=new a.Subject,this.pageChange=new a.Subject,this.pageSizeChange=new a.Subject}t.PagerContextService=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=(Object.defineProperty(o.prototype,"currentPage",{get:function(){return Math.floor((this.skip||0)/this.pageSize)+1},enumerable:!0,configurable:!0}),Object.defineProperty(o.prototype,"totalPages",{get:function(){return Math.ceil((this.total||0)/this.pageSize)},enumerable:!0,configurable:!0}),o.prototype.textFor=function(e){return this.localization.get(e)},o.prototype.changePage=function(e){return this.pagerContext.changePage(e),!1},o.prototype.ngOnInit=function(){var e=this;this.subscriptions=this.pagerContext.changes.subscribe(this.onChanges.bind(this)),this.subscriptions.add(this.localization.changes.subscribe(function(){return e.cd.markForCheck()}))},o.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},o);function o(e,t,n){this.localization=e,this.pagerContext=t,this.cd=n,this.total=this.pagerContext.total,this.skip=this.pagerContext.skip,this.pageSize=this.pagerContext.pageSize}t.PagerElementComponent=a},function(e,t){e.exports=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),n=n(1),n=a.__decorate([n.Directive({selector:"[kendoDataPagerTemplate]"}),a.__param(0,n.Optional()),a.__metadata("design:paramtypes",[n.TemplateRef])],o);function o(e){this.templateRef=e}t.PagerTemplateDirective=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),o=n(26),r=n(1),i=n(6),s=n(5),p=n(3),g=n(15),u=n(25),c=n(2),l=n(24),d=n(23),c=(Object.defineProperty(h.prototype,"pageSizeValues",{get:function(){return this._pageSizeValues},set:function(e){this._pageSizeValues=Array.isArray(e)?e:!!e&&u.DEFAULT_PAGE_SIZE_VALUES},enumerable:!0,configurable:!0}),Object.defineProperty(h.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),Object.defineProperty(h.prototype,"totalPages",{get:function(){return Math.ceil((this.total||0)/this.pageSize)},enumerable:!0,configurable:!0}),Object.defineProperty(h.prototype,"currentPage",{get:function(){return Math.floor((this.skip||0)/this.pageSize)+1},enumerable:!0,configurable:!0}),Object.defineProperty(h.prototype,"templateContext",{get:function(){var e=this._templateContext;return e.totalPages=this.totalPages,e.total=this.total,e.skip=this.skip,e.pageSize=this.pageSize,e.currentPage=this.currentPage,e},enumerable:!0,configurable:!0}),h.prototype.ngOnInit=function(){var t=this;this.subscriptions.add(this.pagerContext.pageChange.subscribe(this.changePage.bind(this))),this.subscriptions.add(this.pagerContext.pageSizeChange.subscribe(this.changePageSize.bind(this))),this.subscriptions.add(this.resizeSensor.resize.subscribe(function(){return t.resizeHandler()})),this.subscriptions.add(this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"}))},h.prototype.ngAfterViewInit=function(){this.resizeHandler()},h.prototype.ngOnChanges=function(e){s.anyChanged(["pageSize","skip","total"],e,!1)&&this.pagerContext.notifyChanges({pageSize:this.pageSize,skip:this.skip,total:this.total})},h.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},h.prototype.changePage=function(e){this.pageChange.emit(e)},h.prototype.changePageSize=function(e){this.pageSizeChange.emit(e),e.isDefaultPrevented()||("all"===e.newPageSize?this.pageChange.emit({skip:0,take:this.total}):this.pageChange.emit({skip:0,take:e.newPageSize}))},h.prototype.onPageSizeChange=function(e){this.pageSizeChange.emit(e),e.isDefaultPrevented()||this.pageChange.emit({skip:this.skip,take:e.newPageSize})},a.__decorate([r.ViewChild(s.ResizeSensorComponent,{static:!0}),a.__metadata("design:type",s.ResizeSensorComponent)],h.prototype,"resizeSensor",void 0),a.__decorate([r.ContentChild(i.PagerTemplateDirective,{static:!0}),a.__metadata("design:type",i.PagerTemplateDirective)],h.prototype,"template",void 0),a.__decorate([r.Input(),a.__metadata("design:type",Number)],h.prototype,"total",void 0),a.__decorate([r.Input(),a.__metadata("design:type",Number)],h.prototype,"skip",void 0),a.__decorate([r.Input(),a.__metadata("design:type",Number)],h.prototype,"pageSize",void 0),a.__decorate([r.Input(),a.__metadata("design:type",Number)],h.prototype,"buttonCount",void 0),a.__decorate([r.Input(),a.__metadata("design:type",Boolean)],h.prototype,"info",void 0),a.__decorate([r.Input(),a.__metadata("design:type",String)],h.prototype,"type",void 0),a.__decorate([r.Input(),a.__metadata("design:type",Object),a.__metadata("design:paramtypes",[Object])],h.prototype,"pageSizeValues",null),a.__decorate([r.Input(),a.__metadata("design:type",Boolean)],h.prototype,"previousNext",void 0),a.__decorate([r.Output(),a.__metadata("design:type",r.EventEmitter)],h.prototype,"pageChange",void 0),a.__decorate([r.Output(),a.__metadata("design:type",r.EventEmitter)],h.prototype,"pageSizeChange",void 0),a.__decorate([r.HostBinding("class.k-pager-wrap"),a.__metadata("design:type",Boolean)],h.prototype,"pagerWrapClass",void 0),a.__decorate([r.HostBinding("class.k-pager"),a.__metadata("design:type",Boolean)],h.prototype,"pagerClass",void 0),a.__decorate([r.HostBinding("class.k-widget"),a.__metadata("design:type",Boolean)],h.prototype,"widgetClass",void 0),a.__decorate([r.HostBinding("attr.role"),a.__metadata("design:type",String)],h.prototype,"widgetRole",void 0),a.__decorate([r.HostBinding("attr.dir"),a.__metadata("design:type",String),a.__metadata("design:paramtypes",[])],h.prototype,"dir",null),a.__decorate([r.Component({selector:"kendo-datapager",exportAs:"kendoDataPager",providers:[c.LocalizationService,p.PagerContextService],template:'\n        <ng-container kendoDataPagerLocalizedMessages\n            i18n-firstPage="kendo.pager.firstPage|The label for the first page button in the Pager"\n            firstPage="Go to the first page"\n\n            i18n-previousPage="kendo.pager.previousPage|The label for the previous page button in the Pager"\n            previousPage="Go to the previous page"\n\n            i18n-nextPage="kendo.pager.nextPage|The label for the next page button in the Pager"\n            nextPage="Go to the next page"\n\n            i18n-lastPage="kendo.pager.lastPage|The label for the last page button in the Pager"\n            lastPage="Go to the last page"\n\n            i18n-page="kendo.pager.page|The label before the current page number in the Pager"\n            page="Page"\n\n            i18n-of="kendo.pager.of|The label before the total pages number in the Pager"\n            of="of"\n\n            i18n-pageNumberInputTitle="kendo.pager.pageNumberInputTitle|The label for the pager input in the Pager"\n            pageNumberInputTitle="Page Number"\n\n            i18n-items="kendo.pager.items|The label after the total pages number in the Pager"\n            items="items"\n\n            i18n-itemsPerPage="kendo.pager.itemsPerPage|The label for the page size chooser in the Pager"\n            itemsPerPage="items per page"\n         >\n        </ng-container>\n        <ng-container\n            *ngIf="template?.templateRef"\n            [ngTemplateOutlet]="template.templateRef"\n            [ngTemplateOutletContext]="templateContext">\n        </ng-container>\n        <ng-container *ngIf="!template?.templateRef">\n            <kendo-datapager-prev-buttons *ngIf="previousNext"></kendo-datapager-prev-buttons>\n            <kendo-datapager-numeric-buttons\n                *ngIf="type === \'numeric\' && buttonCount > 0"\n                [buttonCount]="buttonCount">\n            </kendo-datapager-numeric-buttons>\n            <kendo-datapager-input *ngIf="type === \'input\'"></kendo-datapager-input>\n            <kendo-datapager-next-buttons *ngIf="previousNext"></kendo-datapager-next-buttons>\n            <kendo-datapager-info *ngIf=\'info\'></kendo-datapager-info>\n            <kendo-datapager-page-sizes *ngIf="pageSizeValues" [pageSizes]="pageSizeValues"></kendo-datapager-page-sizes>\n        </ng-container>\n        <kendo-resize-sensor></kendo-resize-sensor>\n  '}),a.__metadata("design:paramtypes",[p.PagerContextService,r.ElementRef,c.LocalizationService])],h));function h(e,t,n){var a=this;this.pagerContext=e,this.element=t,this.localization=n,this.total=0,this.skip=0,this.buttonCount=10,this.info=!0,this.type="numeric",this.previousNext=!0,this.pageChange=new r.EventEmitter,this.pageSizeChange=new r.EventEmitter,this.pagerWrapClass=!0,this.pagerClass=!0,this.widgetClass=!0,this.widgetRole="navigation",this.subscriptions=new g.Subscription,this._templateContext={},this._pageSizeValues=u.DEFAULT_PAGE_SIZE_VALUES,this.resizeHandler=function(){var e,t;a.template||((t=(e=a.element.nativeElement).offsetWidth)<o.RESPONSIVE_BREAKPOINT_MEDIUM?(e.classList.remove("k-pager-md"),e.classList.add("k-pager-sm")):(t>=o.RESPONSIVE_BREAKPOINT_MEDIUM&&t<o.RESPONSIVE_BREAKPOINT_LARGE?e.classList.add("k-pager-md"):e.classList.remove("k-pager-md"),e.classList.remove("k-pager-sm")))},l.validatePackage(d.packageMetadata),this.direction=n.rtl?"rtl":"ltr"}t.PagerComponent=c},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,o=n(0),r=n(1),i=n(4),s=n(2),n=n(3),n=(a=i.PagerElementComponent,o.__extends(p,a),Object.defineProperty(p.prototype,"maxItems",{get:function(){return Math.min(this.currentPage*this.pageSize,this.total)},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"currentPageText",{get:function(){return this.total?(this.currentPage-1)*this.pageSize+1:0},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"classes",{get:function(){return!0},enumerable:!0,configurable:!0}),p.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize=e,this.cd.markForCheck()},o.__decorate([r.HostBinding("class.k-pager-info"),r.HostBinding("class.k-label"),o.__metadata("design:type",Boolean),o.__metadata("design:paramtypes",[])],p.prototype,"classes",null),o.__decorate([r.Component({changeDetection:r.ChangeDetectionStrategy.OnPush,selector:"kendo-datapager-info",template:"{{currentPageText}} - {{maxItems}} {{textFor('of')}} {{total}} {{textFor('items')}}"}),o.__metadata("design:paramtypes",[s.LocalizationService,r.ChangeDetectorRef,n.PagerContextService])],p));function p(e,t,n){t=a.call(this,e,n,t)||this;return t.pagerContext=n,t}t.PagerInfoComponent=n},function(e,t){e.exports=u},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,a=n(0),o=n(9),i=n(1),s=n(4),p=n(2),g=n(3),u=n(5),i=(r=s.PagerElementComponent,a.__extends(c,r),Object.defineProperty(c.prototype,"current",{get:function(){return this.hasPages?this.currentPage:0},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"hasPages",{get:function(){return 0!==this.totalPages},enumerable:!0,configurable:!0}),c.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize=e,this.cd.markForCheck()},a.__decorate([i.ViewChild(o.NumericTextBoxComponent,{static:!0}),a.__metadata("design:type",o.NumericTextBoxComponent)],c.prototype,"numericInput",void 0),a.__decorate([i.Component({selector:"kendo-datapager-input",template:'\n     <span [ngClass]="{\'k-pager-input\': true, \'k-label\': true}">\n        {{textFor(\'page\')}}\n        <kendo-numerictextbox\n            [spinners]="false"\n            [decimals]="0"\n            format="n0"\n            [disabled]="!hasPages"\n            [value]="current"\n            [min]="hasPages ? 1 : 0"\n            [max]="totalPages"\n            [autoCorrect]="true"\n            [title]="textFor(\'pageNumberInputTitle\')"\n            [kendoEventsOutsideAngular]="{\n                keydown: handleKeyDown,\n                focusout: handleBlur\n            }">\n        </kendo-numerictextbox>\n        {{textFor(\'of\')}} {{totalPages}}\n     </span>\n    '}),a.__metadata("design:paramtypes",[p.LocalizationService,g.PagerContextService,i.NgZone,i.ChangeDetectorRef])],c));function c(e,t,n,a){var o=r.call(this,e,t,a)||this;return o.pagerContext=t,o.zone=n,o.handleKeyDown=function(e){var t=o.numericInput.value||o.current;e.keyCode===u.Keys.Enter&&(e.preventDefault(),t!==o.current&&o.zone.run(function(){o.changePage(t-1)}))},o.handleBlur=function(){var e=o.numericInput.value;e?e!==o.current&&o.zone.run(function(){o.changePage(e-1)}):o.numericInput.writeValue(o.current)},o}t.PagerInputComponent=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,o=n(0),r=n(1),i=n(3),s=n(4),n=n(2),r=(a=s.PagerElementComponent,o.__extends(p,a),Object.defineProperty(p.prototype,"disabled",{get:function(){return this.currentPage===this.totalPages||!this.total},enumerable:!0,configurable:!0}),p.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize=e,this.cd.markForCheck()},o.__decorate([r.Component({changeDetection:r.ChangeDetectionStrategy.OnPush,selector:"kendo-datapager-next-buttons",template:'\n        <button\n            type="button"\n            class="k-link k-pager-nav"\n            [class.k-state-disabled]="disabled"\n            [title]="textFor(\'nextPage\')"\n            [attr.aria-label]="textFor(\'nextPage\')"\n            [attr.aria-disabled]="disabled ? true : undefined"\n            (click)="currentPage !== totalPages ? changePage(currentPage) : false">\n            <span class="k-icon k-i-arrow-e" [attr.aria-label]="textFor(\'nextPage\')"></span>\n        </button>\n        <button\n            type="button"\n            class="k-link k-pager-nav k-pager-last"\n            [class.k-state-disabled]="disabled"\n            [title]="textFor(\'lastPage\')"\n            [attr.aria-label]="textFor(\'lastPage\')"\n            [attr.aria-disabled]="disabled ? true : undefined"\n            (click)="currentPage !== totalPages ? changePage(totalPages-1) : false">\n            <span class="k-icon k-i-seek-e" [attr.aria-label]="textFor(\'lastPage\')"></span>\n        </button>\n    '}),o.__metadata("design:paramtypes",[n.LocalizationService,i.PagerContextService,r.ChangeDetectorRef])],p));function p(e,t,n){return a.call(this,e,t,n)||this}t.PagerNextButtonsComponent=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,o=n(0),r=n(1),i=n(2),s=n(3),s=(a=n(4).PagerElementComponent,o.__extends(p,a),Object.defineProperty(p.prototype,"buttons",{get:function(){for(var e=[],t=this.start;t<=this.end;t++)e.push(t);return e},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"end",{get:function(){return Math.min(this.start+this.buttonCount-1,this.totalPages)},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"start",{get:function(){var e=this.currentPage,t=this.buttonCount;if(t<e){var n=e%t;return 0==n?e-t+1:e-n+1}return 1},enumerable:!0,configurable:!0}),p.prototype.pageLabel=function(e){var t=this.textFor("page");return t?t+" "+e:e.toString()},p.prototype.onSelectChange=function(e){var t=e.target,e=Number(t.value);Number.isNaN(e)?"previousButtons"===t.value?this.changePage(this.start-2):this.changePage(this.end):this.changePage(e-1)},p.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize=e,this.cd.markForCheck()},o.__decorate([r.HostBinding("class.k-pager-numbers-wrap"),o.__metadata("design:type",Boolean)],p.prototype,"numbersWrapClass",void 0),o.__decorate([r.Input(),o.__metadata("design:type",Number)],p.prototype,"buttonCount",void 0),o.__decorate([r.Component({changeDetection:r.ChangeDetectionStrategy.OnPush,selector:"kendo-datapager-numeric-buttons",template:'\n        <select\n            class="k-dropdown"\n            [value]="(currentPage).toString()"\n            (change)="onSelectChange($event)">\n            <option *ngIf="start > 1"\n                class="k-link"\n                value="previousButtons"\n                [attr.aria-label]="pageLabel(start - 1)">...\n            </option>\n            <option *ngFor="let num of buttons"\n                [value]="num.toString()"\n                [attr.aria-label]="pageLabel(num)"\n                [attr.aria-current]="currentPage == num ? \'page\' : undefined"\n                [ngClass]="{\'k-link\': true, \'k-state-selected\':currentPage == num}">\n                {{num}}\n            </option>\n            <option *ngIf="end < totalPages"\n                value="nextButtons"\n                class="k-link"\n                [attr.aria-label]="pageLabel(end + 1)">...\n            </option>\n        </select>\n        <ul [ngClass]="{\'k-pager-numbers\': true, \'k-reset\': true}">\n            <li *ngIf="start > 1">\n                <button\n                    type="button"\n                    class="k-link"\n                    [attr.aria-label]="pageLabel(start - 1)"\n                    (click)="changePage(start - 2)">...</button>\n            </li>\n            <li *ngFor="let num of buttons">\n                <button\n                    type="button"\n                    [attr.aria-label]="pageLabel(num)"\n                    [attr.aria-current]="currentPage == num ? \'page\' : undefined"\n                    [ngClass]="{\'k-link\': true, \'k-state-selected\':currentPage == num}"\n                    (click)="changePage(num - 1)">\n                    {{num}}\n                </button>\n            </li>\n            <li *ngIf="end < totalPages">\n                <button\n                    type="button"\n                    class="k-link"\n                    [attr.aria-label]="pageLabel(end + 1)"\n                    (click)="changePage(end)">...</button>\n            </li>\n        </ul>\n    '}),o.__metadata("design:paramtypes",[i.LocalizationService,r.ChangeDetectorRef,s.PagerContextService])],p));function p(e,t,n){t=a.call(this,e,n,t)||this;return t.pagerContext=n,t.numbersWrapClass=!0,t}t.PagerNumericButtonsComponent=s},function(e,t){e.exports=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,o=n(0),r=n(1),i=n(4),s=n(2),p=n(3),g=n(19),n=n(13),p=(a=i.PagerElementComponent,o.__extends(u,a),Object.defineProperty(u.prototype,"pageSizes",{get:function(){return this._pageSizes},set:function(e){var t=this,n=[];e.forEach(function(e){"number"==typeof e?n.push({text:e.toString(),value:e}):n.push(e)}),this.pageSize&&!n.some(function(e){return e.value===t.pageSize})&&(n=[{text:this.pageSize.toString(),value:this.pageSize}].concat(n)),this._pageSizes=n},enumerable:!0,configurable:!0}),Object.defineProperty(u.prototype,"classes",{get:function(){return!0},enumerable:!0,configurable:!0}),u.prototype.ngAfterViewInit=function(){this.dropDownList.wrapper.nativeElement.setAttribute("aria-label",this.textFor("itemsPerPage"))},u.prototype.pageSizeChange=function(e,t){e=new g.PageSizeChangeEvent(e);this.pagerContext.changePageSize(e),e.isDefaultPrevented()&&t.writeValue(this.pageSize)},u.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize="number"==typeof e?e:this.total,this.cd.markForCheck()},o.__decorate([r.ViewChild("dropdownlist",{static:!0}),o.__metadata("design:type",n.DropDownListComponent)],u.prototype,"dropDownList",void 0),o.__decorate([r.Input(),o.__metadata("design:type",Array),o.__metadata("design:paramtypes",[Array])],u.prototype,"pageSizes",null),o.__decorate([r.HostBinding("class.k-pager-sizes"),r.HostBinding("class.k-label"),o.__metadata("design:type",Boolean),o.__metadata("design:paramtypes",[])],u.prototype,"classes",null),o.__decorate([r.Component({changeDetection:r.ChangeDetectionStrategy.OnPush,selector:"kendo-datapager-page-sizes",template:'\n        <kendo-dropdownlist\n            #dropdownlist\n            [data]="pageSizes"\n            textField="text"\n            valueField="value"\n            [valuePrimitive]="true"\n            [value]="pageSize"\n            (valueChange)="pageSizeChange($event, dropdownlist)"></kendo-dropdownlist>\n        {{ textFor(\'itemsPerPage\') }}\n    '}),o.__metadata("design:paramtypes",[s.LocalizationService,r.ChangeDetectorRef,p.PagerContextService])],u));function u(e,t,n){t=a.call(this,e,n,t)||this;return t.pagerContext=n,t._pageSizes=[],t}t.PagerPageSizesComponent=p},function(e,t){e.exports=h},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,o=n(0),r=n(1),i=n(3),s=n(4),n=n(2),r=(a=s.PagerElementComponent,o.__extends(p,a),Object.defineProperty(p.prototype,"disabled",{get:function(){return 1===this.currentPage||!this.total},enumerable:!0,configurable:!0}),p.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize=e,this.cd.markForCheck()},o.__decorate([r.Component({changeDetection:r.ChangeDetectionStrategy.OnPush,selector:"kendo-datapager-prev-buttons",template:'\n        <button\n            type="button"\n            class="k-link k-pager-nav k-pager-first"\n            [class.k-state-disabled]="disabled"\n            [title]="textFor(\'firstPage\')"\n            [attr.aria-label]="textFor(\'firstPage\')"\n            [attr.aria-disabled]="disabled ? true : undefined"\n            (click)="currentPage !== 1 ? changePage(0) : false">\n            <span class="k-icon k-i-seek-w" [attr.aria-label]="textFor(\'firstPage\')"></span>\n        </button>\n        <button\n            type="button"\n            class="k-link k-pager-nav"\n            [class.k-state-disabled]="disabled"\n            [title]="textFor(\'previousPage\')"\n            [attr.aria-label]="textFor(\'previousPage\')"\n            [attr.aria-disabled]="disabled ? true : undefined"\n            (click)="currentPage !== 1 ? changePage(currentPage-2) : false">\n            <span class="k-icon k-i-arrow-w" [attr.aria-label]="textFor(\'previousPage\')"></span>\n        </button>\n    '}),o.__metadata("design:paramtypes",[n.LocalizationService,i.PagerContextService,r.ChangeDetectorRef])],p));function p(e,t,n){return a.call(this,e,t,n)||this}t.PagerPrevButtonsComponent=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,o=n(0),r=n(1),o=(a=n(2).ComponentMessages,o.__extends(i,a),o.__decorate([r.Input(),o.__metadata("design:type",String)],i.prototype,"firstPage",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String)],i.prototype,"lastPage",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String)],i.prototype,"previousPage",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String)],i.prototype,"nextPage",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String)],i.prototype,"page",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String)],i.prototype,"pageNumberInputTitle",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String)],i.prototype,"itemsPerPage",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String)],i.prototype,"of",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String)],i.prototype,"items",void 0),i);function i(){return null!==a&&a.apply(this,arguments)||this}t.Messages=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,o,r=n(0),i=n(1),s=n(2),n=n(17),s=(a=n.Messages,r.__extends(p,a),o=p,Object.defineProperty(p.prototype,"override",{get:function(){return!0},enumerable:!0,configurable:!0}),o=r.__decorate([i.Component({providers:[{provide:n.Messages,useExisting:i.forwardRef(function(){return o})}],selector:"kendo-datapager-messages",template:""}),r.__metadata("design:paramtypes",[s.LocalizationService])],p));function p(e){var t=a.call(this)||this;return t.service=e,t}t.CustomMessagesComponent=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,o=n(0),o=(a=n(27).PreventableEvent,o.__extends(r,a),r);function r(e){var t=a.call(this)||this;return t.newPageSize=e,t}t.PageSizeChangeEvent=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,o,r=n(0),i=n(1),s=n(2),n=n(17),s=(a=n.Messages,r.__extends(p,a),o=p,o=r.__decorate([i.Directive({providers:[{provide:n.Messages,useExisting:i.forwardRef(function(){return o})}],selector:"[kendoDataPagerLocalizedMessages]"}),r.__metadata("design:paramtypes",[s.LocalizationService])],p));function p(e){var t=a.call(this)||this;return t.service=e,t}t.LocalizedMessagesDirective=s},function(e,t){e.exports=c},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),o=n(2),r=n(1),i=n(21),s=n(9),p=n(13),g=n(7),u=n(16),c=n(11),l=n(12),d=n(10),h=n(8),m=n(14),f=n(6),_=n(5),P=n(20),b=n(18),n=n(5),n=[i.CommonModule,s.NumericTextBoxModule,p.DropDownListModule,_.EventsModule,n.ResizeSensorModule],b=[g.PagerComponent,u.PagerPrevButtonsComponent,c.PagerNextButtonsComponent,l.PagerNumericButtonsComponent,d.PagerInputComponent,h.PagerInfoComponent,m.PagerPageSizesComponent,f.PagerTemplateDirective,P.LocalizedMessagesDirective,b.CustomMessagesComponent],o=[{provide:o.L10N_PREFIX,useValue:"kendo.pager"}],o=(v.exports=function(){return[g.PagerComponent,u.PagerPrevButtonsComponent,c.PagerNextButtonsComponent,l.PagerNumericButtonsComponent,d.PagerInputComponent,h.PagerInfoComponent,m.PagerPageSizesComponent,f.PagerTemplateDirective]},a.__decorate([r.NgModule({declarations:[b],exports:[b],imports:n.slice(),providers:[o]})],v));function v(){}t.PagerModule=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-angular-pager",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1635939992,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"}},function(e,t){e.exports=d},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DEFAULT_PAGE_SIZE_VALUES=[5,10,20]},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.RESPONSIVE_BREAKPOINT_MEDIUM=600,t.RESPONSIVE_BREAKPOINT_LARGE=768},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=(o.prototype.preventDefault=function(){this.prevented=!0},o.prototype.isDefaultPrevented=function(){return this.prevented},o);function o(){this.prevented=!1}t.PreventableEvent=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(19);t.PageSizeChangeEvent=a.PageSizeChangeEvent;a=n(18);t.CustomMessagesComponent=a.CustomMessagesComponent;a=n(16);t.PagerPrevButtonsComponent=a.PagerPrevButtonsComponent;a=n(14);t.PagerPageSizesComponent=a.PagerPageSizesComponent;a=n(6);t.PagerTemplateDirective=a.PagerTemplateDirective;a=n(12);t.PagerNumericButtonsComponent=a.PagerNumericButtonsComponent;a=n(11);t.PagerNextButtonsComponent=a.PagerNextButtonsComponent;a=n(10);t.PagerInputComponent=a.PagerInputComponent;a=n(8);t.PagerInfoComponent=a.PagerInfoComponent;a=n(7);t.PagerComponent=a.PagerComponent;n=n(22);t.PagerModule=n.PagerModule,function(e){for(var t in e)r(t,e[t])}(t)}],o={},a.m=n,a.c=o,a.d=function(e,t,n){a.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},a.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="",a(a.s=28)}}});
+System.register("@progress/kendo-angular-pager",["tslib","@angular/core","@progress/kendo-angular-l10n","@progress/kendo-angular-dropdowns","@progress/kendo-angular-inputs","@progress/kendo-angular-common","@angular/common","rxjs","@progress/kendo-licensing"],function(r){var i,s,p,g,u,c,l,d,h;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){i=t(e)},function(e){s=t(e)},function(e){p=t(e)},function(e){g=t(e)},function(e){u=t(e)},function(e){c=t(e)},function(e){l=t(e)},function(e){d=t(e)},function(e){h=t(e)}],execute:function(){function a(e){if(o[e])return o[e].exports;var t=o[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,a),t.l=!0,t.exports}var n,o;o={},a.m=n=[function(e,t){e.exports=i},function(e,t){e.exports=s},function(e,t){e.exports=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(15),n=(Object.defineProperty(o.prototype,"currentPage",{get:function(){return this.skip/this.pageSize},enumerable:!0,configurable:!0}),o.prototype.notifyChanges=function(e){this.total=e.total,this.pageSize=e.pageSize,this.skip=e.skip,this.changes.next(e)},o.prototype.changePage=function(e){this.pageChange.next({skip:e*this.pageSize,take:this.pageSize})},o.prototype.changePageSize=function(e){this.pageSizeChange.next(e)},o.prototype.nextPage=function(){var e=this.currentPage+1;e*this.pageSize<=this.total&&this.changePage(e)},o.prototype.prevPage=function(){var e=this.currentPage-1;0<=e*this.pageSize&&this.changePage(e)},o);function o(){this.changes=new a.Subject,this.pageChange=new a.Subject,this.pageSizeChange=new a.Subject}t.PagerContextService=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=(Object.defineProperty(o.prototype,"currentPage",{get:function(){return Math.floor((this.skip||0)/this.pageSize)+1},enumerable:!0,configurable:!0}),Object.defineProperty(o.prototype,"totalPages",{get:function(){return Math.ceil((this.total||0)/this.pageSize)},enumerable:!0,configurable:!0}),o.prototype.textFor=function(e){return this.localization.get(e)},o.prototype.changePage=function(e){return this.pagerContext.changePage(e),!1},o.prototype.ngOnInit=function(){var e=this;this.subscriptions=this.pagerContext.changes.subscribe(this.onChanges.bind(this)),this.subscriptions.add(this.localization.changes.subscribe(function(){return e.cd.markForCheck()}))},o.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},o);function o(e,t,n){this.localization=e,this.pagerContext=t,this.cd=n,this.total=this.pagerContext.total,this.skip=this.pagerContext.skip,this.pageSize=this.pagerContext.pageSize}t.PagerElementComponent=a},function(e,t){e.exports=c},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),n=n(1),n=a.__decorate([n.Directive({selector:"[kendoDataPagerTemplate]"}),a.__param(0,n.Optional()),a.__metadata("design:paramtypes",[n.TemplateRef])],o);function o(e){this.templateRef=e}t.PagerTemplateDirective=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),o=n(26),r=n(1),i=n(6),s=n(5),p=n(3),g=n(15),u=n(25),c=n(2),l=n(24),d=n(23),c=(Object.defineProperty(h.prototype,"pageSizeValues",{get:function(){return this._pageSizeValues},set:function(e){this._pageSizeValues=Array.isArray(e)?e:!!e&&u.DEFAULT_PAGE_SIZE_VALUES},enumerable:!0,configurable:!0}),Object.defineProperty(h.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),Object.defineProperty(h.prototype,"totalPages",{get:function(){return Math.ceil((this.total||0)/this.pageSize)},enumerable:!0,configurable:!0}),Object.defineProperty(h.prototype,"currentPage",{get:function(){return Math.floor((this.skip||0)/this.pageSize)+1},enumerable:!0,configurable:!0}),Object.defineProperty(h.prototype,"templateContext",{get:function(){var e=this._templateContext;return e.totalPages=this.totalPages,e.total=this.total,e.skip=this.skip,e.pageSize=this.pageSize,e.currentPage=this.currentPage,e},enumerable:!0,configurable:!0}),h.prototype.ngOnInit=function(){var t=this;this.subscriptions.add(this.pagerContext.pageChange.subscribe(this.changePage.bind(this))),this.subscriptions.add(this.pagerContext.pageSizeChange.subscribe(this.changePageSize.bind(this))),this.subscriptions.add(this.resizeSensor.resize.subscribe(function(){return t.resizeHandler()})),this.subscriptions.add(this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"}))},h.prototype.ngAfterViewInit=function(){this.resizeHandler()},h.prototype.ngOnChanges=function(e){s.anyChanged(["pageSize","skip","total"],e,!1)&&this.pagerContext.notifyChanges({pageSize:this.pageSize,skip:this.skip,total:this.total})},h.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},h.prototype.changePage=function(e){this.pageChange.emit(e)},h.prototype.changePageSize=function(e){this.pageSizeChange.emit(e),e.isDefaultPrevented()||("all"===e.newPageSize?this.pageChange.emit({skip:0,take:this.total}):this.pageChange.emit({skip:0,take:e.newPageSize}))},h.prototype.onPageSizeChange=function(e){this.pageSizeChange.emit(e),e.isDefaultPrevented()||this.pageChange.emit({skip:this.skip,take:e.newPageSize})},a.__decorate([r.ViewChild(s.ResizeSensorComponent,{static:!0}),a.__metadata("design:type",s.ResizeSensorComponent)],h.prototype,"resizeSensor",void 0),a.__decorate([r.ContentChild(i.PagerTemplateDirective,{static:!0}),a.__metadata("design:type",i.PagerTemplateDirective)],h.prototype,"template",void 0),a.__decorate([r.Input(),a.__metadata("design:type",Number)],h.prototype,"total",void 0),a.__decorate([r.Input(),a.__metadata("design:type",Number)],h.prototype,"skip",void 0),a.__decorate([r.Input(),a.__metadata("design:type",Number)],h.prototype,"pageSize",void 0),a.__decorate([r.Input(),a.__metadata("design:type",Number)],h.prototype,"buttonCount",void 0),a.__decorate([r.Input(),a.__metadata("design:type",Boolean)],h.prototype,"info",void 0),a.__decorate([r.Input(),a.__metadata("design:type",String)],h.prototype,"type",void 0),a.__decorate([r.Input(),a.__metadata("design:type",Object),a.__metadata("design:paramtypes",[Object])],h.prototype,"pageSizeValues",null),a.__decorate([r.Input(),a.__metadata("design:type",Boolean)],h.prototype,"previousNext",void 0),a.__decorate([r.Output(),a.__metadata("design:type",r.EventEmitter)],h.prototype,"pageChange",void 0),a.__decorate([r.Output(),a.__metadata("design:type",r.EventEmitter)],h.prototype,"pageSizeChange",void 0),a.__decorate([r.HostBinding("class.k-pager-wrap"),a.__metadata("design:type",Boolean)],h.prototype,"pagerWrapClass",void 0),a.__decorate([r.HostBinding("class.k-pager"),a.__metadata("design:type",Boolean)],h.prototype,"pagerClass",void 0),a.__decorate([r.HostBinding("attr.role"),a.__metadata("design:type",String)],h.prototype,"widgetRole",void 0),a.__decorate([r.HostBinding("attr.dir"),a.__metadata("design:type",String),a.__metadata("design:paramtypes",[])],h.prototype,"dir",null),a.__decorate([r.Component({selector:"kendo-datapager",exportAs:"kendoDataPager",providers:[c.LocalizationService,p.PagerContextService],template:'\n        <ng-container kendoDataPagerLocalizedMessages\n            i18n-firstPage="kendo.pager.firstPage|The label for the first page button in the Pager"\n            firstPage="Go to the first page"\n\n            i18n-previousPage="kendo.pager.previousPage|The label for the previous page button in the Pager"\n            previousPage="Go to the previous page"\n\n            i18n-nextPage="kendo.pager.nextPage|The label for the next page button in the Pager"\n            nextPage="Go to the next page"\n\n            i18n-lastPage="kendo.pager.lastPage|The label for the last page button in the Pager"\n            lastPage="Go to the last page"\n\n            i18n-page="kendo.pager.page|The label before the current page number in the Pager"\n            page="Page"\n\n            i18n-of="kendo.pager.of|The label before the total pages number in the Pager"\n            of="of"\n\n            i18n-pageNumberInputTitle="kendo.pager.pageNumberInputTitle|The label for the pager input in the Pager"\n            pageNumberInputTitle="Page Number"\n\n            i18n-items="kendo.pager.items|The label after the total pages number in the Pager"\n            items="items"\n\n            i18n-itemsPerPage="kendo.pager.itemsPerPage|The label for the page size chooser in the Pager"\n            itemsPerPage="items per page"\n\n            i18n-selectPage="kendo.pager.selectPage|The text of the title and aria-label attributes applied to the page chooser in the Pager"\n            selectPage="Select page"\n         >\n        </ng-container>\n        <ng-container\n            *ngIf="template?.templateRef"\n            [ngTemplateOutlet]="template.templateRef"\n            [ngTemplateOutletContext]="templateContext">\n        </ng-container>\n        <ng-container *ngIf="!template?.templateRef">\n            <kendo-datapager-prev-buttons *ngIf="previousNext"></kendo-datapager-prev-buttons>\n            <kendo-datapager-numeric-buttons\n                *ngIf="type === \'numeric\' && buttonCount > 0"\n                [buttonCount]="buttonCount">\n            </kendo-datapager-numeric-buttons>\n            <kendo-datapager-input *ngIf="type === \'input\'"></kendo-datapager-input>\n            <kendo-datapager-next-buttons *ngIf="previousNext"></kendo-datapager-next-buttons>\n            <kendo-datapager-info *ngIf=\'info\'></kendo-datapager-info>\n            <kendo-datapager-page-sizes *ngIf="pageSizeValues" [pageSizes]="pageSizeValues"></kendo-datapager-page-sizes>\n        </ng-container>\n        <kendo-resize-sensor></kendo-resize-sensor>\n  '}),a.__metadata("design:paramtypes",[p.PagerContextService,r.ElementRef,c.LocalizationService])],h));function h(e,t,n){var a=this;this.pagerContext=e,this.element=t,this.localization=n,this.total=0,this.skip=0,this.buttonCount=10,this.info=!0,this.type="numeric",this.previousNext=!0,this.pageChange=new r.EventEmitter,this.pageSizeChange=new r.EventEmitter,this.pagerWrapClass=!0,this.pagerClass=!0,this.widgetRole="navigation",this.subscriptions=new g.Subscription,this._templateContext={},this._pageSizeValues=u.DEFAULT_PAGE_SIZE_VALUES,this.resizeHandler=function(){var e,t;a.template||((t=(e=a.element.nativeElement).offsetWidth)<o.RESPONSIVE_BREAKPOINT_MEDIUM?(e.classList.remove("k-pager-md"),e.classList.add("k-pager-sm")):(t>=o.RESPONSIVE_BREAKPOINT_MEDIUM&&t<o.RESPONSIVE_BREAKPOINT_LARGE?e.classList.add("k-pager-md"):e.classList.remove("k-pager-md"),e.classList.remove("k-pager-sm")))},l.validatePackage(d.packageMetadata),this.direction=n.rtl?"rtl":"ltr"}t.PagerComponent=c},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,o=n(0),r=n(1),i=n(4),s=n(2),n=n(3),n=(a=i.PagerElementComponent,o.__extends(p,a),Object.defineProperty(p.prototype,"maxItems",{get:function(){return Math.min(this.currentPage*this.pageSize,this.total)},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"currentPageText",{get:function(){return this.total?(this.currentPage-1)*this.pageSize+1:0},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"classes",{get:function(){return!0},enumerable:!0,configurable:!0}),p.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize=e,this.cd.markForCheck()},o.__decorate([r.HostBinding("class.k-pager-info"),r.HostBinding("class.k-label"),o.__metadata("design:type",Boolean),o.__metadata("design:paramtypes",[])],p.prototype,"classes",null),o.__decorate([r.Component({changeDetection:r.ChangeDetectionStrategy.OnPush,selector:"kendo-datapager-info",template:"{{currentPageText}} - {{maxItems}} {{textFor('of')}} {{total}} {{textFor('items')}}"}),o.__metadata("design:paramtypes",[s.LocalizationService,r.ChangeDetectorRef,n.PagerContextService])],p));function p(e,t,n){t=a.call(this,e,n,t)||this;return t.pagerContext=n,t}t.PagerInfoComponent=n},function(e,t){e.exports=u},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,a=n(0),o=n(9),i=n(1),s=n(4),p=n(2),g=n(3),u=n(5),i=(r=s.PagerElementComponent,a.__extends(c,r),Object.defineProperty(c.prototype,"current",{get:function(){return this.hasPages?this.currentPage:0},enumerable:!0,configurable:!0}),Object.defineProperty(c.prototype,"hasPages",{get:function(){return 0!==this.totalPages},enumerable:!0,configurable:!0}),c.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize=e,this.cd.markForCheck()},a.__decorate([i.ViewChild(o.NumericTextBoxComponent,{static:!0}),a.__metadata("design:type",o.NumericTextBoxComponent)],c.prototype,"numericInput",void 0),a.__decorate([i.Component({selector:"kendo-datapager-input",template:'\n     <span [ngClass]="{\'k-pager-input\': true, \'k-label\': true}">\n        {{textFor(\'page\')}}\n        <kendo-numerictextbox\n            [spinners]="false"\n            [decimals]="0"\n            format="n0"\n            [disabled]="!hasPages"\n            [value]="current"\n            [min]="hasPages ? 1 : 0"\n            [max]="totalPages"\n            [autoCorrect]="true"\n            [title]="textFor(\'pageNumberInputTitle\')"\n            [kendoEventsOutsideAngular]="{\n                keydown: handleKeyDown,\n                focusout: handleBlur\n            }">\n        </kendo-numerictextbox>\n        {{textFor(\'of\')}} {{totalPages}}\n     </span>\n    '}),a.__metadata("design:paramtypes",[p.LocalizationService,g.PagerContextService,i.NgZone,i.ChangeDetectorRef])],c));function c(e,t,n,a){var o=r.call(this,e,t,a)||this;return o.pagerContext=t,o.zone=n,o.handleKeyDown=function(e){var t=o.numericInput.value||o.current;e.keyCode===u.Keys.Enter&&(e.preventDefault(),t!==o.current&&o.zone.run(function(){o.changePage(t-1)}))},o.handleBlur=function(){var e=o.numericInput.value;e?e!==o.current&&o.zone.run(function(){o.changePage(e-1)}):o.numericInput.writeValue(o.current)},o}t.PagerInputComponent=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,o=n(0),r=n(1),i=n(3),s=n(4),n=n(2),r=(a=s.PagerElementComponent,o.__extends(p,a),Object.defineProperty(p.prototype,"disabled",{get:function(){return this.currentPage===this.totalPages||!this.total},enumerable:!0,configurable:!0}),p.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize=e,this.cd.markForCheck()},o.__decorate([r.Component({changeDetection:r.ChangeDetectionStrategy.OnPush,selector:"kendo-datapager-next-buttons",template:'\n        <button\n            type="button"\n            class="k-link k-pager-nav"\n            [class.k-disabled]="disabled"\n            [title]="textFor(\'nextPage\')"\n            [attr.aria-label]="textFor(\'nextPage\')"\n            [attr.aria-disabled]="disabled ? true : undefined"\n            (click)="currentPage !== totalPages ? changePage(currentPage) : false">\n            <span class="k-icon k-i-arrow-e" [attr.aria-label]="textFor(\'nextPage\')"></span>\n        </button>\n        <button\n            type="button"\n            class="k-link k-pager-nav k-pager-last"\n            [class.k-disabled]="disabled"\n            [title]="textFor(\'lastPage\')"\n            [attr.aria-label]="textFor(\'lastPage\')"\n            [attr.aria-disabled]="disabled ? true : undefined"\n            (click)="currentPage !== totalPages ? changePage(totalPages-1) : false">\n            <span class="k-icon k-i-seek-e" [attr.aria-label]="textFor(\'lastPage\')"></span>\n        </button>\n    '}),o.__metadata("design:paramtypes",[n.LocalizationService,i.PagerContextService,r.ChangeDetectorRef])],p));function p(e,t,n){return a.call(this,e,t,n)||this}t.PagerNextButtonsComponent=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,o=n(0),r=n(1),i=n(2),s=n(3),s=(a=n(4).PagerElementComponent,o.__extends(p,a),Object.defineProperty(p.prototype,"buttons",{get:function(){for(var e=[],t=this.start;t<=this.end;t++)e.push(t);return e},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"end",{get:function(){return Math.min(this.start+this.buttonCount-1,this.totalPages)},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"start",{get:function(){var e=this.currentPage,t=this.buttonCount;if(t<e){var n=e%t;return 0==n?e-t+1:e-n+1}return 1},enumerable:!0,configurable:!0}),p.prototype.pageLabel=function(e){var t=this.textFor("page");return t?t+" "+e:e.toString()},p.prototype.onSelectChange=function(e){var t=e.target,e=Number(t.value);Number.isNaN(e)?"previousButtons"===t.value?this.changePage(this.start-2):this.changePage(this.end):this.changePage(e-1)},p.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize=e,this.cd.markForCheck()},Object.defineProperty(p.prototype,"pageChooserLabel",{get:function(){return this.textFor("selectPage")},enumerable:!0,configurable:!0}),o.__decorate([r.HostBinding("class.k-pager-numbers-wrap"),o.__metadata("design:type",Boolean)],p.prototype,"numbersWrapClass",void 0),o.__decorate([r.Input(),o.__metadata("design:type",Number)],p.prototype,"buttonCount",void 0),o.__decorate([r.Component({changeDetection:r.ChangeDetectionStrategy.OnPush,selector:"kendo-datapager-numeric-buttons",template:'\n        <select\n            class="k-dropdown-list k-picker k-picker-md k-rounded-md k-picker-solid"\n            [attr.title]="pageChooserLabel"\n            [attr.aria-label]="pageChooserLabel"\n            [value]="(currentPage).toString()"\n            (change)="onSelectChange($event)">\n            <option *ngIf="start > 1"\n                class="k-link"\n                value="previousButtons"\n                [attr.aria-label]="pageLabel(start - 1)">...\n            </option>\n            <option *ngFor="let num of buttons"\n                [value]="num.toString()"\n                [attr.aria-label]="pageLabel(num)"\n                [attr.aria-current]="currentPage == num ? \'page\' : undefined"\n                [ngClass]="{\'k-link\': true, \'k-selected\':currentPage == num}">\n                {{num}}\n            </option>\n            <option *ngIf="end < totalPages"\n                value="nextButtons"\n                class="k-link"\n                [attr.aria-label]="pageLabel(end + 1)">...\n            </option>\n        </select>\n        <ul [ngClass]="{\'k-pager-numbers\': true, \'k-reset\': true}">\n            <li *ngIf="start > 1">\n                <button\n                    type="button"\n                    class="k-link"\n                    [attr.aria-label]="pageLabel(start - 1)"\n                    (click)="changePage(start - 2)">...</button>\n            </li>\n            <li *ngFor="let num of buttons">\n                <button\n                    type="button"\n                    [attr.aria-label]="pageLabel(num)"\n                    [attr.aria-current]="currentPage == num ? \'page\' : undefined"\n                    [ngClass]="{\'k-link\': true, \'k-selected\':currentPage == num}"\n                    (click)="changePage(num - 1)">\n                    {{num}}\n                </button>\n            </li>\n            <li *ngIf="end < totalPages">\n                <button\n                    type="button"\n                    class="k-link"\n                    [attr.aria-label]="pageLabel(end + 1)"\n                    (click)="changePage(end)">...</button>\n            </li>\n        </ul>\n    '}),o.__metadata("design:paramtypes",[i.LocalizationService,r.ChangeDetectorRef,s.PagerContextService])],p));function p(e,t,n){t=a.call(this,e,n,t)||this;return t.pagerContext=n,t.numbersWrapClass=!0,t}t.PagerNumericButtonsComponent=s},function(e,t){e.exports=g},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,o=n(0),r=n(1),i=n(4),s=n(2),p=n(3),g=n(19),n=n(13),p=(a=i.PagerElementComponent,o.__extends(u,a),Object.defineProperty(u.prototype,"pageSizes",{get:function(){return this._pageSizes},set:function(e){var t=this,n=[];e.forEach(function(e){"number"==typeof e?n.push({text:e.toString(),value:e}):n.push(e)}),this.pageSize&&!n.some(function(e){return e.value===t.pageSize})&&(n=[{text:this.pageSize.toString(),value:this.pageSize}].concat(n)),this._pageSizes=n},enumerable:!0,configurable:!0}),Object.defineProperty(u.prototype,"classes",{get:function(){return!0},enumerable:!0,configurable:!0}),u.prototype.ngAfterViewInit=function(){this.dropDownList.wrapper.nativeElement.setAttribute("aria-label",this.textFor("itemsPerPage"))},u.prototype.pageSizeChange=function(e,t){e=new g.PageSizeChangeEvent(e);this.pagerContext.changePageSize(e),e.isDefaultPrevented()&&t.writeValue(this.pageSize)},u.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize="number"==typeof e?e:this.total,this.cd.markForCheck()},o.__decorate([r.ViewChild("dropdownlist",{static:!0}),o.__metadata("design:type",n.DropDownListComponent)],u.prototype,"dropDownList",void 0),o.__decorate([r.Input(),o.__metadata("design:type",Array),o.__metadata("design:paramtypes",[Array])],u.prototype,"pageSizes",null),o.__decorate([r.HostBinding("class.k-pager-sizes"),r.HostBinding("class.k-label"),o.__metadata("design:type",Boolean),o.__metadata("design:paramtypes",[])],u.prototype,"classes",null),o.__decorate([r.Component({changeDetection:r.ChangeDetectionStrategy.OnPush,selector:"kendo-datapager-page-sizes",template:'\n        <kendo-dropdownlist\n            #dropdownlist\n            [data]="pageSizes"\n            textField="text"\n            valueField="value"\n            [valuePrimitive]="true"\n            [value]="pageSize"\n            (valueChange)="pageSizeChange($event, dropdownlist)"></kendo-dropdownlist>\n        {{ textFor(\'itemsPerPage\') }}\n    '}),o.__metadata("design:paramtypes",[s.LocalizationService,r.ChangeDetectorRef,p.PagerContextService])],u));function u(e,t,n){t=a.call(this,e,n,t)||this;return t.pagerContext=n,t._pageSizes=[],t}t.PagerPageSizesComponent=p},function(e,t){e.exports=d},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,o=n(0),r=n(1),i=n(3),s=n(4),n=n(2),r=(a=s.PagerElementComponent,o.__extends(p,a),Object.defineProperty(p.prototype,"disabled",{get:function(){return 1===this.currentPage||!this.total},enumerable:!0,configurable:!0}),p.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize=e,this.cd.markForCheck()},o.__decorate([r.Component({changeDetection:r.ChangeDetectionStrategy.OnPush,selector:"kendo-datapager-prev-buttons",template:'\n        <button\n            type="button"\n            class="k-link k-pager-nav k-pager-first"\n            [class.k-disabled]="disabled"\n            [title]="textFor(\'firstPage\')"\n            [attr.aria-label]="textFor(\'firstPage\')"\n            [attr.aria-disabled]="disabled ? true : undefined"\n            (click)="currentPage !== 1 ? changePage(0) : false">\n            <span class="k-icon k-i-seek-w" [attr.aria-label]="textFor(\'firstPage\')"></span>\n        </button>\n        <button\n            type="button"\n            class="k-link k-pager-nav"\n            [class.k-disabled]="disabled"\n            [title]="textFor(\'previousPage\')"\n            [attr.aria-label]="textFor(\'previousPage\')"\n            [attr.aria-disabled]="disabled ? true : undefined"\n            (click)="currentPage !== 1 ? changePage(currentPage-2) : false">\n            <span class="k-icon k-i-arrow-w" [attr.aria-label]="textFor(\'previousPage\')"></span>\n        </button>\n    '}),o.__metadata("design:paramtypes",[n.LocalizationService,i.PagerContextService,r.ChangeDetectorRef])],p));function p(e,t,n){return a.call(this,e,t,n)||this}t.PagerPrevButtonsComponent=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,o=n(0),r=n(1),o=(a=n(2).ComponentMessages,o.__extends(i,a),o.__decorate([r.Input(),o.__metadata("design:type",String)],i.prototype,"firstPage",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String)],i.prototype,"lastPage",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String)],i.prototype,"previousPage",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String)],i.prototype,"nextPage",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String)],i.prototype,"page",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String)],i.prototype,"pageNumberInputTitle",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String)],i.prototype,"itemsPerPage",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String)],i.prototype,"of",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String)],i.prototype,"items",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String)],i.prototype,"selectPage",void 0),i);function i(){return null!==a&&a.apply(this,arguments)||this}t.Messages=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,o,r=n(0),i=n(1),s=n(2),n=n(17),s=(a=n.Messages,r.__extends(p,a),o=p,Object.defineProperty(p.prototype,"override",{get:function(){return!0},enumerable:!0,configurable:!0}),o=r.__decorate([i.Component({providers:[{provide:n.Messages,useExisting:i.forwardRef(function(){return o})}],selector:"kendo-datapager-messages",template:""}),r.__metadata("design:paramtypes",[s.LocalizationService])],p));function p(e){var t=a.call(this)||this;return t.service=e,t}t.CustomMessagesComponent=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,o=n(0),o=(a=n(27).PreventableEvent,o.__extends(r,a),r);function r(e){var t=a.call(this)||this;return t.newPageSize=e,t}t.PageSizeChangeEvent=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,o,r=n(0),i=n(1),s=n(2),n=n(17),s=(a=n.Messages,r.__extends(p,a),o=p,o=r.__decorate([i.Directive({providers:[{provide:n.Messages,useExisting:i.forwardRef(function(){return o})}],selector:"[kendoDataPagerLocalizedMessages]"}),r.__metadata("design:paramtypes",[s.LocalizationService])],p));function p(e){var t=a.call(this)||this;return t.service=e,t}t.LocalizedMessagesDirective=s},function(e,t){e.exports=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),o=n(2),r=n(1),i=n(21),s=n(9),p=n(13),g=n(7),u=n(16),c=n(11),l=n(12),d=n(10),h=n(8),m=n(14),f=n(6),P=n(5),_=n(20),b=n(18),n=n(5),n=[i.CommonModule,s.NumericTextBoxModule,p.DropDownListModule,P.EventsModule,n.ResizeSensorModule],b=[g.PagerComponent,u.PagerPrevButtonsComponent,c.PagerNextButtonsComponent,l.PagerNumericButtonsComponent,d.PagerInputComponent,h.PagerInfoComponent,m.PagerPageSizesComponent,f.PagerTemplateDirective,_.LocalizedMessagesDirective,b.CustomMessagesComponent],o=[{provide:o.L10N_PREFIX,useValue:"kendo.pager"}],o=(v.exports=function(){return[g.PagerComponent,u.PagerPrevButtonsComponent,c.PagerNextButtonsComponent,l.PagerNumericButtonsComponent,d.PagerInputComponent,h.PagerInfoComponent,m.PagerPageSizesComponent,f.PagerTemplateDirective]},a.__decorate([r.NgModule({declarations:[b],exports:[b],imports:n.slice(),providers:[o]})],v));function v(){}t.PagerModule=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-angular-pager",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1642591830,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"}},function(e,t){e.exports=h},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DEFAULT_PAGE_SIZE_VALUES=[5,10,20]},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.RESPONSIVE_BREAKPOINT_MEDIUM=600,t.RESPONSIVE_BREAKPOINT_LARGE=768},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=(o.prototype.preventDefault=function(){this.prevented=!0},o.prototype.isDefaultPrevented=function(){return this.prevented},o);function o(){this.prevented=!1}t.PreventableEvent=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(19);t.PageSizeChangeEvent=a.PageSizeChangeEvent;a=n(18);t.CustomMessagesComponent=a.CustomMessagesComponent;a=n(16);t.PagerPrevButtonsComponent=a.PagerPrevButtonsComponent;a=n(14);t.PagerPageSizesComponent=a.PagerPageSizesComponent;a=n(6);t.PagerTemplateDirective=a.PagerTemplateDirective;a=n(12);t.PagerNumericButtonsComponent=a.PagerNumericButtonsComponent;a=n(11);t.PagerNextButtonsComponent=a.PagerNextButtonsComponent;a=n(10);t.PagerInputComponent=a.PagerInputComponent;a=n(8);t.PagerInfoComponent=a.PagerInfoComponent;a=n(7);t.PagerComponent=a.PagerComponent;n=n(22);t.PagerModule=n.PagerModule,function(e){for(var t in e)r(t,e[t])}(t)}],a.c=o,a.d=function(e,t,n){a.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},a.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="",a(a.s=28)}}});