@osovitny/anatoly 2.14.78 → 2.14.79

package/fesm2020/osovitny-anatoly.mjs

@@ -2449,29 +2449,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 */
 class DatapagerComponent {
     constructor() {
+        //Private
+        this.defaultPageSizes = [5, 10, 20, 30, 50];
+        //Public
+        this.pageSizes = [];
         //Inputs
         this.totalItems = 0;
         this.pageSize = 0;
         this.skipItems = 0;
+        this.pageSizeMax = 50;
         //Outputs
         this.pageChange = new EventEmitter();
     }
+    ngOnInit() {
+        this.pageSizes = [];
+        if (this.pageSizeDivisor) {
+            for (let i = 3; i < this.pageSizeMax; i++) {
+                let remainder = i % this.pageSizeDivisor;
+                if (remainder > 0) {
+                    this.pageSizes.push(i);
+                }
+            }
+        }
+        else {
+            this.pageSizes = this.defaultPageSizes;
+        }
+    }
     //Events
     onPageChange(e) {
         this.pageChange.emit(e);
     }
 }
 DatapagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: DatapagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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"] }] });
+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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: DatapagerComponent, decorators: [{
             type: Component,
-            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>" }]
+            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>" }]
         }], ctorParameters: function () { return []; }, propDecorators: { totalItems: [{
                 type: Input
             }], pageSize: [{
                 type: Input
             }], skipItems: [{
                 type: Input
+            }], pageSizeDivisor: [{
+                type: Input
+            }], pageSizeMax: [{
+                type: Input
             }], pageChange: [{
                 type: Output
             }] } });