@osovitny/anatoly 2.14.85 → 2.14.87

package/fesm2020/osovitny-anatoly.mjs

@@ -2451,7 +2451,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 class DatapagerComponent {
     constructor() {
         //Private
-        this.defaultPageSizes = [5, 10, 20, 30];
+        this._defaultPageSizes = [5, 10, 20, 30];
         //Public
         this.pageSizes = [];
         //Inputs
@@ -2462,6 +2462,15 @@ class DatapagerComponent {
         //Outputs
         this.pageChange = new EventEmitter();
     }
+    get width() {
+        return this._width;
+    }
+    set width(value) {
+        this._width = value;
+        if (value) {
+            this.style = "width: " + value + "px";
+        }
+    }
     ngOnInit() {
         this.pageSizes = [];
         if (this.pageSizeDivisor) {
@@ -2473,7 +2482,7 @@ class DatapagerComponent {
             }
         }
         else {
-            this.pageSizes = this.defaultPageSizes;
+            this.pageSizes = this._defaultPageSizes;
         }
     }
     //Events
@@ -2482,22 +2491,22 @@ class DatapagerComponent {
     }
 }
 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", width: "width", pageSizeDivisor: "pageSizeDivisor", pageSizeMax: "pageSizeMax" }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<kendo-datapager [total]='totalItems'\r\n                 [skip]='skipItems'\r\n                 [pageSizeValues]='pageSizes'\r\n                 [style.width.px]='width'\r\n                 (pageChange)='onPageChange($event)'>\r\n                 [pageSize]='pageSize'\r\n</kendo-datapager>\r\n", 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", width: "width" }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<kendo-datapager [total]='totalItems'\r\n                 [pageSize]='pageSize'\r\n                 [pageSizeValues]='pageSizes'\r\n                 [skip]='skipItems'                 \r\n                 [style]='style'\r\n                 (pageChange)='onPageChange($event)'>\r\n</kendo-datapager>\r\n", 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                 [skip]='skipItems'\r\n                 [pageSizeValues]='pageSizes'\r\n                 [style.width.px]='width'\r\n                 (pageChange)='onPageChange($event)'>\r\n                 [pageSize]='pageSize'\r\n</kendo-datapager>\r\n" }]
+            args: [{ selector: 'anatoly-datapager', template: "<kendo-datapager [total]='totalItems'\r\n                 [pageSize]='pageSize'\r\n                 [pageSizeValues]='pageSizes'\r\n                 [skip]='skipItems'                 \r\n                 [style]='style'\r\n                 (pageChange)='onPageChange($event)'>\r\n</kendo-datapager>\r\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { totalItems: [{
                 type: Input
             }], pageSize: [{
                 type: Input
             }], skipItems: [{
                 type: Input
-            }], width: [{
-                type: Input
             }], pageSizeDivisor: [{
                 type: Input
             }], pageSizeMax: [{
                 type: Input
+            }], width: [{
+                type: Input
             }], pageChange: [{
                 type: Output
             }] } });