@osovitny/anatoly 2.14.77 → 2.14.79
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/esm2020/lib/ui/components/base/base.paged.page.mjs +5 -1
- package/esm2020/lib/ui/components/datapager/datapager.component.mjs +26 -3
- package/fesm2015/osovitny-anatoly.mjs +29 -2
- package/fesm2015/osovitny-anatoly.mjs.map +1 -1
- package/fesm2020/osovitny-anatoly.mjs +29 -2
- package/fesm2020/osovitny-anatoly.mjs.map +1 -1
- package/lib/ui/components/base/base.paged.page.d.ts +1 -0
- package/lib/ui/components/datapager/datapager.component.d.ts +8 -3
- package/package.json +1 -1
|
@@ -2449,29 +2449,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
|
|
|
2449
2449
|
*/
|
|
2450
2450
|
class DatapagerComponent {
|
|
2451
2451
|
constructor() {
|
|
2452
|
+
//Private
|
|
2453
|
+
this.defaultPageSizes = [5, 10, 20, 30, 50];
|
|
2454
|
+
//Public
|
|
2455
|
+
this.pageSizes = [];
|
|
2452
2456
|
//Inputs
|
|
2453
2457
|
this.totalItems = 0;
|
|
2454
2458
|
this.pageSize = 0;
|
|
2455
2459
|
this.skipItems = 0;
|
|
2460
|
+
this.pageSizeMax = 50;
|
|
2456
2461
|
//Outputs
|
|
2457
2462
|
this.pageChange = new EventEmitter();
|
|
2458
2463
|
}
|
|
2464
|
+
ngOnInit() {
|
|
2465
|
+
this.pageSizes = [];
|
|
2466
|
+
if (this.pageSizeDivisor) {
|
|
2467
|
+
for (let i = 3; i < this.pageSizeMax; i++) {
|
|
2468
|
+
let remainder = i % this.pageSizeDivisor;
|
|
2469
|
+
if (remainder > 0) {
|
|
2470
|
+
this.pageSizes.push(i);
|
|
2471
|
+
}
|
|
2472
|
+
}
|
|
2473
|
+
}
|
|
2474
|
+
else {
|
|
2475
|
+
this.pageSizes = this.defaultPageSizes;
|
|
2476
|
+
}
|
|
2477
|
+
}
|
|
2459
2478
|
//Events
|
|
2460
2479
|
onPageChange(e) {
|
|
2461
2480
|
this.pageChange.emit(e);
|
|
2462
2481
|
}
|
|
2463
2482
|
}
|
|
2464
2483
|
DatapagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: DatapagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2465
|
-
DatapagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: DatapagerComponent, selector: "anatoly-datapager", inputs: { totalItems: "totalItems", pageSize: "pageSize", skipItems: "skipItems" }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<kendo-datapager [total]='totalItems'\r\n [pageSize]='pageSize'\r\n [skip]='skipItems'\r\n (pageChange)='onPageChange($event)'>\r\n</kendo-datapager>", dependencies: [{ kind: "component", type: i1$6.PagerComponent, selector: "kendo-datapager", inputs: ["total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager"] }] });
|
|
2484
|
+
DatapagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: DatapagerComponent, selector: "anatoly-datapager", inputs: { totalItems: "totalItems", pageSize: "pageSize", skipItems: "skipItems", pageSizeDivisor: "pageSizeDivisor", pageSizeMax: "pageSizeMax" }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<kendo-datapager [total]='totalItems'\r\n [pageSize]='pageSize'\r\n [skip]='skipItems'\r\n [pageSizeValues]='pageSizes'\r\n (pageChange)='onPageChange($event)'>\r\n</kendo-datapager>", dependencies: [{ kind: "component", type: i1$6.PagerComponent, selector: "kendo-datapager", inputs: ["total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager"] }] });
|
|
2466
2485
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: DatapagerComponent, decorators: [{
|
|
2467
2486
|
type: Component,
|
|
2468
|
-
args: [{ selector: 'anatoly-datapager', template: "<kendo-datapager [total]='totalItems'\r\n [pageSize]='pageSize'\r\n [skip]='skipItems'\r\n (pageChange)='onPageChange($event)'>\r\n</kendo-datapager>" }]
|
|
2487
|
+
args: [{ selector: 'anatoly-datapager', template: "<kendo-datapager [total]='totalItems'\r\n [pageSize]='pageSize'\r\n [skip]='skipItems'\r\n [pageSizeValues]='pageSizes'\r\n (pageChange)='onPageChange($event)'>\r\n</kendo-datapager>" }]
|
|
2469
2488
|
}], ctorParameters: function () { return []; }, propDecorators: { totalItems: [{
|
|
2470
2489
|
type: Input
|
|
2471
2490
|
}], pageSize: [{
|
|
2472
2491
|
type: Input
|
|
2473
2492
|
}], skipItems: [{
|
|
2474
2493
|
type: Input
|
|
2494
|
+
}], pageSizeDivisor: [{
|
|
2495
|
+
type: Input
|
|
2496
|
+
}], pageSizeMax: [{
|
|
2497
|
+
type: Input
|
|
2475
2498
|
}], pageChange: [{
|
|
2476
2499
|
type: Output
|
|
2477
2500
|
}] } });
|
|
@@ -3621,6 +3644,10 @@ class BasePagedPage extends BasePage {
|
|
|
3621
3644
|
this.currentFilter = filter;
|
|
3622
3645
|
this.loadPageOne();
|
|
3623
3646
|
}
|
|
3647
|
+
//Tos
|
|
3648
|
+
toIndex(index) {
|
|
3649
|
+
return ((this.currentPage - 1) * this.pageSize) + index + 1;
|
|
3650
|
+
}
|
|
3624
3651
|
//Events
|
|
3625
3652
|
onPageChange(e) {
|
|
3626
3653
|
this.pageSize = e.take;
|