@progress/kendo-angular-pager 2.0.1 → 2.1.0

package/dist/systemjs/kendo-angular-pager.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
 *-------------------------------------------------------------------------------------------*/
-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])],function(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=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-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=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),_=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: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){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)}}});
+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;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("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            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.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()},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"\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    '}),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-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),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),_=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: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){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)}],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)}}});

package/package.json

@@ -3,7 +3,7 @@
   "description": "Kendo UI Angular Pager",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "main": "dist/npm/index.js",
   "module": "dist/fesm5/index.js",
   "es2015": "dist/fesm2015/index.js",
@@ -30,14 +30,14 @@
     "Angular"
   ],
   "peerDependencies": {
-    "@angular/common": "8 - 12",
-    "@angular/core": "8 - 12",
+    "@angular/common": "8 - 13",
+    "@angular/core": "8 - 13",
     "@progress/kendo-angular-common": "^2.0.0",
     "@progress/kendo-angular-dropdowns": "^5.0.0",
     "@progress/kendo-angular-inputs": "^7.0.0",
     "@progress/kendo-angular-l10n": "^3.0.0",
     "@progress/kendo-licensing": "^1.0.2",
-    "rxjs": "^6.4.0"
+    "rxjs": "^6.4.0 || ^7.0.0"
   },
   "dependencies": {
     "@progress/kendo-schematics": "^1.2.0",