@progress/kendo-angular-pager 2.0.1 → 2.1.0

package/dist/cdn/main.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("tslib"),require("@angular/core"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-angular-common"),require("rxjs"),require("@progress/kendo-angular-dropdowns"),require("@progress/kendo-angular-inputs"),require("@progress/kendo-licensing"),require("@angular/common")):"function"==typeof define&&define.amd?define(["tslib","@angular/core","@progress/kendo-angular-l10n","@progress/kendo-angular-common","rxjs","@progress/kendo-angular-dropdowns","@progress/kendo-angular-inputs","@progress/kendo-licensing","@angular/common"],t):"object"==typeof exports?exports.KendoAngularPager=t(require("tslib"),require("@angular/core"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-angular-common"),require("rxjs"),require("@progress/kendo-angular-dropdowns"),require("@progress/kendo-angular-inputs"),require("@progress/kendo-licensing"),require("@angular/common")):e.KendoAngularPager=t(e.tslib,e["@angular/core"],e["@progress/kendo-angular-l10n"],e["@progress/kendo-angular-common"],e.rxjs,e["@progress/kendo-angular-dropdowns"],e["@progress/kendo-angular-inputs"],e["@progress/kendo-licensing"],e["@angular/common"])}(window,(function(e,t,n,a,r,o,i,s,p){return function(e){var t={};function n(a){if(t[a])return t[a].exports;var r=t[a]={i:a,l:!1,exports:{}};return e[a].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,a){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(n.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(a,r,function(t){return e[t]}.bind(null,r));return a},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=20)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(11),r=function(){function e(){this.changes=new a.Subject,this.pageChange=new a.Subject,this.pageSizeChange=new a.Subject}return Object.defineProperty(e.prototype,"currentPage",{get:function(){return this.skip/this.pageSize},enumerable:!0,configurable:!0}),e.prototype.notifyChanges=function(e){this.total=e.total,this.pageSize=e.pageSize,this.skip=e.skip,this.changes.next(e)},e.prototype.changePage=function(e){this.pageChange.next({skip:e*this.pageSize,take:this.pageSize})},e.prototype.changePageSize=function(e){this.pageSizeChange.next(e)},e.prototype.nextPage=function(){var e=this.currentPage+1;e*this.pageSize<=this.total&&this.changePage(e)},e.prototype.prevPage=function(){var e=this.currentPage-1;e*this.pageSize>=0&&this.changePage(e)},e}();t.PagerContextService=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=function(){function e(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}return Object.defineProperty(e.prototype,"currentPage",{get:function(){return Math.floor((this.skip||0)/this.pageSize)+1},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"totalPages",{get:function(){return Math.ceil((this.total||0)/this.pageSize)},enumerable:!0,configurable:!0}),e.prototype.textFor=function(e){return this.localization.get(e)},e.prototype.changePage=function(e){return this.pagerContext.changePage(e),!1},e.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()})))},e.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},e}();t.PagerElementComponent=a},function(e,t){e.exports=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(1),o=function(){function e(e){this.templateRef=e}return e=a.__decorate([r.Directive({selector:"[kendoDataPagerTemplate]"}),a.__param(0,r.Optional()),a.__metadata("design:paramtypes",[r.TemplateRef])],e)}();t.PagerTemplateDirective=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=function(e){function t(t){var n=e.call(this)||this;return n.newPageSize=t,n}return a.__extends(t,e),t}(n(21).PreventableEvent);t.PageSizeChangeEvent=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(1),o=n(2),i=n(9),s=function(e){function t(t){var n=e.call(this)||this;return n.service=t,n}var n;return a.__extends(t,e),n=t,Object.defineProperty(t.prototype,"override",{get:function(){return!0},enumerable:!0,configurable:!0}),t=n=a.__decorate([r.Component({providers:[{provide:i.Messages,useExisting:r.forwardRef((function(){return n}))}],selector:"kendo-datapager-messages",template:""}),a.__metadata("design:paramtypes",[o.LocalizationService])],t)}(i.Messages);t.CustomMessagesComponent=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(1),o=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return a.__extends(t,e),a.__decorate([r.Input(),a.__metadata("design:type",String)],t.prototype,"firstPage",void 0),a.__decorate([r.Input(),a.__metadata("design:type",String)],t.prototype,"lastPage",void 0),a.__decorate([r.Input(),a.__metadata("design:type",String)],t.prototype,"previousPage",void 0),a.__decorate([r.Input(),a.__metadata("design:type",String)],t.prototype,"nextPage",void 0),a.__decorate([r.Input(),a.__metadata("design:type",String)],t.prototype,"page",void 0),a.__decorate([r.Input(),a.__metadata("design:type",String)],t.prototype,"pageNumberInputTitle",void 0),a.__decorate([r.Input(),a.__metadata("design:type",String)],t.prototype,"itemsPerPage",void 0),a.__decorate([r.Input(),a.__metadata("design:type",String)],t.prototype,"of",void 0),a.__decorate([r.Input(),a.__metadata("design:type",String)],t.prototype,"items",void 0),t}(n(2).ComponentMessages);t.Messages=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(1),o=n(3),i=n(4),s=n(2),p=function(e){function t(t,n,a){return e.call(this,t,n,a)||this}return a.__extends(t,e),Object.defineProperty(t.prototype,"disabled",{get:function(){return 1===this.currentPage||!this.total},enumerable:!0,configurable:!0}),t.prototype.onChanges=function(e){var t=e.total,n=e.skip,a=e.pageSize;this.total=t,this.skip=n,this.pageSize=a,this.cd.markForCheck()},t=a.__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    '}),a.__metadata("design:paramtypes",[s.LocalizationService,o.PagerContextService,r.ChangeDetectorRef])],t)}(i.PagerElementComponent);t.PagerPrevButtonsComponent=p},function(e,t){e.exports=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(1),o=n(4),i=n(2),s=n(3),p=n(7),u=n(13),g=function(e){function t(t,n,a){var r=e.call(this,t,a,n)||this;return r.pagerContext=a,r._pageSizes=[],r}return a.__extends(t,e),Object.defineProperty(t.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(t.prototype,"classes",{get:function(){return!0},enumerable:!0,configurable:!0}),t.prototype.ngAfterViewInit=function(){this.dropDownList.wrapper.nativeElement.setAttribute("aria-label",this.textFor("itemsPerPage"))},t.prototype.pageSizeChange=function(e,t){var n=new p.PageSizeChangeEvent(e);this.pagerContext.changePageSize(n),n.isDefaultPrevented()&&t.writeValue(this.pageSize)},t.prototype.onChanges=function(e){var t=e.total,n=e.skip,a=e.pageSize;this.total=t,this.skip=n,this.pageSize="number"==typeof a?a:this.total,this.cd.markForCheck()},a.__decorate([r.ViewChild("dropdownlist",{static:!0}),a.__metadata("design:type",u.DropDownListComponent)],t.prototype,"dropDownList",void 0),a.__decorate([r.Input(),a.__metadata("design:type",Array),a.__metadata("design:paramtypes",[Array])],t.prototype,"pageSizes",null),a.__decorate([r.HostBinding("class.k-pager-sizes"),r.HostBinding("class.k-label"),a.__metadata("design:type",Boolean),a.__metadata("design:paramtypes",[])],t.prototype,"classes",null),t=a.__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    '}),a.__metadata("design:paramtypes",[i.LocalizationService,r.ChangeDetectorRef,s.PagerContextService])],t)}(o.PagerElementComponent);t.PagerPageSizesComponent=g},function(e,t){e.exports=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(1),o=n(2),i=n(3),s=function(e){function t(t,n,a){var r=e.call(this,t,a,n)||this;return r.pagerContext=a,r.numbersWrapClass=!0,r}return a.__extends(t,e),Object.defineProperty(t.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(t.prototype,"end",{get:function(){return Math.min(this.start+this.buttonCount-1,this.totalPages)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"start",{get:function(){var e=this.currentPage,t=this.buttonCount;if(e>t){var n=e%t;return 0===n?e-t+1:e-n+1}return 1},enumerable:!0,configurable:!0}),t.prototype.pageLabel=function(e){var t=this.textFor("page");return t?t+" "+e:e.toString()},t.prototype.onSelectChange=function(e){var t=e.target,n=Number(t.value);Number.isNaN(n)?"previousButtons"===t.value?this.changePage(this.start-2):this.changePage(this.end):this.changePage(n-1)},t.prototype.onChanges=function(e){var t=e.total,n=e.skip,a=e.pageSize;this.total=t,this.skip=n,this.pageSize=a,this.cd.markForCheck()},a.__decorate([r.HostBinding("class.k-pager-numbers-wrap"),a.__metadata("design:type",Boolean)],t.prototype,"numbersWrapClass",void 0),a.__decorate([r.Input(),a.__metadata("design:type",Number)],t.prototype,"buttonCount",void 0),t=a.__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    '}),a.__metadata("design:paramtypes",[o.LocalizationService,r.ChangeDetectorRef,i.PagerContextService])],t)}(n(4).PagerElementComponent);t.PagerNumericButtonsComponent=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(1),o=n(3),i=n(4),s=n(2),p=function(e){function t(t,n,a){return e.call(this,t,n,a)||this}return a.__extends(t,e),Object.defineProperty(t.prototype,"disabled",{get:function(){return this.currentPage===this.totalPages||!this.total},enumerable:!0,configurable:!0}),t.prototype.onChanges=function(e){var t=e.total,n=e.skip,a=e.pageSize;this.total=t,this.skip=n,this.pageSize=a,this.cd.markForCheck()},t=a.__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    '}),a.__metadata("design:paramtypes",[s.LocalizationService,o.PagerContextService,r.ChangeDetectorRef])],t)}(i.PagerElementComponent);t.PagerNextButtonsComponent=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(17),o=n(1),i=n(4),s=n(2),p=n(3),u=n(5),g=function(e){function t(t,n,a,r){var o=e.call(this,t,n,r)||this;return o.pagerContext=n,o.zone=a,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}return a.__extends(t,e),Object.defineProperty(t.prototype,"current",{get:function(){return this.hasPages?this.currentPage:0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"hasPages",{get:function(){return 0!==this.totalPages},enumerable:!0,configurable:!0}),t.prototype.onChanges=function(e){var t=e.total,n=e.skip,a=e.pageSize;this.total=t,this.skip=n,this.pageSize=a,this.cd.markForCheck()},a.__decorate([o.ViewChild(r.NumericTextBoxComponent,{static:!0}),a.__metadata("design:type",r.NumericTextBoxComponent)],t.prototype,"numericInput",void 0),t=a.__decorate([o.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",[s.LocalizationService,p.PagerContextService,o.NgZone,o.ChangeDetectorRef])],t)}(i.PagerElementComponent);t.PagerInputComponent=g},function(e,t){e.exports=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(1),o=n(4),i=n(2),s=n(3),p=function(e){function t(t,n,a){var r=e.call(this,t,a,n)||this;return r.pagerContext=a,r}return a.__extends(t,e),Object.defineProperty(t.prototype,"maxItems",{get:function(){return Math.min(this.currentPage*this.pageSize,this.total)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"currentPageText",{get:function(){return this.total?(this.currentPage-1)*this.pageSize+1:0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"classes",{get:function(){return!0},enumerable:!0,configurable:!0}),t.prototype.onChanges=function(e){var t=e.total,n=e.skip,a=e.pageSize;this.total=t,this.skip=n,this.pageSize=a,this.cd.markForCheck()},a.__decorate([r.HostBinding("class.k-pager-info"),r.HostBinding("class.k-label"),a.__metadata("design:type",Boolean),a.__metadata("design:paramtypes",[])],t.prototype,"classes",null),t=a.__decorate([r.Component({changeDetection:r.ChangeDetectionStrategy.OnPush,selector:"kendo-datapager-info",template:"{{currentPageText}} - {{maxItems}} {{textFor('of')}} {{total}} {{textFor('items')}}"}),a.__metadata("design:paramtypes",[i.LocalizationService,r.ChangeDetectorRef,s.PagerContextService])],t)}(o.PagerElementComponent);t.PagerInfoComponent=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(22),o=n(1),i=n(6),s=n(5),p=n(3),u=n(11),g=n(23),c=n(2),l=n(24),d=n(25),h=function(){function e(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 o.EventEmitter,this.pageSizeChange=new o.EventEmitter,this.pagerWrapClass=!0,this.pagerClass=!0,this.widgetClass=!0,this.widgetRole="navigation",this.subscriptions=new u.Subscription,this._templateContext={},this._pageSizeValues=g.DEFAULT_PAGE_SIZE_VALUES,this.resizeHandler=function(){if(!a.template){var e=a.element.nativeElement,t=e.offsetWidth;t<r.RESPONSIVE_BREAKPOINT_MEDIUM?(e.classList.remove("k-pager-md"),e.classList.add("k-pager-sm")):t>=r.RESPONSIVE_BREAKPOINT_MEDIUM&&t<r.RESPONSIVE_BREAKPOINT_LARGE?(e.classList.add("k-pager-md"),e.classList.remove("k-pager-sm")):(e.classList.remove("k-pager-md"),e.classList.remove("k-pager-sm"))}},l.validatePackage(d.packageMetadata),this.direction=n.rtl?"rtl":"ltr"}return Object.defineProperty(e.prototype,"pageSizeValues",{get:function(){return this._pageSizeValues},set:function(e){this._pageSizeValues=Array.isArray(e)?e:!!e&&g.DEFAULT_PAGE_SIZE_VALUES},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"totalPages",{get:function(){return Math.ceil((this.total||0)/this.pageSize)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"currentPage",{get:function(){return Math.floor((this.skip||0)/this.pageSize)+1},enumerable:!0,configurable:!0}),Object.defineProperty(e.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}),e.prototype.ngOnInit=function(){var e=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 e.resizeHandler()}))),this.subscriptions.add(this.localization.changes.subscribe((function(t){var n=t.rtl;e.direction=n?"rtl":"ltr"})))},e.prototype.ngAfterViewInit=function(){this.resizeHandler()},e.prototype.ngOnChanges=function(e){s.anyChanged(["pageSize","skip","total"],e,!1)&&this.pagerContext.notifyChanges({pageSize:this.pageSize,skip:this.skip,total:this.total})},e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.changePage=function(e){this.pageChange.emit(e)},e.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}))},e.prototype.onPageSizeChange=function(e){this.pageSizeChange.emit(e),e.isDefaultPrevented()||this.pageChange.emit({skip:this.skip,take:e.newPageSize})},a.__decorate([o.ViewChild(s.ResizeSensorComponent,{static:!0}),a.__metadata("design:type",s.ResizeSensorComponent)],e.prototype,"resizeSensor",void 0),a.__decorate([o.ContentChild(i.PagerTemplateDirective,{static:!0}),a.__metadata("design:type",i.PagerTemplateDirective)],e.prototype,"template",void 0),a.__decorate([o.Input(),a.__metadata("design:type",Number)],e.prototype,"total",void 0),a.__decorate([o.Input(),a.__metadata("design:type",Number)],e.prototype,"skip",void 0),a.__decorate([o.Input(),a.__metadata("design:type",Number)],e.prototype,"pageSize",void 0),a.__decorate([o.Input(),a.__metadata("design:type",Number)],e.prototype,"buttonCount",void 0),a.__decorate([o.Input(),a.__metadata("design:type",Boolean)],e.prototype,"info",void 0),a.__decorate([o.Input(),a.__metadata("design:type",String)],e.prototype,"type",void 0),a.__decorate([o.Input(),a.__metadata("design:type",Object),a.__metadata("design:paramtypes",[Object])],e.prototype,"pageSizeValues",null),a.__decorate([o.Input(),a.__metadata("design:type",Boolean)],e.prototype,"previousNext",void 0),a.__decorate([o.Output(),a.__metadata("design:type",o.EventEmitter)],e.prototype,"pageChange",void 0),a.__decorate([o.Output(),a.__metadata("design:type",o.EventEmitter)],e.prototype,"pageSizeChange",void 0),a.__decorate([o.HostBinding("class.k-pager-wrap"),a.__metadata("design:type",Boolean)],e.prototype,"pagerWrapClass",void 0),a.__decorate([o.HostBinding("class.k-pager"),a.__metadata("design:type",Boolean)],e.prototype,"pagerClass",void 0),a.__decorate([o.HostBinding("class.k-widget"),a.__metadata("design:type",Boolean)],e.prototype,"widgetClass",void 0),a.__decorate([o.HostBinding("attr.role"),a.__metadata("design:type",String)],e.prototype,"widgetRole",void 0),a.__decorate([o.HostBinding("attr.dir"),a.__metadata("design:type",String),a.__metadata("design:paramtypes",[])],e.prototype,"dir",null),e=a.__decorate([o.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,o.ElementRef,c.LocalizationService])],e)}();t.PagerComponent=h},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(7);t.PageSizeChangeEvent=a.PageSizeChangeEvent;var r=n(8);t.CustomMessagesComponent=r.CustomMessagesComponent;var o=n(10);t.PagerPrevButtonsComponent=o.PagerPrevButtonsComponent;var i=n(12);t.PagerPageSizesComponent=i.PagerPageSizesComponent;var s=n(6);t.PagerTemplateDirective=s.PagerTemplateDirective;var p=n(14);t.PagerNumericButtonsComponent=p.PagerNumericButtonsComponent;var u=n(15);t.PagerNextButtonsComponent=u.PagerNextButtonsComponent;var g=n(16);t.PagerInputComponent=g.PagerInputComponent;var c=n(18);t.PagerInfoComponent=c.PagerInfoComponent;var l=n(19);t.PagerComponent=l.PagerComponent;var d=n(26);t.PagerModule=d.PagerModule},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=function(){function e(){this.prevented=!1}return e.prototype.preventDefault=function(){this.prevented=!0},e.prototype.isDefaultPrevented=function(){return this.prevented},e}();t.PreventableEvent=a},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}),t.DEFAULT_PAGE_SIZE_VALUES=[5,10,20]},function(e,t){e.exports=s},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:1620216405,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,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(2),o=n(1),i=n(27),s=n(17),p=n(13),u=n(19),g=n(10),c=n(15),l=n(14),d=n(16),h=n(18),m=n(12),f=n(6),_=n(5),P=n(28),b=n(8),v=n(5),y=[i.CommonModule,s.NumericTextBoxModule,p.DropDownListModule,_.EventsModule,v.ResizeSensorModule],k=[u.PagerComponent,g.PagerPrevButtonsComponent,c.PagerNextButtonsComponent,l.PagerNumericButtonsComponent,d.PagerInputComponent,h.PagerInfoComponent,m.PagerPageSizesComponent,f.PagerTemplateDirective,P.LocalizedMessagesDirective,b.CustomMessagesComponent],C=[{provide:r.L10N_PREFIX,useValue:"kendo.pager"}],S=function(){function e(){}return e.exports=function(){return[u.PagerComponent,g.PagerPrevButtonsComponent,c.PagerNextButtonsComponent,l.PagerNumericButtonsComponent,d.PagerInputComponent,h.PagerInfoComponent,m.PagerPageSizesComponent,f.PagerTemplateDirective]},e=a.__decorate([o.NgModule({declarations:[k],exports:[k],imports:y.slice(),providers:[C]})],e)}();t.PagerModule=S},function(e,t){e.exports=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(1),o=n(2),i=n(9),s=function(e){function t(t){var n=e.call(this)||this;return n.service=t,n}var n;return a.__extends(t,e),n=t,t=n=a.__decorate([r.Directive({providers:[{provide:i.Messages,useExisting:r.forwardRef((function(){return n}))}],selector:"[kendoDataPagerLocalizedMessages]"}),a.__metadata("design:paramtypes",[o.LocalizationService])],t)}(i.Messages);t.LocalizedMessagesDirective=s}])}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("tslib"),require("@angular/core"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-angular-common"),require("rxjs"),require("@progress/kendo-angular-dropdowns"),require("@progress/kendo-angular-inputs"),require("@progress/kendo-licensing"),require("@angular/common")):"function"==typeof define&&define.amd?define(["tslib","@angular/core","@progress/kendo-angular-l10n","@progress/kendo-angular-common","rxjs","@progress/kendo-angular-dropdowns","@progress/kendo-angular-inputs","@progress/kendo-licensing","@angular/common"],t):"object"==typeof exports?exports.KendoAngularPager=t(require("tslib"),require("@angular/core"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-angular-common"),require("rxjs"),require("@progress/kendo-angular-dropdowns"),require("@progress/kendo-angular-inputs"),require("@progress/kendo-licensing"),require("@angular/common")):e.KendoAngularPager=t(e.tslib,e["@angular/core"],e["@progress/kendo-angular-l10n"],e["@progress/kendo-angular-common"],e.rxjs,e["@progress/kendo-angular-dropdowns"],e["@progress/kendo-angular-inputs"],e["@progress/kendo-licensing"],e["@angular/common"])}(window,(function(e,t,n,a,r,o,i,s,p){return function(e){var t={};function n(a){if(t[a])return t[a].exports;var r=t[a]={i:a,l:!1,exports:{}};return e[a].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,a){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(n.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(a,r,function(t){return e[t]}.bind(null,r));return a},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=20)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(11),r=function(){function e(){this.changes=new a.Subject,this.pageChange=new a.Subject,this.pageSizeChange=new a.Subject}return Object.defineProperty(e.prototype,"currentPage",{get:function(){return this.skip/this.pageSize},enumerable:!0,configurable:!0}),e.prototype.notifyChanges=function(e){this.total=e.total,this.pageSize=e.pageSize,this.skip=e.skip,this.changes.next(e)},e.prototype.changePage=function(e){this.pageChange.next({skip:e*this.pageSize,take:this.pageSize})},e.prototype.changePageSize=function(e){this.pageSizeChange.next(e)},e.prototype.nextPage=function(){var e=this.currentPage+1;e*this.pageSize<=this.total&&this.changePage(e)},e.prototype.prevPage=function(){var e=this.currentPage-1;e*this.pageSize>=0&&this.changePage(e)},e}();t.PagerContextService=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=function(){function e(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}return Object.defineProperty(e.prototype,"currentPage",{get:function(){return Math.floor((this.skip||0)/this.pageSize)+1},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"totalPages",{get:function(){return Math.ceil((this.total||0)/this.pageSize)},enumerable:!0,configurable:!0}),e.prototype.textFor=function(e){return this.localization.get(e)},e.prototype.changePage=function(e){return this.pagerContext.changePage(e),!1},e.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()})))},e.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},e}();t.PagerElementComponent=a},function(e,t){e.exports=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(1),o=function(){function e(e){this.templateRef=e}return e=a.__decorate([r.Directive({selector:"[kendoDataPagerTemplate]"}),a.__param(0,r.Optional()),a.__metadata("design:paramtypes",[r.TemplateRef])],e)}();t.PagerTemplateDirective=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=function(e){function t(t){var n=e.call(this)||this;return n.newPageSize=t,n}return a.__extends(t,e),t}(n(21).PreventableEvent);t.PageSizeChangeEvent=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(1),o=n(2),i=n(9),s=function(e){function t(t){var n=e.call(this)||this;return n.service=t,n}var n;return a.__extends(t,e),n=t,Object.defineProperty(t.prototype,"override",{get:function(){return!0},enumerable:!0,configurable:!0}),t=n=a.__decorate([r.Component({providers:[{provide:i.Messages,useExisting:r.forwardRef((function(){return n}))}],selector:"kendo-datapager-messages",template:""}),a.__metadata("design:paramtypes",[o.LocalizationService])],t)}(i.Messages);t.CustomMessagesComponent=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(1),o=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return a.__extends(t,e),a.__decorate([r.Input(),a.__metadata("design:type",String)],t.prototype,"firstPage",void 0),a.__decorate([r.Input(),a.__metadata("design:type",String)],t.prototype,"lastPage",void 0),a.__decorate([r.Input(),a.__metadata("design:type",String)],t.prototype,"previousPage",void 0),a.__decorate([r.Input(),a.__metadata("design:type",String)],t.prototype,"nextPage",void 0),a.__decorate([r.Input(),a.__metadata("design:type",String)],t.prototype,"page",void 0),a.__decorate([r.Input(),a.__metadata("design:type",String)],t.prototype,"pageNumberInputTitle",void 0),a.__decorate([r.Input(),a.__metadata("design:type",String)],t.prototype,"itemsPerPage",void 0),a.__decorate([r.Input(),a.__metadata("design:type",String)],t.prototype,"of",void 0),a.__decorate([r.Input(),a.__metadata("design:type",String)],t.prototype,"items",void 0),a.__decorate([r.Input(),a.__metadata("design:type",String)],t.prototype,"selectPage",void 0),t}(n(2).ComponentMessages);t.Messages=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(1),o=n(3),i=n(4),s=n(2),p=function(e){function t(t,n,a){return e.call(this,t,n,a)||this}return a.__extends(t,e),Object.defineProperty(t.prototype,"disabled",{get:function(){return 1===this.currentPage||!this.total},enumerable:!0,configurable:!0}),t.prototype.onChanges=function(e){var t=e.total,n=e.skip,a=e.pageSize;this.total=t,this.skip=n,this.pageSize=a,this.cd.markForCheck()},t=a.__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    '}),a.__metadata("design:paramtypes",[s.LocalizationService,o.PagerContextService,r.ChangeDetectorRef])],t)}(i.PagerElementComponent);t.PagerPrevButtonsComponent=p},function(e,t){e.exports=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(1),o=n(4),i=n(2),s=n(3),p=n(7),u=n(13),g=function(e){function t(t,n,a){var r=e.call(this,t,a,n)||this;return r.pagerContext=a,r._pageSizes=[],r}return a.__extends(t,e),Object.defineProperty(t.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(t.prototype,"classes",{get:function(){return!0},enumerable:!0,configurable:!0}),t.prototype.ngAfterViewInit=function(){this.dropDownList.wrapper.nativeElement.setAttribute("aria-label",this.textFor("itemsPerPage"))},t.prototype.pageSizeChange=function(e,t){var n=new p.PageSizeChangeEvent(e);this.pagerContext.changePageSize(n),n.isDefaultPrevented()&&t.writeValue(this.pageSize)},t.prototype.onChanges=function(e){var t=e.total,n=e.skip,a=e.pageSize;this.total=t,this.skip=n,this.pageSize="number"==typeof a?a:this.total,this.cd.markForCheck()},a.__decorate([r.ViewChild("dropdownlist",{static:!0}),a.__metadata("design:type",u.DropDownListComponent)],t.prototype,"dropDownList",void 0),a.__decorate([r.Input(),a.__metadata("design:type",Array),a.__metadata("design:paramtypes",[Array])],t.prototype,"pageSizes",null),a.__decorate([r.HostBinding("class.k-pager-sizes"),r.HostBinding("class.k-label"),a.__metadata("design:type",Boolean),a.__metadata("design:paramtypes",[])],t.prototype,"classes",null),t=a.__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    '}),a.__metadata("design:paramtypes",[i.LocalizationService,r.ChangeDetectorRef,s.PagerContextService])],t)}(o.PagerElementComponent);t.PagerPageSizesComponent=g},function(e,t){e.exports=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(1),o=n(2),i=n(3),s=function(e){function t(t,n,a){var r=e.call(this,t,a,n)||this;return r.pagerContext=a,r.numbersWrapClass=!0,r}return a.__extends(t,e),Object.defineProperty(t.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(t.prototype,"end",{get:function(){return Math.min(this.start+this.buttonCount-1,this.totalPages)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"start",{get:function(){var e=this.currentPage,t=this.buttonCount;if(e>t){var n=e%t;return 0===n?e-t+1:e-n+1}return 1},enumerable:!0,configurable:!0}),t.prototype.pageLabel=function(e){var t=this.textFor("page");return t?t+" "+e:e.toString()},t.prototype.onSelectChange=function(e){var t=e.target,n=Number(t.value);Number.isNaN(n)?"previousButtons"===t.value?this.changePage(this.start-2):this.changePage(this.end):this.changePage(n-1)},t.prototype.onChanges=function(e){var t=e.total,n=e.skip,a=e.pageSize;this.total=t,this.skip=n,this.pageSize=a,this.cd.markForCheck()},Object.defineProperty(t.prototype,"pageChooserLabel",{get:function(){return this.textFor("selectPage")},enumerable:!0,configurable:!0}),a.__decorate([r.HostBinding("class.k-pager-numbers-wrap"),a.__metadata("design:type",Boolean)],t.prototype,"numbersWrapClass",void 0),a.__decorate([r.Input(),a.__metadata("design:type",Number)],t.prototype,"buttonCount",void 0),t=a.__decorate([r.Component({changeDetection:r.ChangeDetectionStrategy.OnPush,selector:"kendo-datapager-numeric-buttons",template:'\n        <select\n            class="k-dropdown"\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-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    '}),a.__metadata("design:paramtypes",[o.LocalizationService,r.ChangeDetectorRef,i.PagerContextService])],t)}(n(4).PagerElementComponent);t.PagerNumericButtonsComponent=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(1),o=n(3),i=n(4),s=n(2),p=function(e){function t(t,n,a){return e.call(this,t,n,a)||this}return a.__extends(t,e),Object.defineProperty(t.prototype,"disabled",{get:function(){return this.currentPage===this.totalPages||!this.total},enumerable:!0,configurable:!0}),t.prototype.onChanges=function(e){var t=e.total,n=e.skip,a=e.pageSize;this.total=t,this.skip=n,this.pageSize=a,this.cd.markForCheck()},t=a.__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    '}),a.__metadata("design:paramtypes",[s.LocalizationService,o.PagerContextService,r.ChangeDetectorRef])],t)}(i.PagerElementComponent);t.PagerNextButtonsComponent=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(17),o=n(1),i=n(4),s=n(2),p=n(3),u=n(5),g=function(e){function t(t,n,a,r){var o=e.call(this,t,n,r)||this;return o.pagerContext=n,o.zone=a,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}return a.__extends(t,e),Object.defineProperty(t.prototype,"current",{get:function(){return this.hasPages?this.currentPage:0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"hasPages",{get:function(){return 0!==this.totalPages},enumerable:!0,configurable:!0}),t.prototype.onChanges=function(e){var t=e.total,n=e.skip,a=e.pageSize;this.total=t,this.skip=n,this.pageSize=a,this.cd.markForCheck()},a.__decorate([o.ViewChild(r.NumericTextBoxComponent,{static:!0}),a.__metadata("design:type",r.NumericTextBoxComponent)],t.prototype,"numericInput",void 0),t=a.__decorate([o.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",[s.LocalizationService,p.PagerContextService,o.NgZone,o.ChangeDetectorRef])],t)}(i.PagerElementComponent);t.PagerInputComponent=g},function(e,t){e.exports=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(1),o=n(4),i=n(2),s=n(3),p=function(e){function t(t,n,a){var r=e.call(this,t,a,n)||this;return r.pagerContext=a,r}return a.__extends(t,e),Object.defineProperty(t.prototype,"maxItems",{get:function(){return Math.min(this.currentPage*this.pageSize,this.total)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"currentPageText",{get:function(){return this.total?(this.currentPage-1)*this.pageSize+1:0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"classes",{get:function(){return!0},enumerable:!0,configurable:!0}),t.prototype.onChanges=function(e){var t=e.total,n=e.skip,a=e.pageSize;this.total=t,this.skip=n,this.pageSize=a,this.cd.markForCheck()},a.__decorate([r.HostBinding("class.k-pager-info"),r.HostBinding("class.k-label"),a.__metadata("design:type",Boolean),a.__metadata("design:paramtypes",[])],t.prototype,"classes",null),t=a.__decorate([r.Component({changeDetection:r.ChangeDetectionStrategy.OnPush,selector:"kendo-datapager-info",template:"{{currentPageText}} - {{maxItems}} {{textFor('of')}} {{total}} {{textFor('items')}}"}),a.__metadata("design:paramtypes",[i.LocalizationService,r.ChangeDetectorRef,s.PagerContextService])],t)}(o.PagerElementComponent);t.PagerInfoComponent=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(22),o=n(1),i=n(6),s=n(5),p=n(3),u=n(11),g=n(23),c=n(2),l=n(24),d=n(25),h=function(){function e(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 o.EventEmitter,this.pageSizeChange=new o.EventEmitter,this.pagerWrapClass=!0,this.pagerClass=!0,this.widgetClass=!0,this.widgetRole="navigation",this.subscriptions=new u.Subscription,this._templateContext={},this._pageSizeValues=g.DEFAULT_PAGE_SIZE_VALUES,this.resizeHandler=function(){if(!a.template){var e=a.element.nativeElement,t=e.offsetWidth;t<r.RESPONSIVE_BREAKPOINT_MEDIUM?(e.classList.remove("k-pager-md"),e.classList.add("k-pager-sm")):t>=r.RESPONSIVE_BREAKPOINT_MEDIUM&&t<r.RESPONSIVE_BREAKPOINT_LARGE?(e.classList.add("k-pager-md"),e.classList.remove("k-pager-sm")):(e.classList.remove("k-pager-md"),e.classList.remove("k-pager-sm"))}},l.validatePackage(d.packageMetadata),this.direction=n.rtl?"rtl":"ltr"}return Object.defineProperty(e.prototype,"pageSizeValues",{get:function(){return this._pageSizeValues},set:function(e){this._pageSizeValues=Array.isArray(e)?e:!!e&&g.DEFAULT_PAGE_SIZE_VALUES},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"totalPages",{get:function(){return Math.ceil((this.total||0)/this.pageSize)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"currentPage",{get:function(){return Math.floor((this.skip||0)/this.pageSize)+1},enumerable:!0,configurable:!0}),Object.defineProperty(e.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}),e.prototype.ngOnInit=function(){var e=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 e.resizeHandler()}))),this.subscriptions.add(this.localization.changes.subscribe((function(t){var n=t.rtl;e.direction=n?"rtl":"ltr"})))},e.prototype.ngAfterViewInit=function(){this.resizeHandler()},e.prototype.ngOnChanges=function(e){s.anyChanged(["pageSize","skip","total"],e,!1)&&this.pagerContext.notifyChanges({pageSize:this.pageSize,skip:this.skip,total:this.total})},e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.changePage=function(e){this.pageChange.emit(e)},e.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}))},e.prototype.onPageSizeChange=function(e){this.pageSizeChange.emit(e),e.isDefaultPrevented()||this.pageChange.emit({skip:this.skip,take:e.newPageSize})},a.__decorate([o.ViewChild(s.ResizeSensorComponent,{static:!0}),a.__metadata("design:type",s.ResizeSensorComponent)],e.prototype,"resizeSensor",void 0),a.__decorate([o.ContentChild(i.PagerTemplateDirective,{static:!0}),a.__metadata("design:type",i.PagerTemplateDirective)],e.prototype,"template",void 0),a.__decorate([o.Input(),a.__metadata("design:type",Number)],e.prototype,"total",void 0),a.__decorate([o.Input(),a.__metadata("design:type",Number)],e.prototype,"skip",void 0),a.__decorate([o.Input(),a.__metadata("design:type",Number)],e.prototype,"pageSize",void 0),a.__decorate([o.Input(),a.__metadata("design:type",Number)],e.prototype,"buttonCount",void 0),a.__decorate([o.Input(),a.__metadata("design:type",Boolean)],e.prototype,"info",void 0),a.__decorate([o.Input(),a.__metadata("design:type",String)],e.prototype,"type",void 0),a.__decorate([o.Input(),a.__metadata("design:type",Object),a.__metadata("design:paramtypes",[Object])],e.prototype,"pageSizeValues",null),a.__decorate([o.Input(),a.__metadata("design:type",Boolean)],e.prototype,"previousNext",void 0),a.__decorate([o.Output(),a.__metadata("design:type",o.EventEmitter)],e.prototype,"pageChange",void 0),a.__decorate([o.Output(),a.__metadata("design:type",o.EventEmitter)],e.prototype,"pageSizeChange",void 0),a.__decorate([o.HostBinding("class.k-pager-wrap"),a.__metadata("design:type",Boolean)],e.prototype,"pagerWrapClass",void 0),a.__decorate([o.HostBinding("class.k-pager"),a.__metadata("design:type",Boolean)],e.prototype,"pagerClass",void 0),a.__decorate([o.HostBinding("class.k-widget"),a.__metadata("design:type",Boolean)],e.prototype,"widgetClass",void 0),a.__decorate([o.HostBinding("attr.role"),a.__metadata("design:type",String)],e.prototype,"widgetRole",void 0),a.__decorate([o.HostBinding("attr.dir"),a.__metadata("design:type",String),a.__metadata("design:paramtypes",[])],e.prototype,"dir",null),e=a.__decorate([o.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,o.ElementRef,c.LocalizationService])],e)}();t.PagerComponent=h},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(7);t.PageSizeChangeEvent=a.PageSizeChangeEvent;var r=n(8);t.CustomMessagesComponent=r.CustomMessagesComponent;var o=n(10);t.PagerPrevButtonsComponent=o.PagerPrevButtonsComponent;var i=n(12);t.PagerPageSizesComponent=i.PagerPageSizesComponent;var s=n(6);t.PagerTemplateDirective=s.PagerTemplateDirective;var p=n(14);t.PagerNumericButtonsComponent=p.PagerNumericButtonsComponent;var u=n(15);t.PagerNextButtonsComponent=u.PagerNextButtonsComponent;var g=n(16);t.PagerInputComponent=g.PagerInputComponent;var c=n(18);t.PagerInfoComponent=c.PagerInfoComponent;var l=n(19);t.PagerComponent=l.PagerComponent;var d=n(26);t.PagerModule=d.PagerModule},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=function(){function e(){this.prevented=!1}return e.prototype.preventDefault=function(){this.prevented=!0},e.prototype.isDefaultPrevented=function(){return this.prevented},e}();t.PreventableEvent=a},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}),t.DEFAULT_PAGE_SIZE_VALUES=[5,10,20]},function(e,t){e.exports=s},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:1637670632,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,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(2),o=n(1),i=n(27),s=n(17),p=n(13),u=n(19),g=n(10),c=n(15),l=n(14),d=n(16),h=n(18),m=n(12),f=n(6),P=n(5),_=n(28),b=n(8),v=n(5),y=[i.CommonModule,s.NumericTextBoxModule,p.DropDownListModule,P.EventsModule,v.ResizeSensorModule],k=[u.PagerComponent,g.PagerPrevButtonsComponent,c.PagerNextButtonsComponent,l.PagerNumericButtonsComponent,d.PagerInputComponent,h.PagerInfoComponent,m.PagerPageSizesComponent,f.PagerTemplateDirective,_.LocalizedMessagesDirective,b.CustomMessagesComponent],C=[{provide:r.L10N_PREFIX,useValue:"kendo.pager"}],S=function(){function e(){}return e.exports=function(){return[u.PagerComponent,g.PagerPrevButtonsComponent,c.PagerNextButtonsComponent,l.PagerNumericButtonsComponent,d.PagerInputComponent,h.PagerInfoComponent,m.PagerPageSizesComponent,f.PagerTemplateDirective]},e=a.__decorate([o.NgModule({declarations:[k],exports:[k],imports:y.slice(),providers:[C]})],e)}();t.PagerModule=S},function(e,t){e.exports=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=n(1),o=n(2),i=n(9),s=function(e){function t(t){var n=e.call(this)||this;return n.service=t,n}var n;return a.__extends(t,e),n=t,t=n=a.__decorate([r.Directive({providers:[{provide:i.Messages,useExisting:r.forwardRef((function(){return n}))}],selector:"[kendoDataPagerLocalizedMessages]"}),a.__metadata("design:paramtypes",[o.LocalizationService])],t)}(i.Messages);t.LocalizedMessagesDirective=s}])}));

package/dist/es/index.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/dist/es/main.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export { PageSizeChangeEvent } from './pager/pagesizechange-event';

package/dist/es/package-metadata.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
@@ -9,7 +9,7 @@ export var packageMetadata = {
     name: '@progress/kendo-angular-pager',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1620216405,
+    publishDate: 1637670632,
     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/es/pager/change-event-args.interface.js

@@ -1,4 +1,4 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/

package/dist/es/pager/common/constants.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/dist/es/pager/common/pager-type.js

@@ -1,4 +1,4 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/

package/dist/es/pager/localization/custom-messages.component.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";

package/dist/es/pager/localization/localized-messages.directive.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
@@ -49,6 +49,10 @@ var Messages = /** @class */ (function (_super) {
         Input(),
         tslib_1.__metadata("design:type", String)
     ], Messages.prototype, "items", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], Messages.prototype, "selectPage", void 0);
     return Messages;
 }(ComponentMessages));
 export { Messages };

package/dist/es/pager/pager-context.service.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Subject } from "rxjs";

package/dist/es/pager/pager-element.component.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/dist/es/pager/pager-info.component.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";

package/dist/es/pager/pager-input.component.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
@@ -97,6 +97,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([
         HostBinding('class.k-pager-numbers-wrap'),
         tslib_1.__metadata("design:type", Boolean)
@@ -109,7 +116,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\"\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-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    "
         }),
         tslib_1.__metadata("design:paramtypes", [LocalizationService,
             ChangeDetectorRef,

package/dist/es/pager/pager-page-sizes.component.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";

package/dist/es/pager/pager-template.directive.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";

package/dist/es/pager/pager.component.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
@@ -265,7 +265,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  "
         }),
         tslib_1.__metadata("design:paramtypes", [PagerContextService,
             ElementRef,

package/dist/es/pager/pager.module.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";

package/dist/es/pager/pagesize-item.interface.js

@@ -1,4 +1,4 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/

package/dist/es/pager/pagesizechange-event.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";

package/dist/es/pager/preventable-event.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/dist/es/util.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/dist/es2015/index.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/dist/es2015/index.js

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2020 Progress Software Corporation. All rights reserved.
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**