ng-tablekit 1.0.1 → 1.0.3

package/PUBLISHING.md

@@ -40,7 +40,7 @@ The package is configured for public npm distribution as `ng-tablekit`.
 5. Verify the public command from a clean Angular 19 workspace:
 
    ```bash
-   npx ng-tablekit@latest add report-page
+   npx --yes ng-tablekit add report-page
    ```
 
 For later releases, update the version with `npm version patch`, `minor`, or `major` before publishing. Never reuse an npm version that has already been published.

package/README.md

@@ -15,13 +15,13 @@ The CLI runs on Windows, macOS, and Linux. It detects the nearest Angular worksp
 Add a report page with filter, Excel export, PDF export, global search, sorting, and pagination:
 
 ```bash
-npx ng-tablekit@latest add report-page
+npx --yes ng-tablekit add report-page
 ```
 
 Or add a master page with global search, Add/Edit drawers, row actions, role mapping, sorting, and pagination:
 
 ```bash
-npx ng-tablekit@latest add master-page
+npx --yes ng-tablekit add master-page
 ```
 
 Then start the Angular application and open `/report-page` or `/master-page`.
@@ -38,9 +38,9 @@ The CLI automatically:
 ## Commands
 
 ```bash
-npx ng-tablekit@latest list
-npx ng-tablekit@latest --help
-npx ng-tablekit@latest --version
+npx --yes ng-tablekit list
+npx --yes ng-tablekit --help
+npx --yes ng-tablekit --version
 ```
 
 Options for `add`:
@@ -57,7 +57,7 @@ Options for `add`:
 Example with a custom destination and route:
 
 ```bash
-npx ng-tablekit@latest add master-page --path src/app/admin/users --route users
+npx --yes ng-tablekit add master-page --path src/app/admin/users --route users
 ```
 
 ## Optional project installation

package/bin/tablekit.mjs

@@ -71,8 +71,8 @@ function printHelp() {
   console.log(`TableKit CLI
 
 Usage:
-  npx ng-tablekit@latest list
-  npx ng-tablekit@latest add <report-page|master-page> [options]
+  npx --yes ng-tablekit list
+  npx --yes ng-tablekit add <report-page|master-page> [options]
 
 Options:
   --project <directory>  Angular workspace root (default: nearest parent workspace)
@@ -86,9 +86,9 @@ Options:
   -h, --help             Show this help
 
 Examples:
-  npx ng-tablekit@latest add report-page
-  npx ng-tablekit@latest add master-page --path src/app/admin/master-page
-  npx ng-tablekit@latest add report-page --skip-install
+  npx --yes ng-tablekit add report-page
+  npx --yes ng-tablekit add master-page --path src/app/admin/master-page
+  npx --yes ng-tablekit add report-page --skip-install
 `);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-tablekit",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Cross-platform CLI for adding Angular 19 and NG-ZORRO report and master table pages.",
   "type": "module",
   "license": "MIT",

package/src/app/templates/master-page/master-page.component.css

@@ -229,8 +229,11 @@
 /* Pagination */
 :host ::ng-deep .ant-pagination {
   margin-top: 12px !important;
+  margin-bottom: 0 !important;
   display: flex;
+  flex-wrap: wrap;
   justify-content: flex-end;
+  row-gap: 8px;
 }
 
 :host ::ng-deep .ant-pagination-item,

package/src/app/templates/master-page/master-page.component.html

@@ -63,7 +63,7 @@
   </form>
   }
   <nz-table #table nzBordered nzSize="small" [nzData]="records" [(nzPageIndex)]="pageIndex" [nzPageSize]="10"
-    [nzShowSizeChanger]="true" [nzPageSizeOptions]="pageSizeOptions" [nzScroll]="{ y: '55vh' }"
+    [nzShowSizeChanger]="true" [nzPageSizeOptions]="pageSizeOptions" [nzScroll]="{ x: '920px', y: tableScrollY }"
     (nzQueryParams)="onQueryParamsChange($event)">
     <thead>
       <tr>

package/src/app/templates/master-page/master-page.component.ts

@@ -90,6 +90,11 @@ export class MasterPageComponent {
   protected filterVisible = false;
   protected searchText = '';
   protected pageIndex = 1;
+  protected get tableScrollY(): string {
+    return this.filterVisible
+      ? 'clamp(120px, calc(100dvh - 640px), 38dvh)'
+      : 'clamp(140px, calc(100dvh - 430px), 52dvh)';
+  }
   private allRecords: TableRecord[] = TABLE_RECORDS.map(record => ({ ...record }));
   protected records: TableRecord[] = [...this.allRecords];
   protected currentSort: { key: string | null; value: string | null } = { key: null, value: null };

package/src/app/templates/report-page/report-page.component.css

@@ -229,8 +229,11 @@
 /* Pagination */
 :host ::ng-deep .ant-pagination {
   margin-top: 12px !important;
+  margin-bottom: 0 !important;
   display: flex;
+  flex-wrap: wrap;
   justify-content: flex-end;
+  row-gap: 8px;
 }
 
 :host ::ng-deep .ant-pagination-item,

package/src/app/templates/report-page/report-page.component.html

@@ -52,7 +52,7 @@
   </form>
   }
   <nz-table #table nzBordered nzSize="small" [nzData]="records" [(nzPageIndex)]="pageIndex" [nzPageSize]="10"
-    [nzShowSizeChanger]="true" [nzPageSizeOptions]="pageSizeOptions" [nzScroll]="{ y: '55vh' }"
+    [nzShowSizeChanger]="true" [nzPageSizeOptions]="pageSizeOptions" [nzScroll]="{ x: '770px', y: tableScrollY }"
     (nzQueryParams)="onQueryParamsChange($event)">
     <thead>
       <tr>@for(column of columns; track column.key){

package/src/app/templates/report-page/report-page.component.ts

@@ -59,6 +59,11 @@ export class ReportPageComponent {
   protected filterVisible = false;
   protected searchText = '';
   protected pageIndex = 1;
+  protected get tableScrollY(): string {
+    return this.filterVisible
+      ? 'clamp(120px, calc(100dvh - 640px), 38dvh)'
+      : 'clamp(140px, calc(100dvh - 430px), 52dvh)';
+  }
   protected records: TableRecord[] = TABLE_RECORDS;
   protected currentSort: { key: string | null; value: string | null } = { key: null, value: null };