@progress/kendo-angular-pager 3.0.0-dev.202201141152 → 3.0.1-dev.202201261645

package/dist/cdn/main.js

@@ -2,4 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-!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-disabled]="disabled"\n            [title]="textFor(\'firstPage\')"\n            [attr.aria-label]="textFor(\'firstPage\')"\n            [attr.aria-disabled]="disabled ? true : undefined"\n            (click)="currentPage !== 1 ? changePage(0) : false">\n            <span class="k-icon k-i-seek-w" [attr.aria-label]="textFor(\'firstPage\')"></span>\n        </button>\n        <button\n            type="button"\n            class="k-link k-pager-nav"\n            [class.k-disabled]="disabled"\n            [title]="textFor(\'previousPage\')"\n            [attr.aria-label]="textFor(\'previousPage\')"\n            [attr.aria-disabled]="disabled ? true : undefined"\n            (click)="currentPage !== 1 ? changePage(currentPage-2) : false">\n            <span class="k-icon k-i-arrow-w" [attr.aria-label]="textFor(\'previousPage\')"></span>\n        </button>\n    '}),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-list k-picker k-picker-md k-rounded-md k-picker-solid"\n            [attr.title]="pageChooserLabel"\n            [attr.aria-label]="pageChooserLabel"\n            [value]="(currentPage).toString()"\n            (change)="onSelectChange($event)">\n            <option *ngIf="start > 1"\n                class="k-link"\n                value="previousButtons"\n                [attr.aria-label]="pageLabel(start - 1)">...\n            </option>\n            <option *ngFor="let num of buttons"\n                [value]="num.toString()"\n                [attr.aria-label]="pageLabel(num)"\n                [attr.aria-current]="currentPage == num ? \'page\' : undefined"\n                [ngClass]="{\'k-link\': true, \'k-selected\':currentPage == num}">\n                {{num}}\n            </option>\n            <option *ngIf="end < totalPages"\n                value="nextButtons"\n                class="k-link"\n                [attr.aria-label]="pageLabel(end + 1)">...\n            </option>\n        </select>\n        <ul [ngClass]="{\'k-pager-numbers\': true, \'k-reset\': true}">\n            <li *ngIf="start > 1">\n                <button\n                    type="button"\n                    class="k-link"\n                    [attr.aria-label]="pageLabel(start - 1)"\n                    (click)="changePage(start - 2)">...</button>\n            </li>\n            <li *ngFor="let num of buttons">\n                <button\n                    type="button"\n                    [attr.aria-label]="pageLabel(num)"\n                    [attr.aria-current]="currentPage == num ? \'page\' : undefined"\n                    [ngClass]="{\'k-link\': true, \'k-selected\':currentPage == num}"\n                    (click)="changePage(num - 1)">\n                    {{num}}\n                </button>\n            </li>\n            <li *ngIf="end < totalPages">\n                <button\n                    type="button"\n                    class="k-link"\n                    [attr.aria-label]="pageLabel(end + 1)"\n                    (click)="changePage(end)">...</button>\n            </li>\n        </ul>\n    '}),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-disabled]="disabled"\n            [title]="textFor(\'nextPage\')"\n            [attr.aria-label]="textFor(\'nextPage\')"\n            [attr.aria-disabled]="disabled ? true : undefined"\n            (click)="currentPage !== totalPages ? changePage(currentPage) : false">\n            <span class="k-icon k-i-arrow-e" [attr.aria-label]="textFor(\'nextPage\')"></span>\n        </button>\n        <button\n            type="button"\n            class="k-link k-pager-nav k-pager-last"\n            [class.k-disabled]="disabled"\n            [title]="textFor(\'lastPage\')"\n            [attr.aria-label]="textFor(\'lastPage\')"\n            [attr.aria-disabled]="disabled ? true : undefined"\n            (click)="currentPage !== totalPages ? changePage(totalPages-1) : false">\n            <span class="k-icon k-i-seek-e" [attr.aria-label]="textFor(\'lastPage\')"></span>\n        </button>\n    '}),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:1642161043,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}])}));
+!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-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" role="note" [attr.aria-label]="textFor(\'firstPage\')"></span>\n        </button>\n        <button\n            type="button"\n            class="k-link k-pager-nav"\n            [class.k-disabled]="disabled"\n            [title]="textFor(\'previousPage\')"\n            [attr.aria-label]="textFor(\'previousPage\')"\n            [attr.aria-disabled]="disabled ? true : undefined"\n            (click)="currentPage !== 1 ? changePage(currentPage-2) : false">\n            <span class="k-icon k-i-arrow-w" role="note" [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-list k-picker k-picker-md k-rounded-md k-picker-solid"\n            [attr.title]="pageChooserLabel"\n            [attr.aria-label]="pageChooserLabel"\n            [value]="(currentPage).toString()"\n            (change)="onSelectChange($event)">\n            <option *ngIf="start > 1"\n                class="k-link"\n                value="previousButtons"\n                [attr.aria-label]="pageLabel(start - 1)">...\n            </option>\n            <option *ngFor="let num of buttons"\n                [value]="num.toString()"\n                [attr.aria-label]="pageLabel(num)"\n                [attr.aria-current]="currentPage == num ? \'page\' : undefined"\n                [ngClass]="{\'k-link\': true, \'k-selected\':currentPage == num}">\n                {{num}}\n            </option>\n            <option *ngIf="end < totalPages"\n                value="nextButtons"\n                class="k-link"\n                [attr.aria-label]="pageLabel(end + 1)">...\n            </option>\n        </select>\n        <ul [ngClass]="{\'k-pager-numbers\': true, \'k-reset\': true}">\n            <li *ngIf="start > 1">\n                <button\n                    type="button"\n                    class="k-link"\n                    [attr.aria-label]="pageLabel(start - 1)"\n                    (click)="changePage(start - 2)">...</button>\n            </li>\n            <li *ngFor="let num of buttons">\n                <button\n                    type="button"\n                    [attr.aria-label]="pageLabel(num)"\n                    [attr.aria-current]="currentPage == num ? \'page\' : undefined"\n                    [ngClass]="{\'k-link\': true, \'k-selected\':currentPage == num}"\n                    (click)="changePage(num - 1)">\n                    {{num}}\n                </button>\n            </li>\n            <li *ngIf="end < totalPages">\n                <button\n                    type="button"\n                    class="k-link"\n                    [attr.aria-label]="pageLabel(end + 1)"\n                    (click)="changePage(end)">...</button>\n            </li>\n        </ul>\n    '}),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-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" role="note" [attr.aria-label]="textFor(\'nextPage\')"></span>\n        </button>\n        <button\n            type="button"\n            class="k-link k-pager-nav k-pager-last"\n            [class.k-disabled]="disabled"\n            [title]="textFor(\'lastPage\')"\n            [attr.aria-label]="textFor(\'lastPage\')"\n            [attr.aria-disabled]="disabled ? true : undefined"\n            (click)="currentPage !== totalPages ? changePage(totalPages-1) : false">\n            <span class="k-icon k-i-seek-e" role="note" [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.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("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:1643215452,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/package-metadata.js

@@ -9,7 +9,7 @@ export var packageMetadata = {
     name: '@progress/kendo-angular-pager',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642161043,
+    publishDate: 1643215452,
     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/pager-next-buttons.component.js

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

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

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

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

@@ -56,7 +56,6 @@ var PagerComponent = /** @class */ (function () {
         this.pageSizeChange = new EventEmitter();
         this.pagerWrapClass = true;
         this.pagerClass = true;
-        this.widgetClass = true;
         this.widgetRole = 'navigation';
         this.subscriptions = new Subscription();
         this._templateContext = {};
@@ -244,10 +243,6 @@ var PagerComponent = /** @class */ (function () {
         HostBinding('class.k-pager'),
         tslib_1.__metadata("design:type", Boolean)
     ], PagerComponent.prototype, "pagerClass", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-widget'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], PagerComponent.prototype, "widgetClass", void 0);
     tslib_1.__decorate([
         HostBinding('attr.role'),
         tslib_1.__metadata("design:type", String)

package/dist/es2015/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"PageChangeEvent":{"__symbolic":"interface"},"PageSizeChangeEvent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PreventableEvent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"}]}]}},"CustomMessagesComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"Messages"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","name":"Messages"},"useExisting":{"__symbolic":"reference","name":"CustomMessagesComponent"}}],"selector":"kendo-datapager-messages","template":""}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":19,"character":35}]}]}},"PagerPrevButtonsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PagerElementComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":21},"member":"OnPush"},"selector":"kendo-datapager-prev-buttons","template":"\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav k-pager-first\"\n            [class.k-disabled]=\"disabled\"\n            [title]=\"textFor('firstPage')\"\n            [attr.aria-label]=\"textFor('firstPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== 1 ? changePage(0) : false\">\n            <span class=\"k-icon k-i-seek-w\" [attr.aria-label]=\"textFor('firstPage')\"></span>\n        </button>\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav\"\n            [class.k-disabled]=\"disabled\"\n            [title]=\"textFor('previousPage')\"\n            [attr.aria-label]=\"textFor('previousPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== 1 ? changePage(currentPage-2) : false\">\n            <span class=\"k-icon k-i-arrow-w\" [attr.aria-label]=\"textFor('previousPage')\"></span>\n        </button>\n    "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":43,"character":22},{"__symbolic":"reference","name":"PagerContextService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":45,"character":12}]}],"onChanges":[{"__symbolic":"method"}]}},"PageSizeItem":{"__symbolic":"interface"},"PagerPageSizesComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PagerElementComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":21},"member":"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    "}]}],"members":{"dropDownList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":5},"arguments":["dropdownlist",{"static":true}]}]}],"pageSizes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":152,"character":5}}]}],"classes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":177,"character":5},"arguments":["class.k-pager-sizes"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":178,"character":5},"arguments":["class.k-label"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":186,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":187,"character":12},{"__symbolic":"reference","name":"PagerContextService"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"pageSizeChange":[{"__symbolic":"method"}],"onChanges":[{"__symbolic":"method"}]}},"PagerType":{"__symbolic":"interface"},"PagerTemplateDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":44,"character":1},"arguments":[{"selector":"[kendoDataPagerTemplate]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":48,"character":15}}]],"parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"PagerNumericButtonsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PagerElementComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":21},"member":"OnPush"},"selector":"kendo-datapager-numeric-buttons","template":"\n        <select\n            class=\"k-dropdown-list k-picker k-picker-md k-rounded-md k-picker-solid\"\n            [attr.title]=\"pageChooserLabel\"\n            [attr.aria-label]=\"pageChooserLabel\"\n            [value]=\"(currentPage).toString()\"\n            (change)=\"onSelectChange($event)\">\n            <option *ngIf=\"start > 1\"\n                class=\"k-link\"\n                value=\"previousButtons\"\n                [attr.aria-label]=\"pageLabel(start - 1)\">...\n            </option>\n            <option *ngFor=\"let num of buttons\"\n                [value]=\"num.toString()\"\n                [attr.aria-label]=\"pageLabel(num)\"\n                [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n                [ngClass]=\"{'k-link': true, 'k-selected':currentPage == num}\">\n                {{num}}\n            </option>\n            <option *ngIf=\"end < totalPages\"\n                value=\"nextButtons\"\n                class=\"k-link\"\n                [attr.aria-label]=\"pageLabel(end + 1)\">...\n            </option>\n        </select>\n        <ul [ngClass]=\"{'k-pager-numbers': true, 'k-reset': true}\">\n            <li *ngIf=\"start > 1\">\n                <button\n                    type=\"button\"\n                    class=\"k-link\"\n                    [attr.aria-label]=\"pageLabel(start - 1)\"\n                    (click)=\"changePage(start - 2)\">...</button>\n            </li>\n            <li *ngFor=\"let num of buttons\">\n                <button\n                    type=\"button\"\n                    [attr.aria-label]=\"pageLabel(num)\"\n                    [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n                    [ngClass]=\"{'k-link': true, 'k-selected':currentPage == num}\"\n                    (click)=\"changePage(num - 1)\">\n                    {{num}}\n                </button>\n            </li>\n            <li *ngIf=\"end < totalPages\">\n                <button\n                    type=\"button\"\n                    class=\"k-link\"\n                    [attr.aria-label]=\"pageLabel(end + 1)\"\n                    (click)=\"changePage(end)\">...</button>\n            </li>\n        </ul>\n    "}]}],"members":{"numbersWrapClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":65,"character":5},"arguments":["class.k-pager-numbers-wrap"]}]}],"buttonCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":116,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":117,"character":12},{"__symbolic":"reference","name":"PagerContextService"}]}],"pageLabel":[{"__symbolic":"method"}],"onSelectChange":[{"__symbolic":"method"}],"onChanges":[{"__symbolic":"method"}]}},"PagerNextButtonsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PagerElementComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":21},"member":"OnPush"},"selector":"kendo-datapager-next-buttons","template":"\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav\"\n            [class.k-disabled]=\"disabled\"\n            [title]=\"textFor('nextPage')\"\n            [attr.aria-label]=\"textFor('nextPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== totalPages ? changePage(currentPage) : false\">\n            <span class=\"k-icon k-i-arrow-e\" [attr.aria-label]=\"textFor('nextPage')\"></span>\n        </button>\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav k-pager-last\"\n            [class.k-disabled]=\"disabled\"\n            [title]=\"textFor('lastPage')\"\n            [attr.aria-label]=\"textFor('lastPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== totalPages ? changePage(totalPages-1) : false\">\n            <span class=\"k-icon k-i-seek-e\" [attr.aria-label]=\"textFor('lastPage')\"></span>\n        </button>\n    "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":53,"character":22},{"__symbolic":"reference","name":"PagerContextService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":55,"character":12}]}],"onChanges":[{"__symbolic":"method"}]}},"PagerInputComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PagerElementComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"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    "}]}],"members":{"numericInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":5},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-inputs","name":"NumericTextBoxComponent","line":36,"character":15},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":40,"character":22},{"__symbolic":"reference","name":"PagerContextService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":42,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":43,"character":12}]}],"onChanges":[{"__symbolic":"method"}]}},"PagerInfoComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PagerElementComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":21},"member":"OnPush"},"selector":"kendo-datapager-info","template":"{{currentPageText}} - {{maxItems}} {{textFor('of')}} {{total}} {{textFor('items')}}"}]}],"members":{"classes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":47,"character":5},"arguments":["class.k-pager-info"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":48,"character":5},"arguments":["class.k-label"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":54,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":55,"character":12},{"__symbolic":"reference","name":"PagerContextService"}]}],"onChanges":[{"__symbolic":"method"}]}},"PagerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"kendo-datapager","exportAs":"kendoDataPager","providers":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":34,"character":8},{"__symbolic":"reference","name":"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  "}]}],"members":{"resizeSensor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":90,"character":5},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-common","name":"ResizeSensorComponent","line":90,"character":15},{"static":true}]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":93,"character":5},"arguments":[{"__symbolic":"reference","name":"PagerTemplateDirective"},{"static":true}]}]}],"total":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":5}}]}],"skip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":5}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":5}}]}],"buttonCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":5}}]}],"info":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":5}}]}],"pageSizeValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":5}}]}],"previousNext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":139,"character":5}}]}],"pageChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":145,"character":5}}]}],"pageSizeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":152,"character":5}}]}],"pagerWrapClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":154,"character":5},"arguments":["class.k-pager-wrap"]}]}],"pagerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":156,"character":5},"arguments":["class.k-pager"]}]}],"widgetClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":158,"character":5},"arguments":["class.k-widget"]}]}],"widgetRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":160,"character":5},"arguments":["attr.role"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":162,"character":5},"arguments":["attr.dir"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PagerContextService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":197,"character":33},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":198,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"changePage":[{"__symbolic":"method"}],"changePageSize":[{"__symbolic":"method"}],"onPageSizeChange":[{"__symbolic":"method"}]}},"PagerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":51,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"PagerComponent"},{"__symbolic":"reference","name":"PagerPrevButtonsComponent"},{"__symbolic":"reference","name":"PagerNextButtonsComponent"},{"__symbolic":"reference","name":"PagerNumericButtonsComponent"},{"__symbolic":"reference","name":"PagerInputComponent"},{"__symbolic":"reference","name":"PagerInfoComponent"},{"__symbolic":"reference","name":"PagerPageSizesComponent"},{"__symbolic":"reference","name":"PagerTemplateDirective"},{"__symbolic":"reference","name":"LocalizedMessagesDirective"},{"__symbolic":"reference","name":"CustomMessagesComponent"}]],"exports":[[{"__symbolic":"reference","name":"PagerComponent"},{"__symbolic":"reference","name":"PagerPrevButtonsComponent"},{"__symbolic":"reference","name":"PagerNextButtonsComponent"},{"__symbolic":"reference","name":"PagerNumericButtonsComponent"},{"__symbolic":"reference","name":"PagerInputComponent"},{"__symbolic":"reference","name":"PagerInfoComponent"},{"__symbolic":"reference","name":"PagerPageSizesComponent"},{"__symbolic":"reference","name":"PagerTemplateDirective"},{"__symbolic":"reference","name":"LocalizedMessagesDirective"},{"__symbolic":"reference","name":"CustomMessagesComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":21,"character":4},{"__symbolic":"reference","module":"@progress/kendo-angular-inputs","name":"NumericTextBoxModule","line":22,"character":4},{"__symbolic":"reference","module":"@progress/kendo-angular-dropdowns","name":"DropDownListModule","line":23,"character":4},{"__symbolic":"reference","module":"@progress/kendo-angular-common","name":"EventsModule","line":24,"character":4},{"__symbolic":"reference","module":"@progress/kendo-angular-common","name":"ResizeSensorModule","line":25,"character":4}],"providers":[[{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":43,"character":17},"useValue":"kendo.pager"}]]}]}],"members":{},"statics":{"exports":{"__symbolic":"function","parameters":[],"value":[{"__symbolic":"reference","name":"PagerComponent"},{"__symbolic":"reference","name":"PagerPrevButtonsComponent"},{"__symbolic":"reference","name":"PagerNextButtonsComponent"},{"__symbolic":"reference","name":"PagerNumericButtonsComponent"},{"__symbolic":"reference","name":"PagerInputComponent"},{"__symbolic":"reference","name":"PagerInfoComponent"},{"__symbolic":"reference","name":"PagerPageSizesComponent"},{"__symbolic":"reference","name":"PagerTemplateDirective"}]}}},"PreventableEvent":{"__symbolic":"class","members":{"preventDefault":[{"__symbolic":"method"}],"isDefaultPrevented":[{"__symbolic":"method"}]}},"Messages":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"ComponentMessages","line":6,"character":30},"members":{"firstPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"lastPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"previousPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"nextPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"pageNumberInputTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5}}]}],"itemsPerPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":5}}]}],"of":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}}]}],"selectPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":5}}]}]}},"PagerElementComponent":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":44,"character":30},{"__symbolic":"reference","name":"PagerContextService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":46,"character":22}]}],"textFor":[{"__symbolic":"method"}],"changePage":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"PagerContextService":{"__symbolic":"class","members":{"notifyChanges":[{"__symbolic":"method"}],"changePage":[{"__symbolic":"method"}],"changePageSize":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"prevPage":[{"__symbolic":"method"}]}},"LocalizedMessagesDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"Messages"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","name":"Messages"},"useExisting":{"__symbolic":"reference","name":"LocalizedMessagesDirective"}}],"selector":"[kendoDataPagerLocalizedMessages]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":17,"character":35}]}]}}},"origins":{"PageChangeEvent":"./pager/change-event-args.interface","PageSizeChangeEvent":"./pager/pagesizechange-event","CustomMessagesComponent":"./pager/localization/custom-messages.component","PagerPrevButtonsComponent":"./pager/pager-prev-buttons.component","PageSizeItem":"./pager/pagesize-item.interface","PagerPageSizesComponent":"./pager/pager-page-sizes.component","PagerType":"./pager/common/pager-type","PagerTemplateDirective":"./pager/pager-template.directive","PagerNumericButtonsComponent":"./pager/pager-numeric-buttons.component","PagerNextButtonsComponent":"./pager/pager-next-buttons.component","PagerInputComponent":"./pager/pager-input.component","PagerInfoComponent":"./pager/pager-info.component","PagerComponent":"./pager/pager.component","PagerModule":"./pager/pager.module","PreventableEvent":"./pager/preventable-event","Messages":"./pager/localization/messages","PagerElementComponent":"./pager/pager-element.component","PagerContextService":"./pager/pager-context.service","LocalizedMessagesDirective":"./pager/localization/localized-messages.directive"},"importAs":"@progress/kendo-angular-pager"}
+{"__symbolic":"module","version":4,"metadata":{"PageChangeEvent":{"__symbolic":"interface"},"PageSizeChangeEvent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PreventableEvent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"}]}]}},"CustomMessagesComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"Messages"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","name":"Messages"},"useExisting":{"__symbolic":"reference","name":"CustomMessagesComponent"}}],"selector":"kendo-datapager-messages","template":""}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":19,"character":35}]}]}},"PagerPrevButtonsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PagerElementComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":21},"member":"OnPush"},"selector":"kendo-datapager-prev-buttons","template":"\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav k-pager-first\"\n            [class.k-disabled]=\"disabled\"\n            [title]=\"textFor('firstPage')\"\n            [attr.aria-label]=\"textFor('firstPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== 1 ? changePage(0) : false\">\n            <span class=\"k-icon k-i-seek-w\" role=\"note\" [attr.aria-label]=\"textFor('firstPage')\"></span>\n        </button>\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav\"\n            [class.k-disabled]=\"disabled\"\n            [title]=\"textFor('previousPage')\"\n            [attr.aria-label]=\"textFor('previousPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== 1 ? changePage(currentPage-2) : false\">\n            <span class=\"k-icon k-i-arrow-w\" role=\"note\" [attr.aria-label]=\"textFor('previousPage')\"></span>\n        </button>\n    "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":43,"character":22},{"__symbolic":"reference","name":"PagerContextService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":45,"character":12}]}],"onChanges":[{"__symbolic":"method"}]}},"PageSizeItem":{"__symbolic":"interface"},"PagerPageSizesComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PagerElementComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":21},"member":"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    "}]}],"members":{"dropDownList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":5},"arguments":["dropdownlist",{"static":true}]}]}],"pageSizes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":152,"character":5}}]}],"classes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":177,"character":5},"arguments":["class.k-pager-sizes"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":178,"character":5},"arguments":["class.k-label"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":186,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":187,"character":12},{"__symbolic":"reference","name":"PagerContextService"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"pageSizeChange":[{"__symbolic":"method"}],"onChanges":[{"__symbolic":"method"}]}},"PagerType":{"__symbolic":"interface"},"PagerTemplateDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":44,"character":1},"arguments":[{"selector":"[kendoDataPagerTemplate]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":48,"character":15}}]],"parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"PagerNumericButtonsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PagerElementComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":21},"member":"OnPush"},"selector":"kendo-datapager-numeric-buttons","template":"\n        <select\n            class=\"k-dropdown-list k-picker k-picker-md k-rounded-md k-picker-solid\"\n            [attr.title]=\"pageChooserLabel\"\n            [attr.aria-label]=\"pageChooserLabel\"\n            [value]=\"(currentPage).toString()\"\n            (change)=\"onSelectChange($event)\">\n            <option *ngIf=\"start > 1\"\n                class=\"k-link\"\n                value=\"previousButtons\"\n                [attr.aria-label]=\"pageLabel(start - 1)\">...\n            </option>\n            <option *ngFor=\"let num of buttons\"\n                [value]=\"num.toString()\"\n                [attr.aria-label]=\"pageLabel(num)\"\n                [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n                [ngClass]=\"{'k-link': true, 'k-selected':currentPage == num}\">\n                {{num}}\n            </option>\n            <option *ngIf=\"end < totalPages\"\n                value=\"nextButtons\"\n                class=\"k-link\"\n                [attr.aria-label]=\"pageLabel(end + 1)\">...\n            </option>\n        </select>\n        <ul [ngClass]=\"{'k-pager-numbers': true, 'k-reset': true}\">\n            <li *ngIf=\"start > 1\">\n                <button\n                    type=\"button\"\n                    class=\"k-link\"\n                    [attr.aria-label]=\"pageLabel(start - 1)\"\n                    (click)=\"changePage(start - 2)\">...</button>\n            </li>\n            <li *ngFor=\"let num of buttons\">\n                <button\n                    type=\"button\"\n                    [attr.aria-label]=\"pageLabel(num)\"\n                    [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n                    [ngClass]=\"{'k-link': true, 'k-selected':currentPage == num}\"\n                    (click)=\"changePage(num - 1)\">\n                    {{num}}\n                </button>\n            </li>\n            <li *ngIf=\"end < totalPages\">\n                <button\n                    type=\"button\"\n                    class=\"k-link\"\n                    [attr.aria-label]=\"pageLabel(end + 1)\"\n                    (click)=\"changePage(end)\">...</button>\n            </li>\n        </ul>\n    "}]}],"members":{"numbersWrapClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":65,"character":5},"arguments":["class.k-pager-numbers-wrap"]}]}],"buttonCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":116,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":117,"character":12},{"__symbolic":"reference","name":"PagerContextService"}]}],"pageLabel":[{"__symbolic":"method"}],"onSelectChange":[{"__symbolic":"method"}],"onChanges":[{"__symbolic":"method"}]}},"PagerNextButtonsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PagerElementComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":21},"member":"OnPush"},"selector":"kendo-datapager-next-buttons","template":"\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav\"\n            [class.k-disabled]=\"disabled\"\n            [title]=\"textFor('nextPage')\"\n            [attr.aria-label]=\"textFor('nextPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== totalPages ? changePage(currentPage) : false\">\n            <span class=\"k-icon k-i-arrow-e\" role=\"note\" [attr.aria-label]=\"textFor('nextPage')\"></span>\n        </button>\n        <button\n            type=\"button\"\n            class=\"k-link k-pager-nav k-pager-last\"\n            [class.k-disabled]=\"disabled\"\n            [title]=\"textFor('lastPage')\"\n            [attr.aria-label]=\"textFor('lastPage')\"\n            [attr.aria-disabled]=\"disabled ? true : undefined\"\n            (click)=\"currentPage !== totalPages ? changePage(totalPages-1) : false\">\n            <span class=\"k-icon k-i-seek-e\" role=\"note\" [attr.aria-label]=\"textFor('lastPage')\"></span>\n        </button>\n    "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":53,"character":22},{"__symbolic":"reference","name":"PagerContextService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":55,"character":12}]}],"onChanges":[{"__symbolic":"method"}]}},"PagerInputComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PagerElementComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"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    "}]}],"members":{"numericInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":5},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-inputs","name":"NumericTextBoxComponent","line":36,"character":15},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":40,"character":22},{"__symbolic":"reference","name":"PagerContextService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":42,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":43,"character":12}]}],"onChanges":[{"__symbolic":"method"}]}},"PagerInfoComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PagerElementComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":21},"member":"OnPush"},"selector":"kendo-datapager-info","template":"{{currentPageText}} - {{maxItems}} {{textFor('of')}} {{total}} {{textFor('items')}}"}]}],"members":{"classes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":47,"character":5},"arguments":["class.k-pager-info"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":48,"character":5},"arguments":["class.k-label"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":54,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":55,"character":12},{"__symbolic":"reference","name":"PagerContextService"}]}],"onChanges":[{"__symbolic":"method"}]}},"PagerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"kendo-datapager","exportAs":"kendoDataPager","providers":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":34,"character":8},{"__symbolic":"reference","name":"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  "}]}],"members":{"resizeSensor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":90,"character":5},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-common","name":"ResizeSensorComponent","line":90,"character":15},{"static":true}]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":93,"character":5},"arguments":[{"__symbolic":"reference","name":"PagerTemplateDirective"},{"static":true}]}]}],"total":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":5}}]}],"skip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":5}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":5}}]}],"buttonCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":5}}]}],"info":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":5}}]}],"pageSizeValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":5}}]}],"previousNext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":139,"character":5}}]}],"pageChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":145,"character":5}}]}],"pageSizeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":152,"character":5}}]}],"pagerWrapClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":154,"character":5},"arguments":["class.k-pager-wrap"]}]}],"pagerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":156,"character":5},"arguments":["class.k-pager"]}]}],"widgetRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":158,"character":5},"arguments":["attr.role"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":160,"character":5},"arguments":["attr.dir"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PagerContextService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":195,"character":33},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":196,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"changePage":[{"__symbolic":"method"}],"changePageSize":[{"__symbolic":"method"}],"onPageSizeChange":[{"__symbolic":"method"}]}},"PagerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":51,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"PagerComponent"},{"__symbolic":"reference","name":"PagerPrevButtonsComponent"},{"__symbolic":"reference","name":"PagerNextButtonsComponent"},{"__symbolic":"reference","name":"PagerNumericButtonsComponent"},{"__symbolic":"reference","name":"PagerInputComponent"},{"__symbolic":"reference","name":"PagerInfoComponent"},{"__symbolic":"reference","name":"PagerPageSizesComponent"},{"__symbolic":"reference","name":"PagerTemplateDirective"},{"__symbolic":"reference","name":"LocalizedMessagesDirective"},{"__symbolic":"reference","name":"CustomMessagesComponent"}]],"exports":[[{"__symbolic":"reference","name":"PagerComponent"},{"__symbolic":"reference","name":"PagerPrevButtonsComponent"},{"__symbolic":"reference","name":"PagerNextButtonsComponent"},{"__symbolic":"reference","name":"PagerNumericButtonsComponent"},{"__symbolic":"reference","name":"PagerInputComponent"},{"__symbolic":"reference","name":"PagerInfoComponent"},{"__symbolic":"reference","name":"PagerPageSizesComponent"},{"__symbolic":"reference","name":"PagerTemplateDirective"},{"__symbolic":"reference","name":"LocalizedMessagesDirective"},{"__symbolic":"reference","name":"CustomMessagesComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":21,"character":4},{"__symbolic":"reference","module":"@progress/kendo-angular-inputs","name":"NumericTextBoxModule","line":22,"character":4},{"__symbolic":"reference","module":"@progress/kendo-angular-dropdowns","name":"DropDownListModule","line":23,"character":4},{"__symbolic":"reference","module":"@progress/kendo-angular-common","name":"EventsModule","line":24,"character":4},{"__symbolic":"reference","module":"@progress/kendo-angular-common","name":"ResizeSensorModule","line":25,"character":4}],"providers":[[{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":43,"character":17},"useValue":"kendo.pager"}]]}]}],"members":{},"statics":{"exports":{"__symbolic":"function","parameters":[],"value":[{"__symbolic":"reference","name":"PagerComponent"},{"__symbolic":"reference","name":"PagerPrevButtonsComponent"},{"__symbolic":"reference","name":"PagerNextButtonsComponent"},{"__symbolic":"reference","name":"PagerNumericButtonsComponent"},{"__symbolic":"reference","name":"PagerInputComponent"},{"__symbolic":"reference","name":"PagerInfoComponent"},{"__symbolic":"reference","name":"PagerPageSizesComponent"},{"__symbolic":"reference","name":"PagerTemplateDirective"}]}}},"PreventableEvent":{"__symbolic":"class","members":{"preventDefault":[{"__symbolic":"method"}],"isDefaultPrevented":[{"__symbolic":"method"}]}},"Messages":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"ComponentMessages","line":6,"character":30},"members":{"firstPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"lastPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"previousPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"nextPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"pageNumberInputTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5}}]}],"itemsPerPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":5}}]}],"of":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}}]}],"selectPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":5}}]}]}},"PagerElementComponent":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":44,"character":30},{"__symbolic":"reference","name":"PagerContextService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":46,"character":22}]}],"textFor":[{"__symbolic":"method"}],"changePage":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"PagerContextService":{"__symbolic":"class","members":{"notifyChanges":[{"__symbolic":"method"}],"changePage":[{"__symbolic":"method"}],"changePageSize":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"prevPage":[{"__symbolic":"method"}]}},"LocalizedMessagesDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"Messages"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","name":"Messages"},"useExisting":{"__symbolic":"reference","name":"LocalizedMessagesDirective"}}],"selector":"[kendoDataPagerLocalizedMessages]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":17,"character":35}]}]}}},"origins":{"PageChangeEvent":"./pager/change-event-args.interface","PageSizeChangeEvent":"./pager/pagesizechange-event","CustomMessagesComponent":"./pager/localization/custom-messages.component","PagerPrevButtonsComponent":"./pager/pager-prev-buttons.component","PageSizeItem":"./pager/pagesize-item.interface","PagerPageSizesComponent":"./pager/pager-page-sizes.component","PagerType":"./pager/common/pager-type","PagerTemplateDirective":"./pager/pager-template.directive","PagerNumericButtonsComponent":"./pager/pager-numeric-buttons.component","PagerNextButtonsComponent":"./pager/pager-next-buttons.component","PagerInputComponent":"./pager/pager-input.component","PagerInfoComponent":"./pager/pager-info.component","PagerComponent":"./pager/pager.component","PagerModule":"./pager/pager.module","PreventableEvent":"./pager/preventable-event","Messages":"./pager/localization/messages","PagerElementComponent":"./pager/pager-element.component","PagerContextService":"./pager/pager-context.service","LocalizedMessagesDirective":"./pager/localization/localized-messages.directive"},"importAs":"@progress/kendo-angular-pager"}

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-pager',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642161043,
+    publishDate: 1643215452,
     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/es2015/pager/pager-next-buttons.component.js

@@ -45,7 +45,7 @@ PagerNextButtonsComponent = tslib_1.__decorate([
             [attr.aria-label]="textFor('nextPage')"
             [attr.aria-disabled]="disabled ? true : undefined"
             (click)="currentPage !== totalPages ? changePage(currentPage) : false">
-            <span class="k-icon k-i-arrow-e" [attr.aria-label]="textFor('nextPage')"></span>
+            <span class="k-icon k-i-arrow-e" role="note" [attr.aria-label]="textFor('nextPage')"></span>
         </button>
         <button
             type="button"
@@ -55,7 +55,7 @@ PagerNextButtonsComponent = tslib_1.__decorate([
             [attr.aria-label]="textFor('lastPage')"
             [attr.aria-disabled]="disabled ? true : undefined"
             (click)="currentPage !== totalPages ? changePage(totalPages-1) : false">
-            <span class="k-icon k-i-seek-e" [attr.aria-label]="textFor('lastPage')"></span>
+            <span class="k-icon k-i-seek-e" role="note" [attr.aria-label]="textFor('lastPage')"></span>
         </button>
     `
     }),

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

@@ -45,7 +45,7 @@ PagerPrevButtonsComponent = tslib_1.__decorate([
             [attr.aria-label]="textFor('firstPage')"
             [attr.aria-disabled]="disabled ? true : undefined"
             (click)="currentPage !== 1 ? changePage(0) : false">
-            <span class="k-icon k-i-seek-w" [attr.aria-label]="textFor('firstPage')"></span>
+            <span class="k-icon k-i-seek-w" role="note" [attr.aria-label]="textFor('firstPage')"></span>
         </button>
         <button
             type="button"
@@ -55,7 +55,7 @@ PagerPrevButtonsComponent = tslib_1.__decorate([
             [attr.aria-label]="textFor('previousPage')"
             [attr.aria-disabled]="disabled ? true : undefined"
             (click)="currentPage !== 1 ? changePage(currentPage-2) : false">
-            <span class="k-icon k-i-arrow-w" [attr.aria-label]="textFor('previousPage')"></span>
+            <span class="k-icon k-i-arrow-w" role="note" [attr.aria-label]="textFor('previousPage')"></span>
         </button>
     `
     }),

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

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

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

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

package/dist/fesm2015/index.js

@@ -271,7 +271,7 @@ PagerPrevButtonsComponent = __decorate([
             [attr.aria-label]="textFor('firstPage')"
             [attr.aria-disabled]="disabled ? true : undefined"
             (click)="currentPage !== 1 ? changePage(0) : false">
-            <span class="k-icon k-i-seek-w" [attr.aria-label]="textFor('firstPage')"></span>
+            <span class="k-icon k-i-seek-w" role="note" [attr.aria-label]="textFor('firstPage')"></span>
         </button>
         <button
             type="button"
@@ -281,7 +281,7 @@ PagerPrevButtonsComponent = __decorate([
             [attr.aria-label]="textFor('previousPage')"
             [attr.aria-disabled]="disabled ? true : undefined"
             (click)="currentPage !== 1 ? changePage(currentPage-2) : false">
-            <span class="k-icon k-i-arrow-w" [attr.aria-label]="textFor('previousPage')"></span>
+            <span class="k-icon k-i-arrow-w" role="note" [attr.aria-label]="textFor('previousPage')"></span>
         </button>
     `
     }),
@@ -743,7 +743,7 @@ PagerNextButtonsComponent = __decorate([
             [attr.aria-label]="textFor('nextPage')"
             [attr.aria-disabled]="disabled ? true : undefined"
             (click)="currentPage !== totalPages ? changePage(currentPage) : false">
-            <span class="k-icon k-i-arrow-e" [attr.aria-label]="textFor('nextPage')"></span>
+            <span class="k-icon k-i-arrow-e" role="note" [attr.aria-label]="textFor('nextPage')"></span>
         </button>
         <button
             type="button"
@@ -753,7 +753,7 @@ PagerNextButtonsComponent = __decorate([
             [attr.aria-label]="textFor('lastPage')"
             [attr.aria-disabled]="disabled ? true : undefined"
             (click)="currentPage !== totalPages ? changePage(totalPages-1) : false">
-            <span class="k-icon k-i-seek-e" [attr.aria-label]="textFor('lastPage')"></span>
+            <span class="k-icon k-i-seek-e" role="note" [attr.aria-label]="textFor('lastPage')"></span>
         </button>
     `
     }),
@@ -948,7 +948,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-pager',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642161043,
+    publishDate: 1643215452,
     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'
 };
@@ -995,7 +995,6 @@ let PagerComponent = class PagerComponent {
         this.pageSizeChange = new EventEmitter();
         this.pagerWrapClass = true;
         this.pagerClass = true;
-        this.widgetClass = true;
         this.widgetRole = 'navigation';
         this.subscriptions = new Subscription();
         this._templateContext = {};
@@ -1162,10 +1161,6 @@ __decorate([
     HostBinding('class.k-pager'),
     __metadata("design:type", Boolean)
 ], PagerComponent.prototype, "pagerClass", void 0);
-__decorate([
-    HostBinding('class.k-widget'),
-    __metadata("design:type", Boolean)
-], PagerComponent.prototype, "widgetClass", void 0);
 __decorate([
     HostBinding('attr.role'),
     __metadata("design:type", String)