@progress/kendo-angular-pager 4.0.2-dev.202208030656 → 4.0.3

package/bundles/kendo-angular-pager.umd.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&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-angular-l10n"),require("rxjs"),require("@progress/kendo-angular-dropdowns"),require("@angular/common"),require("@progress/kendo-angular-inputs"),require("@progress/kendo-angular-common"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define("KendoAngularPager",["exports","@angular/core","@progress/kendo-angular-l10n","rxjs","@progress/kendo-angular-dropdowns","@angular/common","@progress/kendo-angular-inputs","@progress/kendo-angular-common","@progress/kendo-licensing"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularPager={},e.ng.core,e.KendoAngularL10N,e.rxjs,e.KendoAngularDropdowns,e.ng.common,e.KendoAngularInputs,e.KendoAngularCommon,e.KendoLicensing)}(this,function(e,r,t,o,n,j,a,i,R){"use strict";function s(n){if(n&&n.__esModule)return n;var a=Object.create(null);return n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(a,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),a.default=n,Object.freeze(a)}var p=s(r),g=s(t),l=s(n),c=s(j),u=s(a),d=s(i),E=function(e,t){return(E=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)};function h(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}E(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;function A(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var a,r,o=n.call(e),i=[];try{for(;(void 0===t||0<t--)&&!(a=o.next()).done;)i.push(a.value)}catch(e){r={error:e}}finally{try{a&&!a.done&&(n=o.return)&&n.call(o)}finally{if(r)throw r.error}}return i}function B(e,t,n){if(n||2===arguments.length)for(var a,r=0,o=t.length;r<o;r++)!a&&r in t||((a=a||Array.prototype.slice.call(t,0,r))[r]=t[r]);return e.concat(a||Array.prototype.slice.call(t))}Object.create;function _(){this.prevented=!1}_.prototype.preventDefault=function(){this.prevented=!0},_.prototype.isDefaultPrevented=function(){return this.prevented};h(q,K=_);var K,H=q;function q(e){var t=K.call(this)||this;return t.newPageSize=e,t}h(U,G=t.ComponentMessages);var G,m=U;function U(){return null!==G&&G.apply(this,arguments)||this}m.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:m,deps:null,target:p.ɵɵFactoryTarget.Directive}),m.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:m,selector:"kendoPagerMessages",inputs:{firstPage:"firstPage",lastPage:"lastPage",previousPage:"previousPage",nextPage:"nextPage",page:"page",pageNumberInputTitle:"pageNumberInputTitle",itemsPerPage:"itemsPerPage",of:"of",items:"items",selectPage:"selectPage"},usesInheritance:!0,ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:m,decorators:[{type:r.Directive,args:[{selector:"kendoPagerMessages"}]}],propDecorators:{firstPage:[{type:r.Input}],lastPage:[{type:r.Input}],previousPage:[{type:r.Input}],nextPage:[{type:r.Input}],page:[{type:r.Input}],pageNumberInputTitle:[{type:r.Input}],itemsPerPage:[{type:r.Input}],of:[{type:r.Input}],items:[{type:r.Input}],selectPage:[{type:r.Input}]}});h($,W=m),Object.defineProperty($.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var W,f=$;function $(e){var t=W.call(this)||this;return t.service=e,t}f.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:f,deps:[{token:g.LocalizationService}],target:p.ɵɵFactoryTarget.Component}),f.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:f,selector:"kendo-datapager-messages",providers:[{provide:m,useExisting:r.forwardRef(function(){return f})}],usesInheritance:!0,ngImport:p,template:"",isInline:!0}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:f,decorators:[{type:r.Component,args:[{providers:[{provide:m,useExisting:r.forwardRef(function(){return f})}],selector:"kendo-datapager-messages",template:""}]}],ctorParameters:function(){return[{type:g.LocalizationService}]}});h(Z,Q=m);var Q,b=Z;function Z(e){var t=Q.call(this)||this;return t.service=e,t}b.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:b,deps:[{token:g.LocalizationService}],target:p.ɵɵFactoryTarget.Directive}),b.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:b,selector:"[kendoDataPagerLocalizedMessages]",providers:[{provide:m,useExisting:r.forwardRef(function(){return b})}],usesInheritance:!0,ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:b,decorators:[{type:r.Directive,args:[{providers:[{provide:m,useExisting:r.forwardRef(function(){return b})}],selector:"[kendoDataPagerLocalizedMessages]"}]}],ctorParameters:function(){return[{type:g.LocalizationService}]}});Object.defineProperty(y.prototype,"currentPage",{get:function(){return this.skip/this.pageSize},enumerable:!1,configurable:!0}),y.prototype.notifyChanges=function(e){this.total=e.total,this.pageSize=e.pageSize,this.skip=e.skip,this.changes.next(e)},y.prototype.changePage=function(e){this.pageChange.next({skip:e*this.pageSize,take:this.pageSize})},y.prototype.changePageSize=function(e){this.pageSizeChange.next(e)},y.prototype.nextPage=function(){var e=this.currentPage+1;e*this.pageSize<=this.total&&this.changePage(e)},y.prototype.prevPage=function(){var e=this.currentPage-1;0<=e*this.pageSize&&this.changePage(e)};var k=y;function y(){this.changes=new o.Subject,this.pageChange=new o.Subject,this.pageSizeChange=new o.Subject}Object.defineProperty(P.prototype,"currentPage",{get:function(){return Math.floor((this.skip||0)/this.pageSize)+1},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"totalPages",{get:function(){return Math.ceil((this.total||0)/this.pageSize)},enumerable:!1,configurable:!0}),P.prototype.textFor=function(e){return this.localization.get(e)},P.prototype.changePage=function(e){return this.pagerContext.changePage(e),!1},P.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()}))},P.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()};m=P;function P(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}m.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:m,deps:[{token:g.LocalizationService},{token:k},{token:p.ChangeDetectorRef}],target:p.ɵɵFactoryTarget.Component}),m.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:m,selector:"kendo-pager-element",ngImport:p,template:"",isInline:!0}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:m,decorators:[{type:r.Component,args:[{selector:"kendo-pager-element",template:""}]}],ctorParameters:function(){return[{type:g.LocalizationService},{type:k},{type:p.ChangeDetectorRef}]}});h(C,X=m),Object.defineProperty(C.prototype,"disabled",{get:function(){return 1===this.currentPage||!this.total},enumerable:!1,configurable:!0}),C.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize=e,this.cd.markForCheck()};var X,v=C;function C(e,t,n){return X.call(this,e,t,n)||this}v.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:v,deps:[{token:g.LocalizationService},{token:k},{token:p.ChangeDetectorRef}],target:p.ɵɵFactoryTarget.Component}),v.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"kendo-datapager-prev-buttons",usesInheritance:!0,ngImport:p,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    ',isInline:!0,changeDetection:p.ChangeDetectionStrategy.OnPush}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:v,decorators:[{type:r.Component,args:[{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    '}]}],ctorParameters:function(){return[{type:g.LocalizationService},{type:k},{type:p.ChangeDetectorRef}]}});h(z,J=m),Object.defineProperty(z.prototype,"pageSizes",{get:function(){return this._pageSizes},set:function(e){var t=this,n=[];Array.isArray(e)&&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=B([{text:this.pageSize.toString(),value:this.pageSize}],A(n))),this._pageSizes=n},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"classes",{get:function(){return!0},enumerable:!1,configurable:!0}),z.prototype.ngAfterViewInit=function(){this.dropDownList.wrapper.nativeElement.setAttribute("aria-label",this.textFor("itemsPerPage"))},z.prototype.pageSizeChange=function(e,t){e=new H(e);this.pagerContext.changePageSize(e),e.isDefaultPrevented()&&t.writeValue(this.pageSize)},z.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize="number"==typeof e?e:this.total,this.cd.markForCheck()};var J,x=z;function z(e,t,n){e=J.call(this,e,n,t)||this;return e.pagerContext=n,e._pageSizes=[],e}x.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:x,deps:[{token:g.LocalizationService},{token:p.ChangeDetectorRef},{token:k}],target:p.ɵɵFactoryTarget.Component}),x.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:x,selector:"kendo-datapager-page-sizes",inputs:{pageSizes:"pageSizes"},host:{properties:{"class.k-pager-sizes":"this.classes","class.k-label":"this.classes"}},viewQueries:[{propertyName:"dropDownList",first:!0,predicate:["dropdownlist"],descendants:!0,static:!0}],usesInheritance:!0,ngImport:p,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    ',isInline:!0,components:[{type:l.DropDownListComponent,selector:"kendo-dropdownlist",inputs:["iconClass","loading","data","value","textField","valueField","popupSettings","listHeight","defaultItem","disabled","itemDisabled","readonly","filterable","virtual","ignoreCase","delay","valuePrimitive","tabindex","tabIndex","size","rounded","fillMode","id"],outputs:["valueChange","filterChange","selectionChange","open","opened","close","closed","focus","blur"],exportAs:["kendoDropDownList"]}],changeDetection:p.ChangeDetectionStrategy.OnPush}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:x,decorators:[{type:r.Component,args:[{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    '}]}],ctorParameters:function(){return[{type:g.LocalizationService},{type:p.ChangeDetectorRef},{type:k}]},propDecorators:{dropDownList:[{type:r.ViewChild,args:["dropdownlist",{static:!0}]}],pageSizes:[{type:r.Input}],classes:[{type:r.HostBinding,args:["class.k-pager-sizes"]},{type:r.HostBinding,args:["class.k-label"]}]}});var Y,I=function(e){this.templateRef=e},S=(I.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:I,deps:[{token:p.TemplateRef,optional:!0}],target:p.ɵɵFactoryTarget.Directive}),I.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:I,selector:"[kendoDataPagerTemplate]",ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:I,decorators:[{type:r.Directive,args:[{selector:"[kendoDataPagerTemplate]"}]}],ctorParameters:function(){return[{type:p.TemplateRef,decorators:[{type:r.Optional}]}]}}),h(D,Y=m),Object.defineProperty(D.prototype,"buttons",{get:function(){for(var e=[],t=this.start;t<=this.end;t++)e.push(t);return e},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"end",{get:function(){return Math.min(this.start+this.buttonCount-1,this.totalPages)},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"start",{get:function(){var e,t=this.currentPage,n=this.buttonCount;return n<t?0==(e=t%n)?t-n+1:t-e+1:1},enumerable:!1,configurable:!0}),D.prototype.pageLabel=function(e){var t=this.textFor("page");return t?t+" "+e:e.toString()},D.prototype.onSelectChange=function(e){var e=e.target,t=Number(e.value);Number.isNaN(t)?"previousButtons"===e.value?this.changePage(this.start-2):this.changePage(this.end):this.changePage(t-1)},D.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize=e,this.cd.markForCheck()},Object.defineProperty(D.prototype,"pageChooserLabel",{get:function(){return this.textFor("selectPage")},enumerable:!1,configurable:!0}),D);function D(e,t,n){e=Y.call(this,e,n,t)||this;return e.pagerContext=n,e.numbersWrapClass=!0,e}S.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:S,deps:[{token:g.LocalizationService},{token:p.ChangeDetectorRef},{token:k}],target:p.ɵɵFactoryTarget.Component}),S.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:S,selector:"kendo-datapager-numeric-buttons",inputs:{buttonCount:"buttonCount"},host:{properties:{"class.k-pager-numbers-wrap":"this.numbersWrapClass"}},usesInheritance:!0,ngImport:p,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            (change)="onSelectChange($event)">\n            <option *ngIf="start > 1"\n                class="k-link"\n                value="previousButtons"\n                [selected]="false"\n                [attr.aria-label]="pageLabel(start - 1)">...\n            </option>\n            <option *ngFor="let num of buttons"\n                [value]="num.toString()"\n                [selected]="num === currentPage"\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                [selected]="false"\n                class="k-link"\n                [attr.aria-label]="pageLabel(end + 1)">...\n            </option>\n        </select>\n        <ul [ngClass]="{\'k-pager-numbers\': 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    ',isInline:!0,directives:[{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:c.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}],changeDetection:p.ChangeDetectionStrategy.OnPush}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:S,decorators:[{type:r.Component,args:[{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            (change)="onSelectChange($event)">\n            <option *ngIf="start > 1"\n                class="k-link"\n                value="previousButtons"\n                [selected]="false"\n                [attr.aria-label]="pageLabel(start - 1)">...\n            </option>\n            <option *ngFor="let num of buttons"\n                [value]="num.toString()"\n                [selected]="num === currentPage"\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                [selected]="false"\n                class="k-link"\n                [attr.aria-label]="pageLabel(end + 1)">...\n            </option>\n        </select>\n        <ul [ngClass]="{\'k-pager-numbers\': 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    '}]}],ctorParameters:function(){return[{type:g.LocalizationService},{type:p.ChangeDetectorRef},{type:k}]},propDecorators:{numbersWrapClass:[{type:r.HostBinding,args:["class.k-pager-numbers-wrap"]}],buttonCount:[{type:r.Input}]}});h(w,ee=m),Object.defineProperty(w.prototype,"disabled",{get:function(){return this.currentPage===this.totalPages||!this.total},enumerable:!1,configurable:!0}),w.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize=e,this.cd.markForCheck()};var ee,F=w;function w(e,t,n){return ee.call(this,e,t,n)||this}F.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:F,deps:[{token:g.LocalizationService},{token:k},{token:p.ChangeDetectorRef}],target:p.ɵɵFactoryTarget.Component}),F.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:F,selector:"kendo-datapager-next-buttons",usesInheritance:!0,ngImport:p,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    ',isInline:!0,changeDetection:p.ChangeDetectionStrategy.OnPush}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:F,decorators:[{type:r.Component,args:[{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    '}]}],ctorParameters:function(){return[{type:g.LocalizationService},{type:k},{type:p.ChangeDetectorRef}]}});h(T,te=m),Object.defineProperty(T.prototype,"current",{get:function(){return this.hasPages?this.currentPage:0},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"hasPages",{get:function(){return 0!==this.totalPages},enumerable:!1,configurable:!0}),T.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize=e,this.cd.markForCheck()};var te,O=T;function T(e,t,n,a){var r=te.call(this,e,t,a)||this;return r.pagerContext=t,r.zone=n,r.handleKeyDown=function(e){var t=r.numericInput.value||r.current;e.keyCode===i.Keys.Enter&&(e.preventDefault(),t!==r.current&&r.zone.run(function(){r.changePage(t-1)}))},r.handleBlur=function(){var e=r.numericInput.value;e?e!==r.current&&r.zone.run(function(){r.changePage(e-1)}):r.numericInput.writeValue(r.current)},r}O.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:O,deps:[{token:g.LocalizationService},{token:k},{token:p.NgZone},{token:p.ChangeDetectorRef}],target:p.ɵɵFactoryTarget.Component}),O.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:O,selector:"kendo-datapager-input",viewQueries:[{propertyName:"numericInput",first:!0,predicate:a.NumericTextBoxComponent,descendants:!0,static:!0}],usesInheritance:!0,ngImport:p,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    ',isInline:!0,components:[{type:u.NumericTextBoxComponent,selector:"kendo-numerictextbox",inputs:["focusableId","disabled","readonly","title","autoCorrect","format","max","min","decimals","placeholder","step","spinners","rangeValidation","tabindex","tabIndex","changeValueOnScroll","selectOnFocus","value","maxlength","size","rounded","fillMode"],outputs:["valueChange","focus","blur"],exportAs:["kendoNumericTextBox"]}],directives:[{type:c.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:d.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:O,decorators:[{type:r.Component,args:[{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    '}]}],ctorParameters:function(){return[{type:g.LocalizationService},{type:k},{type:p.NgZone},{type:p.ChangeDetectorRef}]},propDecorators:{numericInput:[{type:r.ViewChild,args:[a.NumericTextBoxComponent,{static:!0}]}]}});h(V,ne=m),Object.defineProperty(V.prototype,"maxItems",{get:function(){return Math.min(this.currentPage*this.pageSize,this.total)},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"currentPageText",{get:function(){return this.total?(this.currentPage-1)*this.pageSize+1:0},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"classes",{get:function(){return!0},enumerable:!1,configurable:!0}),V.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize=e,this.cd.markForCheck()};var ne,L=V;function V(e,t,n){e=ne.call(this,e,n,t)||this;return e.pagerContext=n,e}L.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:L,deps:[{token:g.LocalizationService},{token:p.ChangeDetectorRef},{token:k}],target:p.ɵɵFactoryTarget.Component}),L.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:L,selector:"kendo-datapager-info",host:{properties:{"class.k-pager-info":"this.classes","class.k-label":"this.classes"}},usesInheritance:!0,ngImport:p,template:"{{currentPageText}} - {{maxItems}} {{textFor('of')}} {{total}} {{textFor('items')}}",isInline:!0,changeDetection:p.ChangeDetectionStrategy.OnPush}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:L,decorators:[{type:r.Component,args:[{changeDetection:r.ChangeDetectionStrategy.OnPush,selector:"kendo-datapager-info",template:"{{currentPageText}} - {{maxItems}} {{textFor('of')}} {{total}} {{textFor('items')}}"}]}],ctorParameters:function(){return[{type:g.LocalizationService},{type:p.ChangeDetectorRef},{type:k}]},propDecorators:{classes:[{type:r.HostBinding,args:["class.k-pager-info"]},{type:r.HostBinding,args:["class.k-label"]}]}});var ae=[5,10,20],re={name:"@progress/kendo-angular-pager",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1659509773,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"},N=(Object.defineProperty(M.prototype,"pageSizeValues",{get:function(){return this._pageSizeValues},set:function(e){this._pageSizeValues=Array.isArray(e)?e:!!e&&ae},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"totalPages",{get:function(){return Math.ceil((this.total||0)/this.pageSize)},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"currentPage",{get:function(){return Math.floor((this.skip||0)/this.pageSize)+1},enumerable:!1,configurable:!0}),Object.defineProperty(M.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:!1,configurable:!0}),M.prototype.ngOnInit=function(){var t=this;this.subscriptions.add(this.pagerContext.pageChange.subscribe(this.changePage.bind(this))),this.subscriptions.add(this.pagerContext.pageSizeChange.subscribe(this.changePageSize.bind(this))),this.subscriptions.add(this.resizeSensor.resize.subscribe(function(){return t.resizeHandler()})),this.subscriptions.add(this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"}))},M.prototype.ngAfterViewInit=function(){this.resizeHandler()},M.prototype.ngOnChanges=function(e){i.anyChanged(["pageSize","skip","total"],e,!1)&&this.pagerContext.notifyChanges({pageSize:this.pageSize,skip:this.skip,total:this.total})},M.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},M.prototype.changePage=function(e){this.pageChange.emit(e)},M.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}))},M.prototype.onPageSizeChange=function(e){this.pageSizeChange.emit(e),e.isDefaultPrevented()||this.pageChange.emit({skip:this.skip,take:e.newPageSize})},M);function M(e,t,n){var a=this;this.pagerContext=e,this.element=t,this.localization=n,this.total=0,this.skip=0,this.buttonCount=10,this.info=!0,this.type="numeric",this.previousNext=!0,this.pageChange=new r.EventEmitter,this.pageSizeChange=new r.EventEmitter,this.pagerClass=!0,this.widgetRole="navigation",this.subscriptions=new o.Subscription,this._templateContext={},this._pageSizeValues=ae,this.resizeHandler=function(){var e,t;a.template||((t=(e=a.element.nativeElement).offsetWidth)<600?(e.classList.remove("k-pager-md"),e.classList.add("k-pager-sm")):(600<=t&&t<768?e.classList.add("k-pager-md"):e.classList.remove("k-pager-md"),e.classList.remove("k-pager-sm")))},R.validatePackage(re),this.direction=n.rtl?"rtl":"ltr"}N.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:N,deps:[{token:k},{token:p.ElementRef},{token:g.LocalizationService}],target:p.ɵɵFactoryTarget.Component}),N.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:N,selector:"kendo-datapager",inputs:{total:"total",skip:"skip",pageSize:"pageSize",buttonCount:"buttonCount",info:"info",type:"type",pageSizeValues:"pageSizeValues",previousNext:"previousNext"},outputs:{pageChange:"pageChange",pageSizeChange:"pageSizeChange"},host:{properties:{"class.k-pager":"this.pagerClass","attr.role":"this.widgetRole","attr.dir":"this.dir"}},providers:[t.LocalizationService,k],queries:[{propertyName:"template",first:!0,predicate:I,descendants:!0}],viewQueries:[{propertyName:"resizeSensor",first:!0,predicate:i.ResizeSensorComponent,descendants:!0,static:!0}],exportAs:["kendoDataPager"],usesOnChanges:!0,ngImport:p,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  ',isInline:!0,components:[{type:v,selector:"kendo-datapager-prev-buttons"},{type:S,selector:"kendo-datapager-numeric-buttons",inputs:["buttonCount"]},{type:O,selector:"kendo-datapager-input"},{type:F,selector:"kendo-datapager-next-buttons"},{type:L,selector:"kendo-datapager-info"},{type:x,selector:"kendo-datapager-page-sizes",inputs:["pageSizes"]},{type:d.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:b,selector:"[kendoDataPagerLocalizedMessages]"},{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:N,decorators:[{type:r.Component,args:[{selector:"kendo-datapager",exportAs:"kendoDataPager",providers:[t.LocalizationService,k],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  '}]}],ctorParameters:function(){return[{type:k},{type:p.ElementRef},{type:g.LocalizationService}]},propDecorators:{resizeSensor:[{type:r.ViewChild,args:[i.ResizeSensorComponent,{static:!0}]}],template:[{type:r.ContentChild,args:[I,{static:!1}]}],total:[{type:r.Input}],skip:[{type:r.Input}],pageSize:[{type:r.Input}],buttonCount:[{type:r.Input}],info:[{type:r.Input}],type:[{type:r.Input}],pageSizeValues:[{type:r.Input}],previousNext:[{type:r.Input}],pageChange:[{type:r.Output}],pageSizeChange:[{type:r.Output}],pagerClass:[{type:r.HostBinding,args:["class.k-pager"]}],widgetRole:[{type:r.HostBinding,args:["attr.role"]}],dir:[{type:r.HostBinding,args:["attr.dir"]}]}});l=[j.CommonModule,a.NumericTextBoxModule,n.DropDownListModule,i.EventsModule,i.ResizeSensorModule],u=[N,v,F,S,O,L,x,I,b,f],m=[{provide:t.L10N_PREFIX,useValue:"kendo.pager"}],oe.exports=function(){return[N,v,F,S,O,L,x,I]},d=oe;function oe(){}d.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:d,deps:[],target:p.ɵɵFactoryTarget.NgModule}),d.ɵmod=p.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:d,declarations:[N,v,F,S,O,L,x,I,b,f],imports:[j.CommonModule,a.NumericTextBoxModule,n.DropDownListModule,i.EventsModule,i.ResizeSensorModule],exports:[N,v,F,S,O,L,x,I,b,f]}),d.ɵinj=p.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:d,providers:[m],imports:[B([],A(l))]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:d,decorators:[{type:r.NgModule,args:[{declarations:[u],exports:[u],imports:B([],A(l)),providers:[m]}]}]}),e.CustomMessagesComponent=f,e.LocalizedMessagesDirective=b,e.PageSizeChangeEvent=H,e.PagerComponent=N,e.PagerInfoComponent=L,e.PagerInputComponent=O,e.PagerModule=d,e.PagerNextButtonsComponent=F,e.PagerNumericButtonsComponent=S,e.PagerPageSizesComponent=x,e.PagerPrevButtonsComponent=v,e.PagerTemplateDirective=I,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-angular-l10n"),require("rxjs"),require("@progress/kendo-angular-dropdowns"),require("@angular/common"),require("@progress/kendo-angular-inputs"),require("@progress/kendo-angular-common"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define("KendoAngularPager",["exports","@angular/core","@progress/kendo-angular-l10n","rxjs","@progress/kendo-angular-dropdowns","@angular/common","@progress/kendo-angular-inputs","@progress/kendo-angular-common","@progress/kendo-licensing"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularPager={},e.ng.core,e.KendoAngularL10N,e.rxjs,e.KendoAngularDropdowns,e.ng.common,e.KendoAngularInputs,e.KendoAngularCommon,e.KendoLicensing)}(this,function(e,r,t,o,n,j,a,i,R){"use strict";function s(n){if(n&&n.__esModule)return n;var a=Object.create(null);return n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(a,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),a.default=n,Object.freeze(a)}var p=s(r),g=s(t),l=s(n),c=s(j),u=s(a),d=s(i),E=function(e,t){return(E=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)};function h(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}E(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;function A(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var a,r,o=n.call(e),i=[];try{for(;(void 0===t||0<t--)&&!(a=o.next()).done;)i.push(a.value)}catch(e){r={error:e}}finally{try{a&&!a.done&&(n=o.return)&&n.call(o)}finally{if(r)throw r.error}}return i}function B(e,t,n){if(n||2===arguments.length)for(var a,r=0,o=t.length;r<o;r++)!a&&r in t||((a=a||Array.prototype.slice.call(t,0,r))[r]=t[r]);return e.concat(a||Array.prototype.slice.call(t))}Object.create;function _(){this.prevented=!1}_.prototype.preventDefault=function(){this.prevented=!0},_.prototype.isDefaultPrevented=function(){return this.prevented};h(q,K=_);var K,H=q;function q(e){var t=K.call(this)||this;return t.newPageSize=e,t}h(W,G=t.ComponentMessages);var G,m=W;function W(){return null!==G&&G.apply(this,arguments)||this}m.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:m,deps:null,target:p.ɵɵFactoryTarget.Directive}),m.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:m,selector:"kendoPagerMessages",inputs:{firstPage:"firstPage",lastPage:"lastPage",previousPage:"previousPage",nextPage:"nextPage",page:"page",pageNumberInputTitle:"pageNumberInputTitle",itemsPerPage:"itemsPerPage",of:"of",items:"items",selectPage:"selectPage"},usesInheritance:!0,ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:m,decorators:[{type:r.Directive,args:[{selector:"kendoPagerMessages"}]}],propDecorators:{firstPage:[{type:r.Input}],lastPage:[{type:r.Input}],previousPage:[{type:r.Input}],nextPage:[{type:r.Input}],page:[{type:r.Input}],pageNumberInputTitle:[{type:r.Input}],itemsPerPage:[{type:r.Input}],of:[{type:r.Input}],items:[{type:r.Input}],selectPage:[{type:r.Input}]}});h($,U=m),Object.defineProperty($.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var U,f=$;function $(e){var t=U.call(this)||this;return t.service=e,t}f.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:f,deps:[{token:g.LocalizationService}],target:p.ɵɵFactoryTarget.Component}),f.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:f,selector:"kendo-datapager-messages",providers:[{provide:m,useExisting:r.forwardRef(function(){return f})}],usesInheritance:!0,ngImport:p,template:"",isInline:!0}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:f,decorators:[{type:r.Component,args:[{providers:[{provide:m,useExisting:r.forwardRef(function(){return f})}],selector:"kendo-datapager-messages",template:""}]}],ctorParameters:function(){return[{type:g.LocalizationService}]}});h(Z,Q=m);var Q,b=Z;function Z(e){var t=Q.call(this)||this;return t.service=e,t}b.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:b,deps:[{token:g.LocalizationService}],target:p.ɵɵFactoryTarget.Directive}),b.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:b,selector:"[kendoDataPagerLocalizedMessages]",providers:[{provide:m,useExisting:r.forwardRef(function(){return b})}],usesInheritance:!0,ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:b,decorators:[{type:r.Directive,args:[{providers:[{provide:m,useExisting:r.forwardRef(function(){return b})}],selector:"[kendoDataPagerLocalizedMessages]"}]}],ctorParameters:function(){return[{type:g.LocalizationService}]}});Object.defineProperty(y.prototype,"currentPage",{get:function(){return this.skip/this.pageSize},enumerable:!1,configurable:!0}),y.prototype.notifyChanges=function(e){this.total=e.total,this.pageSize=e.pageSize,this.skip=e.skip,this.changes.next(e)},y.prototype.changePage=function(e){this.pageChange.next({skip:e*this.pageSize,take:this.pageSize})},y.prototype.changePageSize=function(e){this.pageSizeChange.next(e)},y.prototype.nextPage=function(){var e=this.currentPage+1;e*this.pageSize<=this.total&&this.changePage(e)},y.prototype.prevPage=function(){var e=this.currentPage-1;0<=e*this.pageSize&&this.changePage(e)};var k=y;function y(){this.changes=new o.Subject,this.pageChange=new o.Subject,this.pageSizeChange=new o.Subject}Object.defineProperty(P.prototype,"currentPage",{get:function(){return Math.floor((this.skip||0)/this.pageSize)+1},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"totalPages",{get:function(){return Math.ceil((this.total||0)/this.pageSize)},enumerable:!1,configurable:!0}),P.prototype.textFor=function(e){return this.localization.get(e)},P.prototype.changePage=function(e){return this.pagerContext.changePage(e),!1},P.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()}))},P.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()};m=P;function P(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}m.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:m,deps:[{token:g.LocalizationService},{token:k},{token:p.ChangeDetectorRef}],target:p.ɵɵFactoryTarget.Component}),m.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:m,selector:"kendo-pager-element",ngImport:p,template:"",isInline:!0}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:m,decorators:[{type:r.Component,args:[{selector:"kendo-pager-element",template:""}]}],ctorParameters:function(){return[{type:g.LocalizationService},{type:k},{type:p.ChangeDetectorRef}]}});h(C,X=m),Object.defineProperty(C.prototype,"disabled",{get:function(){return 1===this.currentPage||!this.total},enumerable:!1,configurable:!0}),C.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize=e,this.cd.markForCheck()};var X,v=C;function C(e,t,n){return X.call(this,e,t,n)||this}v.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:v,deps:[{token:g.LocalizationService},{token:k},{token:p.ChangeDetectorRef}],target:p.ɵɵFactoryTarget.Component}),v.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"kendo-datapager-prev-buttons",usesInheritance:!0,ngImport:p,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    ',isInline:!0,changeDetection:p.ChangeDetectionStrategy.OnPush}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:v,decorators:[{type:r.Component,args:[{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    '}]}],ctorParameters:function(){return[{type:g.LocalizationService},{type:k},{type:p.ChangeDetectorRef}]}});h(z,J=m),Object.defineProperty(z.prototype,"pageSizes",{get:function(){return this._pageSizes},set:function(e){var t=this,n=[];Array.isArray(e)&&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=B([{text:this.pageSize.toString(),value:this.pageSize}],A(n))),this._pageSizes=n},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"classes",{get:function(){return!0},enumerable:!1,configurable:!0}),z.prototype.ngAfterViewInit=function(){this.dropDownList.wrapper.nativeElement.setAttribute("aria-label",this.textFor("itemsPerPage"))},z.prototype.pageSizeChange=function(e,t){e=new H(e);this.pagerContext.changePageSize(e),e.isDefaultPrevented()&&t.writeValue(this.pageSize)},z.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize="number"==typeof e?e:this.total,this.cd.markForCheck()};var J,x=z;function z(e,t,n){e=J.call(this,e,n,t)||this;return e.pagerContext=n,e._pageSizes=[],e}x.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:x,deps:[{token:g.LocalizationService},{token:p.ChangeDetectorRef},{token:k}],target:p.ɵɵFactoryTarget.Component}),x.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:x,selector:"kendo-datapager-page-sizes",inputs:{pageSizes:"pageSizes"},host:{properties:{"class.k-pager-sizes":"this.classes","class.k-label":"this.classes"}},viewQueries:[{propertyName:"dropDownList",first:!0,predicate:["dropdownlist"],descendants:!0,static:!0}],usesInheritance:!0,ngImport:p,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    ',isInline:!0,components:[{type:l.DropDownListComponent,selector:"kendo-dropdownlist",inputs:["iconClass","loading","data","value","textField","valueField","popupSettings","listHeight","defaultItem","disabled","itemDisabled","readonly","filterable","virtual","ignoreCase","delay","valuePrimitive","tabindex","tabIndex","size","rounded","fillMode","id"],outputs:["valueChange","filterChange","selectionChange","open","opened","close","closed","focus","blur"],exportAs:["kendoDropDownList"]}],changeDetection:p.ChangeDetectionStrategy.OnPush}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:x,decorators:[{type:r.Component,args:[{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    '}]}],ctorParameters:function(){return[{type:g.LocalizationService},{type:p.ChangeDetectorRef},{type:k}]},propDecorators:{dropDownList:[{type:r.ViewChild,args:["dropdownlist",{static:!0}]}],pageSizes:[{type:r.Input}],classes:[{type:r.HostBinding,args:["class.k-pager-sizes"]},{type:r.HostBinding,args:["class.k-label"]}]}});var Y,I=function(e){this.templateRef=e},S=(I.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:I,deps:[{token:p.TemplateRef,optional:!0}],target:p.ɵɵFactoryTarget.Directive}),I.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:I,selector:"[kendoDataPagerTemplate]",ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:I,decorators:[{type:r.Directive,args:[{selector:"[kendoDataPagerTemplate]"}]}],ctorParameters:function(){return[{type:p.TemplateRef,decorators:[{type:r.Optional}]}]}}),h(D,Y=m),Object.defineProperty(D.prototype,"buttons",{get:function(){for(var e=[],t=this.start;t<=this.end;t++)e.push(t);return e},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"end",{get:function(){return Math.min(this.start+this.buttonCount-1,this.totalPages)},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"start",{get:function(){var e,t=this.currentPage,n=this.buttonCount;return n<t?0==(e=t%n)?t-n+1:t-e+1:1},enumerable:!1,configurable:!0}),D.prototype.pageLabel=function(e){var t=this.textFor("page");return t?t+" "+e:e.toString()},D.prototype.onSelectChange=function(e){var e=e.target,t=Number(e.value);Number.isNaN(t)?"previousButtons"===e.value?this.changePage(this.start-2):this.changePage(this.end):this.changePage(t-1)},D.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize=e,this.cd.markForCheck()},Object.defineProperty(D.prototype,"pageChooserLabel",{get:function(){return this.textFor("selectPage")},enumerable:!1,configurable:!0}),D);function D(e,t,n){e=Y.call(this,e,n,t)||this;return e.pagerContext=n,e.numbersWrapClass=!0,e}S.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:S,deps:[{token:g.LocalizationService},{token:p.ChangeDetectorRef},{token:k}],target:p.ɵɵFactoryTarget.Component}),S.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:S,selector:"kendo-datapager-numeric-buttons",inputs:{buttonCount:"buttonCount"},host:{properties:{"class.k-pager-numbers-wrap":"this.numbersWrapClass"}},usesInheritance:!0,ngImport:p,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            (change)="onSelectChange($event)">\n            <option *ngIf="start > 1"\n                class="k-link"\n                value="previousButtons"\n                [selected]="false"\n                [attr.aria-label]="pageLabel(start - 1)">...\n            </option>\n            <option *ngFor="let num of buttons"\n                [value]="num.toString()"\n                [selected]="num === currentPage"\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                [selected]="false"\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    ',isInline:!0,directives:[{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:c.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}],changeDetection:p.ChangeDetectionStrategy.OnPush}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:S,decorators:[{type:r.Component,args:[{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            (change)="onSelectChange($event)">\n            <option *ngIf="start > 1"\n                class="k-link"\n                value="previousButtons"\n                [selected]="false"\n                [attr.aria-label]="pageLabel(start - 1)">...\n            </option>\n            <option *ngFor="let num of buttons"\n                [value]="num.toString()"\n                [selected]="num === currentPage"\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                [selected]="false"\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    '}]}],ctorParameters:function(){return[{type:g.LocalizationService},{type:p.ChangeDetectorRef},{type:k}]},propDecorators:{numbersWrapClass:[{type:r.HostBinding,args:["class.k-pager-numbers-wrap"]}],buttonCount:[{type:r.Input}]}});h(w,ee=m),Object.defineProperty(w.prototype,"disabled",{get:function(){return this.currentPage===this.totalPages||!this.total},enumerable:!1,configurable:!0}),w.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize=e,this.cd.markForCheck()};var ee,F=w;function w(e,t,n){return ee.call(this,e,t,n)||this}F.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:F,deps:[{token:g.LocalizationService},{token:k},{token:p.ChangeDetectorRef}],target:p.ɵɵFactoryTarget.Component}),F.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:F,selector:"kendo-datapager-next-buttons",usesInheritance:!0,ngImport:p,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    ',isInline:!0,changeDetection:p.ChangeDetectionStrategy.OnPush}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:F,decorators:[{type:r.Component,args:[{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    '}]}],ctorParameters:function(){return[{type:g.LocalizationService},{type:k},{type:p.ChangeDetectorRef}]}});h(T,te=m),Object.defineProperty(T.prototype,"current",{get:function(){return this.hasPages?this.currentPage:0},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"hasPages",{get:function(){return 0!==this.totalPages},enumerable:!1,configurable:!0}),T.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize=e,this.cd.markForCheck()};var te,O=T;function T(e,t,n,a){var r=te.call(this,e,t,a)||this;return r.pagerContext=t,r.zone=n,r.handleKeyDown=function(e){var t=r.numericInput.value||r.current;e.keyCode===i.Keys.Enter&&(e.preventDefault(),t!==r.current&&r.zone.run(function(){r.changePage(t-1)}))},r.handleBlur=function(){var e=r.numericInput.value;e?e!==r.current&&r.zone.run(function(){r.changePage(e-1)}):r.numericInput.writeValue(r.current)},r}O.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:O,deps:[{token:g.LocalizationService},{token:k},{token:p.NgZone},{token:p.ChangeDetectorRef}],target:p.ɵɵFactoryTarget.Component}),O.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:O,selector:"kendo-datapager-input",viewQueries:[{propertyName:"numericInput",first:!0,predicate:a.NumericTextBoxComponent,descendants:!0,static:!0}],usesInheritance:!0,ngImport:p,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    ',isInline:!0,components:[{type:u.NumericTextBoxComponent,selector:"kendo-numerictextbox",inputs:["focusableId","disabled","readonly","title","autoCorrect","format","max","min","decimals","placeholder","step","spinners","rangeValidation","tabindex","tabIndex","changeValueOnScroll","selectOnFocus","value","maxlength","size","rounded","fillMode"],outputs:["valueChange","focus","blur"],exportAs:["kendoNumericTextBox"]}],directives:[{type:c.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:d.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:O,decorators:[{type:r.Component,args:[{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    '}]}],ctorParameters:function(){return[{type:g.LocalizationService},{type:k},{type:p.NgZone},{type:p.ChangeDetectorRef}]},propDecorators:{numericInput:[{type:r.ViewChild,args:[a.NumericTextBoxComponent,{static:!0}]}]}});h(V,ne=m),Object.defineProperty(V.prototype,"maxItems",{get:function(){return Math.min(this.currentPage*this.pageSize,this.total)},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"currentPageText",{get:function(){return this.total?(this.currentPage-1)*this.pageSize+1:0},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"classes",{get:function(){return!0},enumerable:!1,configurable:!0}),V.prototype.onChanges=function(e){var t=e.total,n=e.skip,e=e.pageSize;this.total=t,this.skip=n,this.pageSize=e,this.cd.markForCheck()};var ne,L=V;function V(e,t,n){e=ne.call(this,e,n,t)||this;return e.pagerContext=n,e}L.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:L,deps:[{token:g.LocalizationService},{token:p.ChangeDetectorRef},{token:k}],target:p.ɵɵFactoryTarget.Component}),L.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:L,selector:"kendo-datapager-info",host:{properties:{"class.k-pager-info":"this.classes","class.k-label":"this.classes"}},usesInheritance:!0,ngImport:p,template:"{{currentPageText}} - {{maxItems}} {{textFor('of')}} {{total}} {{textFor('items')}}",isInline:!0,changeDetection:p.ChangeDetectionStrategy.OnPush}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:L,decorators:[{type:r.Component,args:[{changeDetection:r.ChangeDetectionStrategy.OnPush,selector:"kendo-datapager-info",template:"{{currentPageText}} - {{maxItems}} {{textFor('of')}} {{total}} {{textFor('items')}}"}]}],ctorParameters:function(){return[{type:g.LocalizationService},{type:p.ChangeDetectorRef},{type:k}]},propDecorators:{classes:[{type:r.HostBinding,args:["class.k-pager-info"]},{type:r.HostBinding,args:["class.k-label"]}]}});var ae=[5,10,20],re={name:"@progress/kendo-angular-pager",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1659533847,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"},N=(Object.defineProperty(M.prototype,"pageSizeValues",{get:function(){return this._pageSizeValues},set:function(e){this._pageSizeValues=Array.isArray(e)?e:!!e&&ae},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"totalPages",{get:function(){return Math.ceil((this.total||0)/this.pageSize)},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"currentPage",{get:function(){return Math.floor((this.skip||0)/this.pageSize)+1},enumerable:!1,configurable:!0}),Object.defineProperty(M.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:!1,configurable:!0}),M.prototype.ngOnInit=function(){var t=this;this.subscriptions.add(this.pagerContext.pageChange.subscribe(this.changePage.bind(this))),this.subscriptions.add(this.pagerContext.pageSizeChange.subscribe(this.changePageSize.bind(this))),this.subscriptions.add(this.resizeSensor.resize.subscribe(function(){return t.resizeHandler()})),this.subscriptions.add(this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"}))},M.prototype.ngAfterViewInit=function(){this.resizeHandler()},M.prototype.ngOnChanges=function(e){i.anyChanged(["pageSize","skip","total"],e,!1)&&this.pagerContext.notifyChanges({pageSize:this.pageSize,skip:this.skip,total:this.total})},M.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},M.prototype.changePage=function(e){this.pageChange.emit(e)},M.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}))},M.prototype.onPageSizeChange=function(e){this.pageSizeChange.emit(e),e.isDefaultPrevented()||this.pageChange.emit({skip:this.skip,take:e.newPageSize})},M);function M(e,t,n){var a=this;this.pagerContext=e,this.element=t,this.localization=n,this.total=0,this.skip=0,this.buttonCount=10,this.info=!0,this.type="numeric",this.previousNext=!0,this.pageChange=new r.EventEmitter,this.pageSizeChange=new r.EventEmitter,this.pagerWrapClass=!0,this.pagerClass=!0,this.widgetRole="navigation",this.subscriptions=new o.Subscription,this._templateContext={},this._pageSizeValues=ae,this.resizeHandler=function(){var e,t;a.template||((t=(e=a.element.nativeElement).offsetWidth)<600?(e.classList.remove("k-pager-md"),e.classList.add("k-pager-sm")):(600<=t&&t<768?e.classList.add("k-pager-md"):e.classList.remove("k-pager-md"),e.classList.remove("k-pager-sm")))},R.validatePackage(re),this.direction=n.rtl?"rtl":"ltr"}N.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:N,deps:[{token:k},{token:p.ElementRef},{token:g.LocalizationService}],target:p.ɵɵFactoryTarget.Component}),N.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:N,selector:"kendo-datapager",inputs:{total:"total",skip:"skip",pageSize:"pageSize",buttonCount:"buttonCount",info:"info",type:"type",pageSizeValues:"pageSizeValues",previousNext:"previousNext"},outputs:{pageChange:"pageChange",pageSizeChange:"pageSizeChange"},host:{properties:{"class.k-pager-wrap":"this.pagerWrapClass","class.k-pager":"this.pagerClass","attr.role":"this.widgetRole","attr.dir":"this.dir"}},providers:[t.LocalizationService,k],queries:[{propertyName:"template",first:!0,predicate:I,descendants:!0}],viewQueries:[{propertyName:"resizeSensor",first:!0,predicate:i.ResizeSensorComponent,descendants:!0,static:!0}],exportAs:["kendoDataPager"],usesOnChanges:!0,ngImport:p,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  ',isInline:!0,components:[{type:v,selector:"kendo-datapager-prev-buttons"},{type:S,selector:"kendo-datapager-numeric-buttons",inputs:["buttonCount"]},{type:O,selector:"kendo-datapager-input"},{type:F,selector:"kendo-datapager-next-buttons"},{type:L,selector:"kendo-datapager-info"},{type:x,selector:"kendo-datapager-page-sizes",inputs:["pageSizes"]},{type:d.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:b,selector:"[kendoDataPagerLocalizedMessages]"},{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:N,decorators:[{type:r.Component,args:[{selector:"kendo-datapager",exportAs:"kendoDataPager",providers:[t.LocalizationService,k],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  '}]}],ctorParameters:function(){return[{type:k},{type:p.ElementRef},{type:g.LocalizationService}]},propDecorators:{resizeSensor:[{type:r.ViewChild,args:[i.ResizeSensorComponent,{static:!0}]}],template:[{type:r.ContentChild,args:[I,{static:!1}]}],total:[{type:r.Input}],skip:[{type:r.Input}],pageSize:[{type:r.Input}],buttonCount:[{type:r.Input}],info:[{type:r.Input}],type:[{type:r.Input}],pageSizeValues:[{type:r.Input}],previousNext:[{type:r.Input}],pageChange:[{type:r.Output}],pageSizeChange:[{type:r.Output}],pagerWrapClass:[{type:r.HostBinding,args:["class.k-pager-wrap"]}],pagerClass:[{type:r.HostBinding,args:["class.k-pager"]}],widgetRole:[{type:r.HostBinding,args:["attr.role"]}],dir:[{type:r.HostBinding,args:["attr.dir"]}]}});l=[j.CommonModule,a.NumericTextBoxModule,n.DropDownListModule,i.EventsModule,i.ResizeSensorModule],u=[N,v,F,S,O,L,x,I,b,f],m=[{provide:t.L10N_PREFIX,useValue:"kendo.pager"}],oe.exports=function(){return[N,v,F,S,O,L,x,I]},d=oe;function oe(){}d.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:d,deps:[],target:p.ɵɵFactoryTarget.NgModule}),d.ɵmod=p.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:d,declarations:[N,v,F,S,O,L,x,I,b,f],imports:[j.CommonModule,a.NumericTextBoxModule,n.DropDownListModule,i.EventsModule,i.ResizeSensorModule],exports:[N,v,F,S,O,L,x,I,b,f]}),d.ɵinj=p.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:d,providers:[m],imports:[B([],A(l))]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:d,decorators:[{type:r.NgModule,args:[{declarations:[u],exports:[u],imports:B([],A(l)),providers:[m]}]}]}),e.CustomMessagesComponent=f,e.LocalizedMessagesDirective=b,e.PageSizeChangeEvent=H,e.PagerComponent=N,e.PagerInfoComponent=L,e.PagerInputComponent=O,e.PagerModule=d,e.PagerNextButtonsComponent=F,e.PagerNumericButtonsComponent=S,e.PagerPageSizesComponent=x,e.PagerPrevButtonsComponent=v,e.PagerTemplateDirective=I,Object.defineProperty(e,"__esModule",{value:!0})});

package/esm2015/package-metadata.js

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

@@ -115,7 +115,7 @@ PagerNumericButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
                 [attr.aria-label]="pageLabel(end + 1)">...
             </option>
         </select>
-        <ul [ngClass]="{'k-pager-numbers': true}">
+        <ul [ngClass]="{'k-pager-numbers': true, 'k-reset': true}">
             <li *ngIf="start > 1">
                 <button
                     type="button"
@@ -174,7 +174,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 [attr.aria-label]="pageLabel(end + 1)">...
             </option>
         </select>
-        <ul [ngClass]="{'k-pager-numbers': true}">
+        <ul [ngClass]="{'k-pager-numbers': true, 'k-reset': true}">
             <li *ngIf="start > 1">
                 <button
                     type="button"

package/esm2015/pager/pager.component.js

@@ -64,6 +64,7 @@ export class PagerComponent {
          * If the event is prevented, the page size will remain unchanged ([see example]({% slug pager_events %})).
          */
         this.pageSizeChange = new EventEmitter();
+        this.pagerWrapClass = true;
         this.pagerClass = true;
         this.widgetRole = 'navigation';
         this.subscriptions = new Subscription();
@@ -175,7 +176,7 @@ export class PagerComponent {
     }
 }
 PagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerComponent, deps: [{ token: i1.PagerContextService }, { token: i0.ElementRef }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-PagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerComponent, selector: "kendo-datapager", inputs: { total: "total", skip: "skip", pageSize: "pageSize", buttonCount: "buttonCount", info: "info", type: "type", pageSizeValues: "pageSizeValues", previousNext: "previousNext" }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, host: { properties: { "class.k-pager": "this.pagerClass", "attr.role": "this.widgetRole", "attr.dir": "this.dir" } }, providers: [
+PagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerComponent, selector: "kendo-datapager", inputs: { total: "total", skip: "skip", pageSize: "pageSize", buttonCount: "buttonCount", info: "info", type: "type", pageSizeValues: "pageSizeValues", previousNext: "previousNext" }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, host: { properties: { "class.k-pager-wrap": "this.pagerWrapClass", "class.k-pager": "this.pagerClass", "attr.role": "this.widgetRole", "attr.dir": "this.dir" } }, providers: [
         LocalizationService,
         PagerContextService
     ], queries: [{ propertyName: "template", first: true, predicate: PagerTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "resizeSensor", first: true, predicate: ResizeSensorComponent, descendants: true, static: true }], exportAs: ["kendoDataPager"], usesOnChanges: true, ngImport: i0, template: `
@@ -316,6 +317,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Output
             }], pageSizeChange: [{
                 type: Output
+            }], pagerWrapClass: [{
+                type: HostBinding,
+                args: ['class.k-pager-wrap']
             }], pagerClass: [{
                 type: HostBinding,
                 args: ['class.k-pager']

package/fesm2015/kendo-angular-pager.js

@@ -735,7 +735,7 @@ PagerNumericButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
                 [attr.aria-label]="pageLabel(end + 1)">...
             </option>
         </select>
-        <ul [ngClass]="{'k-pager-numbers': true}">
+        <ul [ngClass]="{'k-pager-numbers': true, 'k-reset': true}">
             <li *ngIf="start > 1">
                 <button
                     type="button"
@@ -794,7 +794,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 [attr.aria-label]="pageLabel(end + 1)">...
             </option>
         </select>
-        <ul [ngClass]="{'k-pager-numbers': true}">
+        <ul [ngClass]="{'k-pager-numbers': true, 'k-reset': true}">
             <li *ngIf="start > 1">
                 <button
                     type="button"
@@ -1112,7 +1112,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-pager',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1659509773,
+    publishDate: 1659533847,
     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'
 };
@@ -1157,6 +1157,7 @@ class PagerComponent {
          * If the event is prevented, the page size will remain unchanged ([see example]({% slug pager_events %})).
          */
         this.pageSizeChange = new EventEmitter();
+        this.pagerWrapClass = true;
         this.pagerClass = true;
         this.widgetRole = 'navigation';
         this.subscriptions = new Subscription();
@@ -1268,7 +1269,7 @@ class PagerComponent {
     }
 }
 PagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerComponent, deps: [{ token: PagerContextService }, { token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-PagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerComponent, selector: "kendo-datapager", inputs: { total: "total", skip: "skip", pageSize: "pageSize", buttonCount: "buttonCount", info: "info", type: "type", pageSizeValues: "pageSizeValues", previousNext: "previousNext" }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, host: { properties: { "class.k-pager": "this.pagerClass", "attr.role": "this.widgetRole", "attr.dir": "this.dir" } }, providers: [
+PagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerComponent, selector: "kendo-datapager", inputs: { total: "total", skip: "skip", pageSize: "pageSize", buttonCount: "buttonCount", info: "info", type: "type", pageSizeValues: "pageSizeValues", previousNext: "previousNext" }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, host: { properties: { "class.k-pager-wrap": "this.pagerWrapClass", "class.k-pager": "this.pagerClass", "attr.role": "this.widgetRole", "attr.dir": "this.dir" } }, providers: [
         LocalizationService,
         PagerContextService
     ], queries: [{ propertyName: "template", first: true, predicate: PagerTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "resizeSensor", first: true, predicate: ResizeSensorComponent, descendants: true, static: true }], exportAs: ["kendoDataPager"], usesOnChanges: true, ngImport: i0, template: `
@@ -1409,6 +1410,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Output
             }], pageSizeChange: [{
                 type: Output
+            }], pagerWrapClass: [{
+                type: HostBinding,
+                args: ['class.k-pager-wrap']
             }], pagerClass: [{
                 type: HostBinding,
                 args: ['class.k-pager']

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-pager",
-  "version": "4.0.2-dev.202208030656",
+  "version": "4.0.3",
   "description": "Kendo UI Angular Pager",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",

package/pager/pager.component.d.ts

@@ -64,6 +64,7 @@ export declare class PagerComponent implements OnChanges, OnInit, OnDestroy {
      * If the event is prevented, the page size will remain unchanged ([see example]({% slug pager_events %})).
      */
     pageSizeChange: EventEmitter<PageSizeChangeEvent>;
+    pagerWrapClass: boolean;
     pagerClass: boolean;
     widgetRole: string;
     get dir(): string;