@progress/kendo-angular-pager 3.0.2 → 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.
Files changed (116) hide show
  1. package/bundles/kendo-angular-pager.umd.js +5 -0
  2. package/{dist/es/util.js → esm2015/kendo-angular-pager.js} +2 -2
  3. package/{dist/es2015 → esm2015}/main.js +1 -0
  4. package/{dist/es2015 → esm2015}/package-metadata.js +1 -1
  5. package/{dist/es → esm2015}/pager/change-event-args.interface.js +1 -0
  6. package/{dist/es2015 → esm2015}/pager/common/constants.js +0 -0
  7. package/{dist/es2015 → esm2015}/pager/common/pager-type.js +1 -0
  8. package/esm2015/pager/localization/custom-messages.component.js +41 -0
  9. package/esm2015/pager/localization/localized-messages.directive.js +36 -0
  10. package/esm2015/pager/localization/messages.js +41 -0
  11. package/{dist/es2015 → esm2015}/pager/pager-context.service.js +0 -0
  12. package/{dist/es2015 → esm2015}/pager/pager-element.component.js +13 -0
  13. package/esm2015/pager/pager-info.component.js +73 -0
  14. package/esm2015/pager/pager-input.component.js +133 -0
  15. package/esm2015/pager/pager-next-buttons.component.js +86 -0
  16. package/esm2015/pager/pager-numeric-buttons.component.js +206 -0
  17. package/{dist/es2015 → esm2015}/pager/pager-page-sizes.component.js +54 -47
  18. package/esm2015/pager/pager-prev-buttons.component.js +86 -0
  19. package/{dist/es2015 → esm2015}/pager/pager-template.directive.js +14 -12
  20. package/{dist/es2015 → esm2015}/pager/pager.component.js +120 -85
  21. package/{dist/es2015 → esm2015}/pager/pager.module.js +37 -12
  22. package/{dist/es2015 → esm2015}/pager/pagesize-item.interface.js +1 -0
  23. package/{dist/es2015 → esm2015}/pager/pagesizechange-event.js +0 -0
  24. package/{dist/es2015 → esm2015}/pager/preventable-event.js +0 -0
  25. package/{dist/es2015 → esm2015}/util.js +0 -0
  26. package/{dist/fesm2015/index.js → fesm2015/kendo-angular-pager.js} +499 -310
  27. package/{dist/es2015/pager/pager.module.d.ts → kendo-angular-pager.d.ts} +3 -4
  28. package/{dist/es2015/main.d.ts → main.d.ts} +1 -0
  29. package/{dist/es2015/package-metadata.d.ts → package-metadata.d.ts} +0 -0
  30. package/package.json +35 -107
  31. package/{dist/es2015/pager → pager}/change-event-args.interface.d.ts +0 -0
  32. package/{dist/es2015/pager → pager}/common/constants.d.ts +0 -0
  33. package/{dist/es2015/pager → pager}/common/pager-type.d.ts +0 -0
  34. package/{dist/es2015/pager → pager}/localization/custom-messages.component.d.ts +4 -1
  35. package/{dist/es2015/pager → pager}/localization/localized-messages.directive.d.ts +3 -0
  36. package/{dist/es2015/pager → pager}/localization/messages.d.ts +3 -0
  37. package/{dist/es2015/pager → pager}/pager-context.service.d.ts +1 -1
  38. package/{dist/es2015/pager → pager}/pager-element.component.d.ts +5 -2
  39. package/{dist/es2015/pager → pager}/pager-info.component.d.ts +6 -3
  40. package/{dist/es2015/pager → pager}/pager-input.component.d.ts +5 -2
  41. package/{dist/es2015/pager → pager}/pager-next-buttons.component.d.ts +4 -1
  42. package/{dist/es2015/pager → pager}/pager-numeric-buttons.component.d.ts +7 -4
  43. package/pager/pager-page-sizes.component.d.ts +154 -0
  44. package/{dist/es2015/pager → pager}/pager-prev-buttons.component.d.ts +4 -1
  45. package/{dist/es2015/pager → pager}/pager-template.directive.d.ts +3 -0
  46. package/{dist/es2015/pager → pager}/pager.component.d.ts +9 -5
  47. package/pager/pager.module.d.ts +28 -0
  48. package/{dist/es2015/pager → pager}/pagesize-item.interface.d.ts +0 -0
  49. package/{dist/es2015/pager → pager}/pagesizechange-event.d.ts +0 -0
  50. package/{dist/es2015/pager → pager}/preventable-event.d.ts +0 -0
  51. package/schematics/ngAdd/index.js +5 -2
  52. package/schematics/ngAdd/index.js.map +1 -1
  53. package/{dist/es2015/util.d.ts → util.d.ts} +0 -0
  54. package/dist/cdn/js/kendo-angular-pager.js +0 -20
  55. package/dist/cdn/main.js +0 -5
  56. package/dist/es/index.js +0 -13
  57. package/dist/es/main.js +0 -15
  58. package/dist/es/package-metadata.js +0 -15
  59. package/dist/es/pager/common/constants.js +0 -12
  60. package/dist/es/pager/common/pager-type.js +0 -4
  61. package/dist/es/pager/localization/custom-messages.component.js +0 -44
  62. package/dist/es/pager/localization/localized-messages.directive.js +0 -35
  63. package/dist/es/pager/localization/messages.js +0 -58
  64. package/dist/es/pager/pager-context.service.js +0 -48
  65. package/dist/es/pager/pager-element.component.js +0 -84
  66. package/dist/es/pager/pager-info.component.js +0 -90
  67. package/dist/es/pager/pager-input.component.js +0 -105
  68. package/dist/es/pager/pager-next-buttons.component.js +0 -52
  69. package/dist/es/pager/pager-numeric-buttons.component.js +0 -127
  70. package/dist/es/pager/pager-page-sizes.component.js +0 -226
  71. package/dist/es/pager/pager-prev-buttons.component.js +0 -52
  72. package/dist/es/pager/pager-template.directive.js +0 -62
  73. package/dist/es/pager/pager.component.js +0 -271
  74. package/dist/es/pager/pager.module.js +0 -76
  75. package/dist/es/pager/pagesize-item.interface.js +0 -4
  76. package/dist/es/pager/pagesizechange-event.js +0 -25
  77. package/dist/es/pager/preventable-event.js +0 -29
  78. package/dist/es2015/index.d.ts +0 -13
  79. package/dist/es2015/index.js +0 -13
  80. package/dist/es2015/index.metadata.json +0 -1
  81. package/dist/es2015/pager/change-event-args.interface.js +0 -4
  82. package/dist/es2015/pager/localization/custom-messages.component.js +0 -36
  83. package/dist/es2015/pager/localization/localized-messages.directive.js +0 -31
  84. package/dist/es2015/pager/localization/messages.js +0 -52
  85. package/dist/es2015/pager/pager-info.component.js +0 -74
  86. package/dist/es2015/pager/pager-input.component.js +0 -113
  87. package/dist/es2015/pager/pager-next-buttons.component.js +0 -66
  88. package/dist/es2015/pager/pager-numeric-buttons.component.js +0 -158
  89. package/dist/es2015/pager/pager-page-sizes.component.d.ts +0 -150
  90. package/dist/es2015/pager/pager-prev-buttons.component.js +0 -66
  91. package/dist/fesm5/index.js +0 -1282
  92. package/dist/npm/index.js +0 -21
  93. package/dist/npm/main.js +0 -28
  94. package/dist/npm/package-metadata.js +0 -17
  95. package/dist/npm/pager/change-event-args.interface.js +0 -6
  96. package/dist/npm/pager/common/constants.js +0 -14
  97. package/dist/npm/pager/common/pager-type.js +0 -6
  98. package/dist/npm/pager/localization/custom-messages.component.js +0 -46
  99. package/dist/npm/pager/localization/localized-messages.directive.js +0 -37
  100. package/dist/npm/pager/localization/messages.js +0 -60
  101. package/dist/npm/pager/pager-context.service.js +0 -50
  102. package/dist/npm/pager/pager-element.component.js +0 -86
  103. package/dist/npm/pager/pager-info.component.js +0 -92
  104. package/dist/npm/pager/pager-input.component.js +0 -107
  105. package/dist/npm/pager/pager-next-buttons.component.js +0 -54
  106. package/dist/npm/pager/pager-numeric-buttons.component.js +0 -129
  107. package/dist/npm/pager/pager-page-sizes.component.js +0 -228
  108. package/dist/npm/pager/pager-prev-buttons.component.js +0 -54
  109. package/dist/npm/pager/pager-template.directive.js +0 -64
  110. package/dist/npm/pager/pager.component.js +0 -273
  111. package/dist/npm/pager/pager.module.js +0 -78
  112. package/dist/npm/pager/pagesize-item.interface.js +0 -6
  113. package/dist/npm/pager/pagesizechange-event.js +0 -27
  114. package/dist/npm/pager/preventable-event.js +0 -31
  115. package/dist/npm/util.js +0 -10
  116. 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
- * @hidden
6
+ * Generated bundle index. Do not edit.
7
7
  */
8
- export var DEFAULT_PAGE_SIZE_VALUES = [5, 10, 20];
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: 1646219327,
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 {};
@@ -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
+ }] } });
@@ -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 }]; } });