@progress/kendo-angular-pager 3.0.3 → 4.0.0-dev.202204131851
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/kendo-angular-pager.umd.js +5 -0
- package/{dist/es/util.js → esm2015/kendo-angular-pager.js} +2 -2
- package/{dist/es2015 → esm2015}/main.js +1 -0
- package/{dist/es2015 → esm2015}/package-metadata.js +1 -1
- package/{dist/es → esm2015}/pager/change-event-args.interface.js +1 -0
- package/{dist/es2015 → esm2015}/pager/common/constants.js +0 -0
- package/{dist/es2015 → esm2015}/pager/common/pager-type.js +1 -0
- package/esm2015/pager/localization/custom-messages.component.js +41 -0
- package/esm2015/pager/localization/localized-messages.directive.js +36 -0
- package/esm2015/pager/localization/messages.js +41 -0
- package/{dist/es2015 → esm2015}/pager/pager-context.service.js +0 -0
- package/{dist/es2015 → esm2015}/pager/pager-element.component.js +13 -0
- package/esm2015/pager/pager-info.component.js +73 -0
- package/esm2015/pager/pager-input.component.js +133 -0
- package/esm2015/pager/pager-next-buttons.component.js +86 -0
- package/esm2015/pager/pager-numeric-buttons.component.js +206 -0
- package/{dist/es2015 → esm2015}/pager/pager-page-sizes.component.js +54 -47
- package/esm2015/pager/pager-prev-buttons.component.js +86 -0
- package/{dist/es2015 → esm2015}/pager/pager-template.directive.js +14 -12
- package/{dist/es2015 → esm2015}/pager/pager.component.js +120 -85
- package/{dist/es2015 → esm2015}/pager/pager.module.js +37 -12
- package/{dist/es2015 → esm2015}/pager/pagesize-item.interface.js +1 -0
- package/{dist/es2015 → esm2015}/pager/pagesizechange-event.js +0 -0
- package/{dist/es2015 → esm2015}/pager/preventable-event.js +0 -0
- package/{dist/es2015 → esm2015}/util.js +0 -0
- package/{dist/fesm2015/index.js → fesm2015/kendo-angular-pager.js} +499 -310
- package/{dist/es2015/pager/pager.module.d.ts → kendo-angular-pager.d.ts} +3 -4
- package/{dist/es2015/main.d.ts → main.d.ts} +1 -0
- package/{dist/es2015/package-metadata.d.ts → package-metadata.d.ts} +0 -0
- package/package.json +35 -107
- package/{dist/es2015/pager → pager}/change-event-args.interface.d.ts +0 -0
- package/{dist/es2015/pager → pager}/common/constants.d.ts +0 -0
- package/{dist/es2015/pager → pager}/common/pager-type.d.ts +0 -0
- package/{dist/es2015/pager → pager}/localization/custom-messages.component.d.ts +4 -1
- package/{dist/es2015/pager → pager}/localization/localized-messages.directive.d.ts +3 -0
- package/{dist/es2015/pager → pager}/localization/messages.d.ts +3 -0
- package/{dist/es2015/pager → pager}/pager-context.service.d.ts +1 -1
- package/{dist/es2015/pager → pager}/pager-element.component.d.ts +5 -2
- package/{dist/es2015/pager → pager}/pager-info.component.d.ts +6 -3
- package/{dist/es2015/pager → pager}/pager-input.component.d.ts +5 -2
- package/{dist/es2015/pager → pager}/pager-next-buttons.component.d.ts +4 -1
- package/{dist/es2015/pager → pager}/pager-numeric-buttons.component.d.ts +7 -4
- package/pager/pager-page-sizes.component.d.ts +154 -0
- package/{dist/es2015/pager → pager}/pager-prev-buttons.component.d.ts +4 -1
- package/{dist/es2015/pager → pager}/pager-template.directive.d.ts +3 -0
- package/{dist/es2015/pager → pager}/pager.component.d.ts +9 -5
- package/pager/pager.module.d.ts +28 -0
- package/{dist/es2015/pager → pager}/pagesize-item.interface.d.ts +0 -0
- package/{dist/es2015/pager → pager}/pagesizechange-event.d.ts +0 -0
- package/{dist/es2015/pager → pager}/preventable-event.d.ts +0 -0
- package/schematics/ngAdd/index.js +5 -2
- package/schematics/ngAdd/index.js.map +1 -1
- package/{dist/es2015/util.d.ts → util.d.ts} +0 -0
- package/dist/cdn/js/kendo-angular-pager.js +0 -20
- package/dist/cdn/main.js +0 -5
- package/dist/es/index.js +0 -13
- package/dist/es/main.js +0 -15
- package/dist/es/package-metadata.js +0 -15
- package/dist/es/pager/common/constants.js +0 -12
- package/dist/es/pager/common/pager-type.js +0 -4
- package/dist/es/pager/localization/custom-messages.component.js +0 -44
- package/dist/es/pager/localization/localized-messages.directive.js +0 -35
- package/dist/es/pager/localization/messages.js +0 -58
- package/dist/es/pager/pager-context.service.js +0 -48
- package/dist/es/pager/pager-element.component.js +0 -84
- package/dist/es/pager/pager-info.component.js +0 -90
- package/dist/es/pager/pager-input.component.js +0 -105
- package/dist/es/pager/pager-next-buttons.component.js +0 -52
- package/dist/es/pager/pager-numeric-buttons.component.js +0 -127
- package/dist/es/pager/pager-page-sizes.component.js +0 -226
- package/dist/es/pager/pager-prev-buttons.component.js +0 -52
- package/dist/es/pager/pager-template.directive.js +0 -62
- package/dist/es/pager/pager.component.js +0 -271
- package/dist/es/pager/pager.module.js +0 -76
- package/dist/es/pager/pagesize-item.interface.js +0 -4
- package/dist/es/pager/pagesizechange-event.js +0 -25
- package/dist/es/pager/preventable-event.js +0 -29
- package/dist/es2015/index.d.ts +0 -13
- package/dist/es2015/index.js +0 -13
- package/dist/es2015/index.metadata.json +0 -1
- package/dist/es2015/pager/change-event-args.interface.js +0 -4
- package/dist/es2015/pager/localization/custom-messages.component.js +0 -36
- package/dist/es2015/pager/localization/localized-messages.directive.js +0 -31
- package/dist/es2015/pager/localization/messages.js +0 -52
- package/dist/es2015/pager/pager-info.component.js +0 -74
- package/dist/es2015/pager/pager-input.component.js +0 -113
- package/dist/es2015/pager/pager-next-buttons.component.js +0 -66
- package/dist/es2015/pager/pager-numeric-buttons.component.js +0 -158
- package/dist/es2015/pager/pager-page-sizes.component.d.ts +0 -150
- package/dist/es2015/pager/pager-prev-buttons.component.js +0 -66
- package/dist/fesm5/index.js +0 -1282
- package/dist/npm/index.js +0 -21
- package/dist/npm/main.js +0 -28
- package/dist/npm/package-metadata.js +0 -17
- package/dist/npm/pager/change-event-args.interface.js +0 -6
- package/dist/npm/pager/common/constants.js +0 -14
- package/dist/npm/pager/common/pager-type.js +0 -6
- package/dist/npm/pager/localization/custom-messages.component.js +0 -46
- package/dist/npm/pager/localization/localized-messages.directive.js +0 -37
- package/dist/npm/pager/localization/messages.js +0 -60
- package/dist/npm/pager/pager-context.service.js +0 -50
- package/dist/npm/pager/pager-element.component.js +0 -86
- package/dist/npm/pager/pager-info.component.js +0 -92
- package/dist/npm/pager/pager-input.component.js +0 -107
- package/dist/npm/pager/pager-next-buttons.component.js +0 -54
- package/dist/npm/pager/pager-numeric-buttons.component.js +0 -129
- package/dist/npm/pager/pager-page-sizes.component.js +0 -228
- package/dist/npm/pager/pager-prev-buttons.component.js +0 -54
- package/dist/npm/pager/pager-template.directive.js +0 -64
- package/dist/npm/pager/pager.component.js +0 -273
- package/dist/npm/pager/pager.module.js +0 -78
- package/dist/npm/pager/pagesize-item.interface.js +0 -6
- package/dist/npm/pager/pagesizechange-event.js +0 -27
- package/dist/npm/pager/preventable-event.js +0 -31
- package/dist/npm/util.js +0 -10
- package/dist/systemjs/kendo-angular-pager.js +0 -5
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
!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,S=function(e){this.templateRef=e},I=(S.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:S,deps:[{token:p.TemplateRef,optional:!0}],target:p.ɵɵFactoryTarget.Directive}),S.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:S,selector:"[kendoDataPagerTemplate]",ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:S,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}I.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:I,deps:[{token:g.LocalizationService},{token:p.ChangeDetectorRef},{token:k}],target:p.ɵɵFactoryTarget.Component}),I.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:I,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 [value]="(currentPage).toString()"\n (change)="onSelectChange($event)">\n <option *ngIf="start > 1"\n class="k-link"\n value="previousButtons"\n [attr.aria-label]="pageLabel(start - 1)">...\n </option>\n <option *ngFor="let num of buttons"\n [value]="num.toString()"\n [attr.aria-label]="pageLabel(num)"\n [attr.aria-current]="currentPage === num ? \'page\' : undefined"\n [ngClass]="{\'k-link\': true, \'k-state-selected\':currentPage === num}">\n {{num}}\n </option>\n <option *ngIf="end < totalPages"\n value="nextButtons"\n class="k-link"\n [attr.aria-label]="pageLabel(end + 1)">...\n </option>\n </select>\n <ul [ngClass]="{\'k-pager-numbers\': true, \'k-reset\': true}">\n <li *ngIf="start > 1">\n <button\n type="button"\n class="k-link"\n [attr.aria-label]="pageLabel(start - 1)"\n (click)="changePage(start - 2)">...</button>\n </li>\n <li *ngFor="let num of buttons">\n <button\n type="button"\n [attr.aria-label]="pageLabel(num)"\n [attr.aria-current]="currentPage === num ? \'page\' : undefined"\n [ngClass]="{\'k-link\': true, \'k-state-selected\':currentPage === num}"\n (click)="changePage(num - 1)">\n {{num}}\n </button>\n </li>\n <li *ngIf="end < totalPages">\n <button\n type="button"\n class="k-link"\n [attr.aria-label]="pageLabel(end + 1)"\n (click)="changePage(end)">...</button>\n </li>\n </ul>\n ',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:I,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 [value]="(currentPage).toString()"\n (change)="onSelectChange($event)">\n <option *ngIf="start > 1"\n class="k-link"\n value="previousButtons"\n [attr.aria-label]="pageLabel(start - 1)">...\n </option>\n <option *ngFor="let num of buttons"\n [value]="num.toString()"\n [attr.aria-label]="pageLabel(num)"\n [attr.aria-current]="currentPage === num ? \'page\' : undefined"\n [ngClass]="{\'k-link\': true, \'k-state-selected\':currentPage === num}">\n {{num}}\n </option>\n <option *ngIf="end < totalPages"\n value="nextButtons"\n class="k-link"\n [attr.aria-label]="pageLabel(end + 1)">...\n </option>\n </select>\n <ul [ngClass]="{\'k-pager-numbers\': true, \'k-reset\': true}">\n <li *ngIf="start > 1">\n <button\n type="button"\n class="k-link"\n [attr.aria-label]="pageLabel(start - 1)"\n (click)="changePage(start - 2)">...</button>\n </li>\n <li *ngFor="let num of buttons">\n <button\n type="button"\n [attr.aria-label]="pageLabel(num)"\n [attr.aria-current]="currentPage === num ? \'page\' : undefined"\n [ngClass]="{\'k-link\': true, \'k-state-selected\':currentPage === num}"\n (click)="changePage(num - 1)">\n {{num}}\n </button>\n </li>\n <li *ngIf="end < totalPages">\n <button\n type="button"\n class="k-link"\n [attr.aria-label]="pageLabel(end + 1)"\n (click)="changePage(end)">...</button>\n </li>\n </ul>\n '}]}],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:1649875855,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:S,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:I,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:[S,{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,I,O,L,x,S,b,f],m=[{provide:t.L10N_PREFIX,useValue:"kendo.pager"}],oe.exports=function(){return[N,v,F,I,O,L,x,S]},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,I,O,L,x,S,b,f],imports:[j.CommonModule,a.NumericTextBoxModule,n.DropDownListModule,i.EventsModule,i.ResizeSensorModule],exports:[N,v,F,I,O,L,x,S,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=I,e.PagerPageSizesComponent=x,e.PagerPrevButtonsComponent=v,e.PagerTemplateDirective=S,Object.defineProperty(e,"__esModule",{value:!0})});
|
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* Generated bundle index. Do not edit.
|
|
7
7
|
*/
|
|
8
|
-
export
|
|
8
|
+
export * from './main';
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
export { PageSizeChangeEvent } from './pager/pagesizechange-event';
|
|
6
6
|
export { CustomMessagesComponent } from './pager/localization/custom-messages.component';
|
|
7
|
+
export { LocalizedMessagesDirective } from './pager/localization/localized-messages.directive';
|
|
7
8
|
export { PagerPrevButtonsComponent } from './pager/pager-prev-buttons.component';
|
|
8
9
|
export { PagerPageSizesComponent } from './pager/pager-page-sizes.component';
|
|
9
10
|
export { PagerTemplateDirective } from './pager/pager-template.directive';
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-pager',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
12
|
+
publishDate: 1649875855,
|
|
13
13
|
version: '',
|
|
14
14
|
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'
|
|
15
15
|
};
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
File without changes
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { Component, forwardRef } from '@angular/core';
|
|
6
|
+
import { Messages } from './messages';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@progress/kendo-angular-l10n";
|
|
9
|
+
/**
|
|
10
|
+
* Custom component messages override default component messages
|
|
11
|
+
* ([see example]({% slug pager_globalization %}#toc-messages)).
|
|
12
|
+
*/
|
|
13
|
+
export class CustomMessagesComponent extends Messages {
|
|
14
|
+
constructor(service) {
|
|
15
|
+
super();
|
|
16
|
+
this.service = service;
|
|
17
|
+
}
|
|
18
|
+
get override() {
|
|
19
|
+
return true;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomMessagesComponent, selector: "kendo-datapager-messages", providers: [
|
|
24
|
+
{
|
|
25
|
+
provide: Messages,
|
|
26
|
+
useExisting: forwardRef(() => CustomMessagesComponent)
|
|
27
|
+
}
|
|
28
|
+
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomMessagesComponent, decorators: [{
|
|
30
|
+
type: Component,
|
|
31
|
+
args: [{
|
|
32
|
+
providers: [
|
|
33
|
+
{
|
|
34
|
+
provide: Messages,
|
|
35
|
+
useExisting: forwardRef(() => CustomMessagesComponent)
|
|
36
|
+
}
|
|
37
|
+
],
|
|
38
|
+
selector: 'kendo-datapager-messages',
|
|
39
|
+
template: ``
|
|
40
|
+
}]
|
|
41
|
+
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { Directive, forwardRef } from '@angular/core';
|
|
6
|
+
import { Messages } from './messages';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@progress/kendo-angular-l10n";
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
export class LocalizedMessagesDirective extends Messages {
|
|
13
|
+
constructor(service) {
|
|
14
|
+
super();
|
|
15
|
+
this.service = service;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
19
|
+
LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedMessagesDirective, selector: "[kendoDataPagerLocalizedMessages]", providers: [
|
|
20
|
+
{
|
|
21
|
+
provide: Messages,
|
|
22
|
+
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
23
|
+
}
|
|
24
|
+
], usesInheritance: true, ngImport: i0 });
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
|
|
26
|
+
type: Directive,
|
|
27
|
+
args: [{
|
|
28
|
+
providers: [
|
|
29
|
+
{
|
|
30
|
+
provide: Messages,
|
|
31
|
+
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
32
|
+
}
|
|
33
|
+
],
|
|
34
|
+
selector: '[kendoDataPagerLocalizedMessages]'
|
|
35
|
+
}]
|
|
36
|
+
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { Directive, Input } from '@angular/core';
|
|
6
|
+
import { ComponentMessages } from '@progress/kendo-angular-l10n';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
export class Messages extends ComponentMessages {
|
|
12
|
+
}
|
|
13
|
+
Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
14
|
+
Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: Messages, selector: "kendoPagerMessages", inputs: { firstPage: "firstPage", lastPage: "lastPage", previousPage: "previousPage", nextPage: "nextPage", page: "page", pageNumberInputTitle: "pageNumberInputTitle", itemsPerPage: "itemsPerPage", of: "of", items: "items", selectPage: "selectPage" }, usesInheritance: true, ngImport: i0 });
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Messages, decorators: [{
|
|
16
|
+
type: Directive,
|
|
17
|
+
args: [{
|
|
18
|
+
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
19
|
+
selector: 'kendoPagerMessages'
|
|
20
|
+
}]
|
|
21
|
+
}], propDecorators: { firstPage: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}], lastPage: [{
|
|
24
|
+
type: Input
|
|
25
|
+
}], previousPage: [{
|
|
26
|
+
type: Input
|
|
27
|
+
}], nextPage: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], page: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], pageNumberInputTitle: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], itemsPerPage: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], of: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], items: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], selectPage: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}] } });
|
|
File without changes
|
|
@@ -2,6 +2,10 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { Component } from '@angular/core';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@progress/kendo-angular-l10n";
|
|
8
|
+
import * as i2 from "./pager-context.service";
|
|
5
9
|
/**
|
|
6
10
|
* @hidden
|
|
7
11
|
*/
|
|
@@ -71,3 +75,12 @@ export class PagerElementComponent {
|
|
|
71
75
|
}
|
|
72
76
|
}
|
|
73
77
|
}
|
|
78
|
+
PagerElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerElementComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
79
|
+
PagerElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerElementComponent, selector: "kendo-pager-element", ngImport: i0, template: ``, isInline: true });
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerElementComponent, decorators: [{
|
|
81
|
+
type: Component,
|
|
82
|
+
args: [{
|
|
83
|
+
selector: 'kendo-pager-element',
|
|
84
|
+
template: ``
|
|
85
|
+
}]
|
|
86
|
+
}], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.PagerContextService }, { type: i0.ChangeDetectorRef }]; } });
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
// eslint-disable no-access-missing-member
|
|
6
|
+
import { Component, ChangeDetectionStrategy, HostBinding } from '@angular/core';
|
|
7
|
+
import { PagerElementComponent } from './pager-element.component';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "@progress/kendo-angular-l10n";
|
|
10
|
+
import * as i2 from "./pager-context.service";
|
|
11
|
+
/**
|
|
12
|
+
* Displays information about the current page and the total number of records ([see example]({% slug pager_settings %})).
|
|
13
|
+
*/
|
|
14
|
+
export class PagerInfoComponent extends PagerElementComponent {
|
|
15
|
+
constructor(localization, cd, pagerContext) {
|
|
16
|
+
super(localization, pagerContext, cd);
|
|
17
|
+
this.pagerContext = pagerContext;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* @hidden
|
|
21
|
+
*
|
|
22
|
+
* @readonly
|
|
23
|
+
* @type {number}
|
|
24
|
+
* @memberOf PagerInfoComponent
|
|
25
|
+
*/
|
|
26
|
+
get maxItems() {
|
|
27
|
+
return Math.min(this.currentPage * this.pageSize, this.total);
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* @hidden
|
|
31
|
+
*
|
|
32
|
+
* @readonly
|
|
33
|
+
* @type {number}
|
|
34
|
+
* @memberOf PagerInfoComponent
|
|
35
|
+
*/
|
|
36
|
+
get currentPageText() {
|
|
37
|
+
return this.total ?
|
|
38
|
+
(this.currentPage - 1) * this.pageSize + 1 :
|
|
39
|
+
0;
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* @hidden
|
|
43
|
+
*
|
|
44
|
+
* @readonly
|
|
45
|
+
* @type {boolean}
|
|
46
|
+
* @memberOf PagerInfoComponent
|
|
47
|
+
*/
|
|
48
|
+
get classes() {
|
|
49
|
+
return true;
|
|
50
|
+
}
|
|
51
|
+
onChanges({ total, skip, pageSize }) {
|
|
52
|
+
this.total = total;
|
|
53
|
+
this.skip = skip;
|
|
54
|
+
this.pageSize = pageSize;
|
|
55
|
+
this.cd.markForCheck();
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
PagerInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerInfoComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.PagerContextService }], target: i0.ɵɵFactoryTarget.Component });
|
|
59
|
+
PagerInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerInfoComponent, selector: "kendo-datapager-info", host: { properties: { "class.k-pager-info": "this.classes", "class.k-label": "this.classes" } }, usesInheritance: true, ngImport: i0, template: `{{currentPageText}} - {{maxItems}} {{textFor('of')}} {{total}} {{textFor('items')}}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
60
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerInfoComponent, decorators: [{
|
|
61
|
+
type: Component,
|
|
62
|
+
args: [{
|
|
63
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
64
|
+
selector: 'kendo-datapager-info',
|
|
65
|
+
template: `{{currentPageText}} - {{maxItems}} {{textFor('of')}} {{total}} {{textFor('items')}}`
|
|
66
|
+
}]
|
|
67
|
+
}], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.PagerContextService }]; }, propDecorators: { classes: [{
|
|
68
|
+
type: HostBinding,
|
|
69
|
+
args: ["class.k-pager-info"]
|
|
70
|
+
}, {
|
|
71
|
+
type: HostBinding,
|
|
72
|
+
args: ["class.k-label"]
|
|
73
|
+
}] } });
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { NumericTextBoxComponent } from '@progress/kendo-angular-inputs';
|
|
6
|
+
// eslint-disable no-access-missing-member
|
|
7
|
+
import { Component, ViewChild } from '@angular/core';
|
|
8
|
+
import { PagerElementComponent } from './pager-element.component';
|
|
9
|
+
import { Keys } from '@progress/kendo-angular-common';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
import * as i1 from "@progress/kendo-angular-l10n";
|
|
12
|
+
import * as i2 from "./pager-context.service";
|
|
13
|
+
import * as i3 from "@progress/kendo-angular-inputs";
|
|
14
|
+
import * as i4 from "@angular/common";
|
|
15
|
+
import * as i5 from "@progress/kendo-angular-common";
|
|
16
|
+
/**
|
|
17
|
+
* Displays an input element which allows the typing and rendering of page numbers.
|
|
18
|
+
*/
|
|
19
|
+
export class PagerInputComponent extends PagerElementComponent {
|
|
20
|
+
constructor(localization, pagerContext, zone, cd) {
|
|
21
|
+
super(localization, pagerContext, cd);
|
|
22
|
+
this.pagerContext = pagerContext;
|
|
23
|
+
this.zone = zone;
|
|
24
|
+
/**
|
|
25
|
+
* @hidden
|
|
26
|
+
*
|
|
27
|
+
* @param {string} value
|
|
28
|
+
*
|
|
29
|
+
* @memberOf PagerInputComponent
|
|
30
|
+
*/
|
|
31
|
+
this.handleKeyDown = (event) => {
|
|
32
|
+
let incomingValue = this.numericInput.value || this.current;
|
|
33
|
+
// eslint-disable import/no-deprecated
|
|
34
|
+
if (event.keyCode === Keys.Enter) {
|
|
35
|
+
event.preventDefault();
|
|
36
|
+
if (incomingValue !== this.current) {
|
|
37
|
+
this.zone.run(() => {
|
|
38
|
+
this.changePage(incomingValue - 1);
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
/**
|
|
44
|
+
* @hidden
|
|
45
|
+
*
|
|
46
|
+
* @param {string} value
|
|
47
|
+
*
|
|
48
|
+
* @memberOf PagerInputComponent
|
|
49
|
+
*/
|
|
50
|
+
this.handleBlur = () => {
|
|
51
|
+
const inputValue = this.numericInput.value;
|
|
52
|
+
if (!inputValue) {
|
|
53
|
+
this.numericInput.writeValue(this.current);
|
|
54
|
+
return;
|
|
55
|
+
}
|
|
56
|
+
if (inputValue !== this.current) {
|
|
57
|
+
this.zone.run(() => {
|
|
58
|
+
this.changePage(inputValue - 1);
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
/**
|
|
64
|
+
* @hidden
|
|
65
|
+
*/
|
|
66
|
+
get current() {
|
|
67
|
+
return this.hasPages ? this.currentPage : 0;
|
|
68
|
+
}
|
|
69
|
+
/**
|
|
70
|
+
* @hidden
|
|
71
|
+
*/
|
|
72
|
+
get hasPages() {
|
|
73
|
+
return this.totalPages !== 0;
|
|
74
|
+
}
|
|
75
|
+
onChanges({ total, skip, pageSize }) {
|
|
76
|
+
this.total = total;
|
|
77
|
+
this.skip = skip;
|
|
78
|
+
this.pageSize = pageSize;
|
|
79
|
+
this.cd.markForCheck();
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
PagerInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerInputComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PagerContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
83
|
+
PagerInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerInputComponent, selector: "kendo-datapager-input", viewQueries: [{ propertyName: "numericInput", first: true, predicate: NumericTextBoxComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
|
|
84
|
+
<span [ngClass]="{'k-pager-input': true, 'k-label': true}">
|
|
85
|
+
{{textFor('page')}}
|
|
86
|
+
<kendo-numerictextbox
|
|
87
|
+
[spinners]="false"
|
|
88
|
+
[decimals]="0"
|
|
89
|
+
format="n0"
|
|
90
|
+
[disabled]="!hasPages"
|
|
91
|
+
[value]="current"
|
|
92
|
+
[min]="hasPages ? 1 : 0"
|
|
93
|
+
[max]="totalPages"
|
|
94
|
+
[autoCorrect]="true"
|
|
95
|
+
[title]="textFor('pageNumberInputTitle')"
|
|
96
|
+
[kendoEventsOutsideAngular]="{
|
|
97
|
+
keydown: handleKeyDown,
|
|
98
|
+
focusout: handleBlur
|
|
99
|
+
}">
|
|
100
|
+
</kendo-numerictextbox>
|
|
101
|
+
{{textFor('of')}} {{totalPages}}
|
|
102
|
+
</span>
|
|
103
|
+
`, isInline: true, components: [{ type: i3.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: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
|
|
104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerInputComponent, decorators: [{
|
|
105
|
+
type: Component,
|
|
106
|
+
args: [{
|
|
107
|
+
selector: 'kendo-datapager-input',
|
|
108
|
+
template: `
|
|
109
|
+
<span [ngClass]="{'k-pager-input': true, 'k-label': true}">
|
|
110
|
+
{{textFor('page')}}
|
|
111
|
+
<kendo-numerictextbox
|
|
112
|
+
[spinners]="false"
|
|
113
|
+
[decimals]="0"
|
|
114
|
+
format="n0"
|
|
115
|
+
[disabled]="!hasPages"
|
|
116
|
+
[value]="current"
|
|
117
|
+
[min]="hasPages ? 1 : 0"
|
|
118
|
+
[max]="totalPages"
|
|
119
|
+
[autoCorrect]="true"
|
|
120
|
+
[title]="textFor('pageNumberInputTitle')"
|
|
121
|
+
[kendoEventsOutsideAngular]="{
|
|
122
|
+
keydown: handleKeyDown,
|
|
123
|
+
focusout: handleBlur
|
|
124
|
+
}">
|
|
125
|
+
</kendo-numerictextbox>
|
|
126
|
+
{{textFor('of')}} {{totalPages}}
|
|
127
|
+
</span>
|
|
128
|
+
`
|
|
129
|
+
}]
|
|
130
|
+
}], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.PagerContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { numericInput: [{
|
|
131
|
+
type: ViewChild,
|
|
132
|
+
args: [NumericTextBoxComponent, { static: true }]
|
|
133
|
+
}] } });
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
// eslint-disable no-access-missing-member
|
|
6
|
+
import { Component, ChangeDetectionStrategy } from '@angular/core';
|
|
7
|
+
import { PagerElementComponent } from './pager-element.component';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "@progress/kendo-angular-l10n";
|
|
10
|
+
import * as i2 from "./pager-context.service";
|
|
11
|
+
/**
|
|
12
|
+
* Displays buttons for navigating to the next and to the last page ([see example]({% slug pager_settings %})).
|
|
13
|
+
*/
|
|
14
|
+
export class PagerNextButtonsComponent extends PagerElementComponent {
|
|
15
|
+
constructor(localization, pagerContext, cd) {
|
|
16
|
+
super(localization, pagerContext, cd);
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* @hidden
|
|
20
|
+
*
|
|
21
|
+
* @readonly
|
|
22
|
+
* @type {boolean}
|
|
23
|
+
* @memberOf PagerNextButtonsComponent
|
|
24
|
+
*/
|
|
25
|
+
get disabled() {
|
|
26
|
+
return this.currentPage === this.totalPages || !this.total;
|
|
27
|
+
}
|
|
28
|
+
onChanges({ total, skip, pageSize }) {
|
|
29
|
+
this.total = total;
|
|
30
|
+
this.skip = skip;
|
|
31
|
+
this.pageSize = pageSize;
|
|
32
|
+
this.cd.markForCheck();
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
PagerNextButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerNextButtonsComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
36
|
+
PagerNextButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons", usesInheritance: true, ngImport: i0, template: `
|
|
37
|
+
<button
|
|
38
|
+
type="button"
|
|
39
|
+
class="k-link k-pager-nav"
|
|
40
|
+
[class.k-disabled]="disabled"
|
|
41
|
+
[title]="textFor('nextPage')"
|
|
42
|
+
[attr.aria-label]="textFor('nextPage')"
|
|
43
|
+
[attr.aria-disabled]="disabled ? true : undefined"
|
|
44
|
+
(click)="currentPage !== totalPages ? changePage(currentPage) : false">
|
|
45
|
+
<span class="k-icon k-i-arrow-e" role="note" [attr.aria-label]="textFor('nextPage')"></span>
|
|
46
|
+
</button>
|
|
47
|
+
<button
|
|
48
|
+
type="button"
|
|
49
|
+
class="k-link k-pager-nav k-pager-last"
|
|
50
|
+
[class.k-disabled]="disabled"
|
|
51
|
+
[title]="textFor('lastPage')"
|
|
52
|
+
[attr.aria-label]="textFor('lastPage')"
|
|
53
|
+
[attr.aria-disabled]="disabled ? true : undefined"
|
|
54
|
+
(click)="currentPage !== totalPages ? changePage(totalPages-1) : false">
|
|
55
|
+
<span class="k-icon k-i-seek-e" role="note" [attr.aria-label]="textFor('lastPage')"></span>
|
|
56
|
+
</button>
|
|
57
|
+
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerNextButtonsComponent, decorators: [{
|
|
59
|
+
type: Component,
|
|
60
|
+
args: [{
|
|
61
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
62
|
+
selector: 'kendo-datapager-next-buttons',
|
|
63
|
+
template: `
|
|
64
|
+
<button
|
|
65
|
+
type="button"
|
|
66
|
+
class="k-link k-pager-nav"
|
|
67
|
+
[class.k-disabled]="disabled"
|
|
68
|
+
[title]="textFor('nextPage')"
|
|
69
|
+
[attr.aria-label]="textFor('nextPage')"
|
|
70
|
+
[attr.aria-disabled]="disabled ? true : undefined"
|
|
71
|
+
(click)="currentPage !== totalPages ? changePage(currentPage) : false">
|
|
72
|
+
<span class="k-icon k-i-arrow-e" role="note" [attr.aria-label]="textFor('nextPage')"></span>
|
|
73
|
+
</button>
|
|
74
|
+
<button
|
|
75
|
+
type="button"
|
|
76
|
+
class="k-link k-pager-nav k-pager-last"
|
|
77
|
+
[class.k-disabled]="disabled"
|
|
78
|
+
[title]="textFor('lastPage')"
|
|
79
|
+
[attr.aria-label]="textFor('lastPage')"
|
|
80
|
+
[attr.aria-disabled]="disabled ? true : undefined"
|
|
81
|
+
(click)="currentPage !== totalPages ? changePage(totalPages-1) : false">
|
|
82
|
+
<span class="k-icon k-i-seek-e" role="note" [attr.aria-label]="textFor('lastPage')"></span>
|
|
83
|
+
</button>
|
|
84
|
+
`
|
|
85
|
+
}]
|
|
86
|
+
}], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.PagerContextService }, { type: i0.ChangeDetectorRef }]; } });
|