@rxap/schematic-angular 16.1.0-dev.9 → 16.1.1-dev.0

package/src/schematics/table/header-button/navigation-table-header-button/index.js

@@ -8,8 +8,9 @@ const angular_options_1 = require("../../../../lib/angular-options");
 const assert_table_component_exists_1 = require("../../../../lib/assert-table-component-exists");
 const index_1 = require("../../table-header-button/index");
 function NormalizeNavigationTableHeaderButtonOptions(options) {
+    var _a;
     const normalizedTableHeaderButtonOptions = (0, index_1.NormalizeTableHeaderButtonOptions)(options);
-    return Object.seal(Object.assign(Object.assign({}, normalizedTableHeaderButtonOptions), { route: options.route }));
+    return Object.freeze(Object.assign(Object.assign({}, normalizedTableHeaderButtonOptions), { route: options.route, relativeTo: (_a = options.relativeTo) !== null && _a !== void 0 ? _a : false }));
 }
 exports.NormalizeNavigationTableHeaderButtonOptions = NormalizeNavigationTableHeaderButtonOptions;
 function printOptions(options) {
@@ -17,7 +18,7 @@ function printOptions(options) {
 }
 function default_1(options) {
     const normalizedOptions = NormalizeNavigationTableHeaderButtonOptions(options);
-    const { refresh, confirm, tooltip, errorMessage, successMessage, tableName, project, feature, shared, directory, overwrite, route, } = normalizedOptions;
+    const { refresh, confirm, tooltip, errorMessage, successMessage, tableName, project, feature, shared, directory, overwrite, route, relativeTo, } = normalizedOptions;
     printOptions(normalizedOptions);
     return (host) => {
         (0, assert_table_component_exists_1.AssertTableComponentExists)(host, normalizedOptions);
@@ -38,23 +39,44 @@ function default_1(options) {
                 successMessage,
                 tsMorphTransform: (project, sourceFile, classDeclaration) => {
                     const [constructorDeclaration] = (0, schematics_ts_morph_1.CoerceClassConstructor)(classDeclaration);
-                    (0, schematics_ts_morph_1.CoerceParameterDeclaration)(constructorDeclaration, 'route', {
+                    if (relativeTo) {
+                        (0, schematics_ts_morph_1.CoerceParameterDeclaration)(constructorDeclaration, 'route', {
+                            isReadonly: true,
+                            scope: ts_morph_1.Scope.Private,
+                            type: 'ActivatedRoute',
+                        });
+                        (0, schematics_ts_morph_1.CoerceImports)(sourceFile, [
+                            {
+                                moduleSpecifier: '@angular/router',
+                                namedImports: ['ActivatedRoute'],
+                            },
+                        ]);
+                    }
+                    (0, schematics_ts_morph_1.CoerceParameterDeclaration)(constructorDeclaration, 'router', {
                         isReadonly: true,
                         scope: ts_morph_1.Scope.Private,
-                        type: 'ActivatedRoute',
+                        type: 'Router',
                     });
                     (0, schematics_ts_morph_1.CoerceImports)(sourceFile, [
                         {
                             moduleSpecifier: '@angular/router',
-                            namedImports: ['ActivatedRoute'],
+                            namedImports: ['Router'],
                         },
                     ]);
-                    return {
-                        statements: [`return this.router.navigate('${route}', { route: this.route })`],
-                    };
+                    if (relativeTo) {
+                        return {
+                            statements: [`return this.router.navigate(['${route}'], { relativeTo: this.route })`],
+                        };
+                    }
+                    else {
+                        return {
+                            statements: [`return this.router.navigate(['${route}'])`],
+                        };
+                    }
                 },
             }),
             () => console.groupEnd(),
+            () => console.log('\x1b[32m[/@rxap/schematics-angular:navigation-table-header-button]\x1b[0m'),
         ]);
     };
 }

package/src/schematics/table/header-button/navigation-table-header-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/schematic/angular/src/schematics/table/header-button/navigation-table-header-button/index.ts"],"names":[],"mappings":";;;AAAA,2DAGoC;AACpC,mEAKmC;AAEnC,uCAAiC;AACjC,qEAGyC;AACzC,iGAA2F;AAE3F,2DAAoF;AAKpF,SAAgB,2CAA2C,CACzD,OAAqD;IAErD,MAAM,kCAAkC,GAAG,IAAA,yCAAiC,EAAC,OAAO,CAAC,CAAC;IACtF,OAAO,MAAM,CAAC,IAAI,iCACb,kCAAkC,KACrC,KAAK,EAAE,OAAO,CAAC,KAAK,IACpB,CAAC;AACL,CAAC;AARD,kGAQC;AAED,SAAS,YAAY,CAAC,OAAqD;IACzE,IAAA,qCAAmB,EAAC,gCAAgC,EAAE,OAAO,CAAC,CAAC;AACjE,CAAC;AAED,mBAAyB,OAA2C;IAClE,MAAM,iBAAiB,GAAG,2CAA2C,CAAC,OAAO,CAAC,CAAC;IAC/E,MAAM,EACJ,OAAO,EACP,OAAO,EACP,OAAO,EACP,YAAY,EACZ,cAAc,EACd,SAAS,EACT,OAAO,EACP,OAAO,EACP,MAAM,EACN,SAAS,EACT,SAAS,EACT,KAAK,GACN,GAAG,iBAAiB,CAAC;IAEtB,YAAY,CAAC,iBAAiB,CAAC,CAAC;IAEhC,OAAO,CAAC,IAAU,EAAE,EAAE;QAEpB,IAAA,0DAA0B,EAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;QAEpD,OAAO,IAAA,kBAAK,EAAC;YACX,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,0EAA0E,CAAC;YAC/F,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,uCAAuC,CAAC;YAC1D,IAAA,uDAAiC,EAAC;gBAChC,OAAO;gBACP,OAAO;gBACP,MAAM;gBACN,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,YAAY;gBACZ,cAAc;gBACd,gBAAgB,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE;oBAC1D,MAAM,CAAE,sBAAsB,CAAE,GAAG,IAAA,4CAAsB,EAAC,gBAAgB,CAAC,CAAC;oBAC5E,IAAA,gDAA0B,EAAC,sBAAsB,EAAE,OAAO,EAAE;wBAC1D,UAAU,EAAE,IAAI;wBAChB,KAAK,EAAE,gBAAK,CAAC,OAAO;wBACpB,IAAI,EAAE,gBAAgB;qBACvB,CAAC,CAAC;oBACH,IAAA,mCAAa,EAAC,UAAU,EAAE;wBACxB;4BACE,eAAe,EAAE,iBAAiB;4BAClC,YAAY,EAAE,CAAE,gBAAgB,CAAE;yBACnC;qBACF,CAAC,CAAC;oBACH,OAAO;wBACL,UAAU,EAAE,CAAE,gCAAiC,KAAM,2BAA2B,CAAE;qBACnF,CAAC;gBACJ,CAAC;aACF,CAAC;YACF,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE;SACzB,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC;AA3DD,4BA2DC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/schematic/angular/src/schematics/table/header-button/navigation-table-header-button/index.ts"],"names":[],"mappings":"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"}

package/src/schematics/table/header-button/navigation-table-header-button/schema.d.ts

@@ -3,4 +3,5 @@ import { TableHeaderButtonOptions } from '../../table-header-button/schema';
 
 export interface NavigationTableHeaderButtonOptions extends TableHeaderButtonOptions {
   route: string;
+  relativeTo: boolean;
 }

package/src/schematics/table/header-button/navigation-table-header-button/schema.json

@@ -68,18 +68,20 @@
     "svgIcon": {
       "type": "string"
     },
-    "options": {
-      "type": "object",
-      "additionalProperties": true
-    },
     "route": {
       "type": "string",
       "description": "The route path for the table action"
+    },
+    "relativeTo": {
+      "type": "boolean",
+      "description": "Indicates if the route path should be relative to the current activated route",
+      "default": false
     }
   },
   "required": [
-    "route",
+    "options",
     "project",
-    "feature"
+    "feature",
+    "route"
   ]
 }

package/src/schematics/table/table-action/index.js

@@ -12,7 +12,7 @@ function NormalizeTableActionOptions(options) {
     const normalizedAngularOptions = (0, angular_options_1.NormalizeAngularOptions)(options);
     const normalizedTableRowAction = (0, table_row_action_1.NormalizeTableRowAction)(options);
     const tableName = (0, schematics_utilities_1.CoerceSuffix)((0, schematics_utilities_1.dasherize)(options.tableName), '-table');
-    return Object.seal(Object.assign(Object.assign(Object.assign({}, normalizedTableRowAction), normalizedAngularOptions), { tableName }));
+    return Object.freeze(Object.assign(Object.assign(Object.assign({}, normalizedTableRowAction), normalizedAngularOptions), { tableName }));
 }
 exports.NormalizeTableActionOptions = NormalizeTableActionOptions;
 function printOptions(options) {

package/src/schematics/table/table-action/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/schematic/angular/src/schematics/table/table-action/index.ts"],"names":[],"mappings":";;;AAAA,2DAGoC;AACpC,mEAAkE;AAClE,qEAGoC;AAEpC,+BAA4B;AAC5B,kEAIsC;AACtC,8FAAwF;AACxF,oEAAwE;AAKxE,SAAgB,2BAA2B,CACzC,OAAqC;IAErC,MAAM,wBAAwB,GAAG,IAAA,yCAAuB,EAAC,OAAO,CAAC,CAAC;IAClE,MAAM,wBAAwB,GAAG,IAAA,0CAAuB,EAAC,OAAO,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,IAAA,mCAAY,EAAC,IAAA,gCAAS,EAAC,OAAO,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,CAAC;IACvE,OAAO,MAAM,CAAC,IAAI,+CACb,wBAAwB,GACxB,wBAAwB,KAC3B,SAAS,IACT,CAAC;AACL,CAAC;AAXD,kEAWC;AAED,SAAS,YAAY,CAAC,OAAqC;IACzD,IAAA,qCAAmB,EAAC,cAAc,EAAE,OAAO,CAAC,CAAC;AAC/C,CAAC;AAED,mBAAyB,OAA2B;IAClD,MAAM,iBAAiB,GAAG,2BAA2B,CAAC,OAAO,CAAC,CAAC;IAC/D,MAAM,EACJ,OAAO,EACP,OAAO,EACP,OAAO,EACP,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,aAAa,EACb,SAAS,EACT,OAAO,EACP,OAAO,EACP,SAAS,EACT,IAAI,GACL,GAAG,iBAAiB,CAAC;IAEtB,YAAY,CAAC,iBAAiB,CAAC,CAAC;IAEhC,OAAO,CAAC,IAAU,EAAE,EAAE;QAEpB,IAAA,0DAA0B,EAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;QAEpD,OAAO,IAAA,kBAAK,EAAC;YACX,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,wDAAwD,CAAC;YAC7E,IAAA,2CAAqB,EAAC;gBACpB,SAAS,EAAE,IAAA,WAAI,EAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,CAAC;gBACrD,IAAI;gBACJ,SAAS;gBACT,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,YAAY;gBACZ,cAAc;gBACd,QAAQ;gBACR,aAAa;gBACb,OAAO;gBACP,OAAO;aACR,CAAC;YACF,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE;SACzB,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC;AA1CD,4BA0CC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/schematic/angular/src/schematics/table/table-action/index.ts"],"names":[],"mappings":";;;AAAA,2DAGoC;AACpC,mEAAkE;AAClE,qEAGoC;AAEpC,+BAA4B;AAC5B,kEAIsC;AACtC,8FAAwF;AACxF,oEAAwE;AAKxE,SAAgB,2BAA2B,CACzC,OAAqC;IAErC,MAAM,wBAAwB,GAAG,IAAA,yCAAuB,EAAC,OAAO,CAAC,CAAC;IAClE,MAAM,wBAAwB,GAAG,IAAA,0CAAuB,EAAC,OAAO,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,IAAA,mCAAY,EAAC,IAAA,gCAAS,EAAC,OAAO,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,CAAC;IACvE,OAAO,MAAM,CAAC,MAAM,+CACf,wBAAwB,GACxB,wBAAwB,KAC3B,SAAS,IACT,CAAC;AACL,CAAC;AAXD,kEAWC;AAED,SAAS,YAAY,CAAC,OAAqC;IACzD,IAAA,qCAAmB,EAAC,cAAc,EAAE,OAAO,CAAC,CAAC;AAC/C,CAAC;AAED,mBAAyB,OAA2B;IAClD,MAAM,iBAAiB,GAAG,2BAA2B,CAAC,OAAO,CAAC,CAAC;IAC/D,MAAM,EACJ,OAAO,EACP,OAAO,EACP,OAAO,EACP,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,aAAa,EACb,SAAS,EACT,OAAO,EACP,OAAO,EACP,SAAS,EACT,IAAI,GACL,GAAG,iBAAiB,CAAC;IAEtB,YAAY,CAAC,iBAAiB,CAAC,CAAC;IAEhC,OAAO,CAAC,IAAU,EAAE,EAAE;QAEpB,IAAA,0DAA0B,EAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;QAEpD,OAAO,IAAA,kBAAK,EAAC;YACX,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,wDAAwD,CAAC;YAC7E,IAAA,2CAAqB,EAAC;gBACpB,SAAS,EAAE,IAAA,WAAI,EAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,CAAC;gBACrD,IAAI;gBACJ,SAAS;gBACT,OAAO;gBACP,OAAO;gBACP,OAAO;gBACP,YAAY;gBACZ,cAAc;gBACd,QAAQ;gBACR,aAAa;gBACb,OAAO;gBACP,OAAO;aACR,CAAC;YACF,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE;SACzB,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC;AA1CD,4BA0CC"}

package/src/schematics/table/table-action/schema.json

@@ -65,6 +65,14 @@
       "type": "string",
       "description": "The check function for the table action"
     },
+    "color": {
+      "type": "string",
+      "description": "Value for the color input of the mat-button / mat-icon component"
+    },
+    "cssClass": {
+      "type": "string",
+      "description": "Additional CSS classes added to the button element"
+    },
     "priority": {
       "type": "number",
       "description": "The priority of the table action"

package/src/schematics/table/table-component/files/component/__componentName__.component.html.template

@@ -12,7 +12,7 @@
         rxapCardProgressBar
         [loading$]="tableDataSourceDirective.loading$"
       ></mat-progress-bar>
-      <mat-card-header class="min-h-full h-12">
+      <mat-card-header class="min-h-full h-12<% if (!headerButton && hasWithoutTitle) { %> justify-end<% } %>">
       <% if (!hasWithoutTitle) { %>
       <mat-card-title i18n><%= title %></mat-card-title>
       <% } %>
@@ -30,7 +30,7 @@
       </button>
       <mat-card-subtitle i18n><%= headerButton.label %></mat-card-subtitle>
       <% } %>
-      <rxap-table-column-menu matCard #rxapTableColumns="rxapTableColumns" [ngClass]="{ 'hidden': tableDataSourceDirective.hasError$ | async }">
+      <rxap-table-column-menu matCard #rxapTableColumns="rxapTableColumns" <% if (!headerButton && hasWithoutTitle) { %>inline<% } %>>
         <% if (selectColumn) { %>
         <rxap-table-column-option hidden name="select">
           <ng-container i18n>Select</ng-container>
@@ -47,12 +47,14 @@
           <ng-container i18n>Actions</ng-container>
         </rxap-table-column-option>
         <% } %>
+        <% if (hasShowArchivedSlide) { %>
         <mat-divider></mat-divider>
         <span mat-menu-item>
           <rxap-table-show-archived-slide
             [paginator]="paginator"
           ></rxap-table-show-archived-slide>
         </span>
+        <% } %>
       </rxap-table-column-menu>
        </mat-card-header>
 
@@ -63,7 +65,7 @@
           *ngIf="tableDataSourceDirective.hasError$ | async"
           [refresh]="tableDataSourceDirective.retry">
         </rxap-data-source-error>
-        <div class="table-scroll-container mt-4 overflow-x-auto overscroll-contain">
+        <div class="table-scroll-container mt-4 overflow-x-auto overscroll-auto">
         <table
           [ngClass]="{ 'hidden': tableDataSourceDirective.hasError$ | async }"
           [paginator]="paginator"
@@ -88,23 +90,6 @@
             ></td>
           </ng-container>
           <% } %>
-          <ng-container matColumnDef="removedAt">
-            <th mat-header-cell *matHeaderCellDef>
-              <ng-container i18n>Removed at</ng-container>
-            </th>
-            <td
-              mat-cell
-              [rxap-date-cell]="element.__removedAt"
-              *matCellDef="let element"
-            ></td>
-          </ng-container>
-          <ng-container matColumnDef="uuid">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header>
-              <ng-container i18n>UUID</ng-container>
-            </th>
-
-            <td mat-cell *matCellDef="let element">{{ element?.uuid }}</td>
-          </ng-container>
           <% if (actionList.length) { %>
           <ng-container matColumnDef="actions" stickyEnd>
             <th mat-header-cell *matHeaderCellDef>
@@ -115,6 +100,8 @@
                 <button
                   rxapTableRowHeaderAction="<%= action.type %>"
                   mat-icon-button
+                   <% if (action.color) { %>color="<%= action.color %>"<% } %>
+                   <% if (action.cssClass) { %>class="<%= action.cssClass %>"<% } %>
                   *ngIf="selected | rxapRowActionCheck:'<%= action.type %>'"
                   <% if (action.permission) { %>rxapHasEnablePermission="<%= action.permission %>"<% } %>
                   matTooltip
@@ -137,6 +124,8 @@
                 <button
                   rxapTableRowAction="<%= action.type %>"
                   [element]="element"
+                   <% if (action.color) { %>color="<%= action.color %>"<% } %>
+                   <% if (action.cssClass) { %>class="<%= action.cssClass %>"<% } %>
                   mat-icon-button
                   *ngIf="element | rxapRowActionCheck:'<%= action.type %>'"
                   <% if (action.permission) { %>rxapHasEnablePermission="<%= action.permission %>"<% } %>
@@ -154,51 +143,51 @@
           </ng-container>
           <% } %>
           <% for (const column of columnList) { %>
-          <% if (column.type === 'copy-to-clipboard') { %>
+          <% if (column.role === 'copy-to-clipboard') { %>
           <ng-container matColumnDef="<%= column.name %>">
             <th mat-header-cell *matHeaderCellDef mat-sort-header>
               <ng-container i18n><%= column.title %></ng-container>
             </th>
-            <td *matCellDef="let element" mat-cell [rxap-copy-to-clipboard-cell]="element?.<%= column.propertyPath %>"></td>
+            <td *matCellDef="let element" mat-cell <% if (column.cssClass) { %>class="<%= column.cssClass %>"<% } %> [rxap-copy-to-clipboard-cell]="element?.<%= column.propertyPath %>"></td>
           </ng-container>
-          <% } else if (column.type === 'link') { %>
+          <% } else if (column.role === 'link') { %>
           <ng-container matColumnDef="<%= column.name %>">
             <th mat-header-cell *matHeaderCellDef mat-sort-header>
               <ng-container i18n><%= column.title %></ng-container>
             </th>
-            <td *matCellDef="let element" mat-cell [rxap-link-cell]="element?.<%= column.propertyPath %>"></td>
+            <td *matCellDef="let element" mat-cell <% if (column.cssClass) { %>class="<%= column.cssClass %>"<% } %> [rxap-link-cell]="element?.<%= column.propertyPath %>"></td>
           </ng-container>
-          <% } else if (column.type === 'date') { %>
+          <% } else if (column.role === 'date') { %>
           <ng-container matColumnDef="<%= column.name %>">
             <th mat-header-cell *matHeaderCellDef mat-sort-header>
               <ng-container i18n><%= column.title %></ng-container>
             </th>
 
-            <td *matCellDef="let element" mat-cell [rxap-date-cell]="element?.<%= column.propertyPath %>" format="dd.MM.yyyy HH:mm:ss"></td>
+            <td *matCellDef="let element" mat-cell <% if (column.cssClass) { %>class="<%= column.cssClass %>"<% } %> [rxap-date-cell]="element?.<%= column.propertyPath %>" format="dd.MM.yyyy HH:mm:ss"></td>
           </ng-container>
-          <% } else if (column.type === 'boolean') { %>
+          <% } else if (column.role === 'boolean') { %>
           <ng-container matColumnDef="<%= column.name %>">
             <th mat-header-cell *matHeaderCellDef mat-sort-header>
               <ng-container i18n><%= column.title %></ng-container>
             </th>
 
-            <td *matCellDef="let element" mat-cell [rxap-boolean-cell]="element?.<%= column.propertyPath %>"></td>
+            <td *matCellDef="let element" mat-cell <% if (column.cssClass) { %>class="<%= column.cssClass %>"<% } %> [rxap-boolean-cell]="element?.<%= column.propertyPath %>"></td>
           </ng-container>
-          <% } else if (column.type === 'icon') { %>
+          <% } else if (column.role === 'icon') { %>
           <ng-container matColumnDef="<%= column.name %>">
             <th mat-header-cell *matHeaderCellDef mat-sort-header>
               <ng-container i18n><%= column.title %></ng-container>
             </th>
 
-            <td *matCellDef="let element" mat-cell [rxap-icon-cell]="element?.<%= column.propertyPath %>"></td>
+            <td *matCellDef="let element" mat-cell <% if (column.cssClass) { %>class="<%= column.cssClass %>"<% } %> [rxap-icon-cell]="element?.<%= column.propertyPath %>"></td>
           </ng-container>
-          <% } else if (column.type === 'component') { %>
+          <% } else if (column.role === 'component') { %>
           <ng-container matColumnDef="<%= column.name %>">
             <th mat-header-cell *matHeaderCellDef mat-sort-header>
               <ng-container i18n><%= column.title %></ng-container>
             </th>
 
-            <td *matCellDef="let element" mat-cell rxap-<%= column.name %>-cell [element]="element" [value]="element?.<%= column.propertyPath %>"></td>
+            <td *matCellDef="let element" mat-cell <% if (column.cssClass) { %>class="<%= column.cssClass %>"<% } %> <%= prefix %>-<%= column.name %>-cell [element]="element" [value]="element?.<%= column.propertyPath %>"></td>
           </ng-container>
           <% } else { %>
           <ng-container matColumnDef="<%= column.name %>">
@@ -206,7 +195,15 @@
               <ng-container i18n><%= column.title %></ng-container>
             </th>
 
-            <td mat-cell *matCellDef="let element">{{ element?.<%= column.propertyPath %> }}</td>
+            <td mat-cell <% if (column.cssClass) { %>class="<%= column.cssClass %>"<% } %> *matCellDef="let element">
+            <% if (column.template) { %>
+            <%= column.template %>
+            <% } else if (column.pipeList.length) { %>
+            {{ element?.<%= column.propertyPath %><% for (const pipe of column.pipeList) { %> | <%= pipe.name %><% } %> }}
+            <% } else { %>
+            {{ element?.<%= column.propertyPath %> }}
+            <% } %>
+            </td>
           </ng-container>
           <% } %>
           <% } %>
@@ -219,12 +216,6 @@
             <th mat-header-cell *matHeaderCellDef></th>
           </ng-container>
           <% } %>
-          <ng-container matColumnDef="filter_removedAt">
-            <th mat-header-cell *matHeaderCellDef></th>
-          </ng-container>
-          <ng-container matColumnDef="filter_uuid">
-            <th mat-header-cell *matHeaderCellDef></th>
-          </ng-container>
           <% if (actionList.length) { %>
           <ng-container matColumnDef="filter_actions" stickyEnd>
             <th mat-header-cell *matHeaderCellDef></th>
@@ -244,7 +235,7 @@
                 <ng-container i18n><%= column.title %></ng-container>
               </mat-checkbox>
               <% } else { %>
-              <mat-form-field class="w-100 pt-3">
+              <mat-form-field class="w-full pt-3">
                 <mat-label i18n><%= column.title %></mat-label>
                 <input
                   matInput

package/src/schematics/table/table-component/files/component/__componentName__.component.ts.template

@@ -14,13 +14,11 @@ import {
   TableColumnMenuModule, TableHeaderButtonDirective,
   TableDataSourceDirective,
   TableFilterModule, TableRowActionsModule,
-  TableRowControlsModule,
 } from '@rxap/material-table-system';
 import { MatCardModule } from '@angular/material/card';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import { CardProgressBarDirective } from '@rxap/material-directives/card';
 import { MatTableModule } from '@angular/material/table';
-import { FlexLayoutModule } from '@angular/flex-layout';
 import { RxapFormsModule } from '@rxap/forms';
 import { ReactiveFormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
@@ -40,6 +38,14 @@ import { CommonModule } from '@angular/common';
 import { DataSourceErrorComponent } from '@rxap/data-source';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
+<% for (const column of columnList) { %>
+<% if (column.role === 'component') { %>
+import { <%= classify(column.name) %>CellComponent } from './<%= dasherize(column.name) %>-cell/<%= dasherize(column.name) %>-cell.component';
+<% } %>
+<% for (const pipe of column.pipeList) { %>
+import { <%= pipe.namedImport %> } from '<%= pipe.moduleSpecifier %>';
+<% } %>
+<% } %>
 
 @Component({
   selector:        '<%= prefix %>-<%= name %>-table',
@@ -49,12 +55,19 @@ import { MatSnackBarModule } from '@angular/material/snack-bar';
   animations: [ RowAnimation ],
   standalone: true,
   imports: [
+  <% for (const column of columnList) { %>
+  <% if (column.role === 'component') { %>
+  <%= classify(column.name) %>CellComponent,
+  <% } %>
+  <% for (const pipe of column.pipeList) { %>
+  <%= pipe.namedImport %>,
+  <% } %>
+  <% } %>
     CommonModule,
     MatCardModule,
     MatProgressBarModule,
     CardProgressBarDirective,
     MatTableModule,
-    FlexLayoutModule,
     TableDataSourceDirective,
     TableFilterModule,
     RxapFormsModule,
@@ -65,7 +78,6 @@ import { MatSnackBarModule } from '@angular/material/snack-bar';
     <% if (hasNavigationBackHeader) { %>
     NavigateBackButtonComponent,
     <% } %>
-    TableRowControlsModule,
     TableColumnMenuModule,
     DateCellComponent,
 
@@ -97,4 +109,4 @@ export class <%= classify(componentName) %>Component {
 
 }
 
-export default <%= classify(name) %>TableComponent;
+<% if (exportDefault) { %>export default <%= classify(name) %>TableComponent;<% } %>

package/src/schematics/table/table-component/index.d.ts

@@ -1,18 +1,16 @@
 import { Rule } from '@angular-devkit/schematics';
-import { FormDefinitionControl, GetPageOperationColumn } from '@rxap/schematics-ts-morph';
+import { FormDefinitionControl, GetPageOperationProperty } from '@rxap/schematics-ts-morph';
 import { Normalized } from '@rxap/utilities';
 import { NormalizedAngularOptions } from '../../../lib/angular-options';
-import { NormalizedTableAction } from '../../../lib/table-action';
 import { NormalizedTableColumn } from '../../../lib/table-column';
 import { NormalizedTableOptions } from '../../../lib/table-options';
+import { NormalizedTableProperty } from '../../../lib/table-property';
 import { TableComponentOptions } from './schema';
-export interface NormalizedTableComponentOptions extends Readonly<Normalized<TableComponentOptions> & NormalizedTableOptions & NormalizedAngularOptions> {
-    name: string;
-    controllerName: string;
-    columnList: NormalizedTableColumn[];
-    actionList: NormalizedTableAction[];
+export interface NormalizedTableComponentOptions extends Readonly<Normalized<Omit<TableComponentOptions, keyof NormalizedTableOptions>> & NormalizedTableOptions & NormalizedAngularOptions> {
+    readonly name: string;
+    readonly controllerName: string;
 }
 export declare function NormalizeTableComponentOptions(options: Readonly<TableComponentOptions>): NormalizedTableComponentOptions;
-export declare function TableColumnToGetPageOperationColumn(column: NormalizedTableColumn): GetPageOperationColumn;
+export declare function TableColumnListAndPropertyListToGetPageOperationPropertyList(columnList: ReadonlyArray<NormalizedTableColumn>, propertyList: ReadonlyArray<NormalizedTableProperty>): GetPageOperationProperty[];
 export declare function TableColumnToFormControl(column: NormalizedTableColumn): FormDefinitionControl;
 export default function (options: TableComponentOptions): () => Rule;

package/src/schematics/table/table-component/index.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableColumnToFormControl = exports.TableColumnToGetPageOperationColumn = exports.NormalizeTableComponentOptions = void 0;
+exports.TableColumnToFormControl = exports.TableColumnListAndPropertyListToGetPageOperationPropertyList = exports.NormalizeTableComponentOptions = void 0;
 const schematics_1 = require("@angular-devkit/schematics");
 const schematics_ts_morph_1 = require("@rxap/schematics-ts-morph");
 const schematics_utilities_1 = require("@rxap/schematics-utilities");
+const ts_morph_1 = require("@rxap/ts-morph");
 const utilities_1 = require("@rxap/utilities");
-const ts_morph_1 = require("ts-morph");
+const ts_morph_2 = require("ts-morph");
 const angular_options_1 = require("../../../lib/angular-options");
 const backend_types_1 = require("../../../lib/backend-types");
 const minimum_table_component_options_1 = require("../../../lib/minimum-table-component-options");
@@ -22,23 +23,36 @@ function NormalizeTableComponentOptions(options) {
             throw new Error('openApi options must be provided. If backend is open-api');
         }
     }
-    return Object.seal(Object.assign(Object.assign({}, normalizedMinimumTableComponentOptions), normalizedTableOptions));
+    return Object.freeze(Object.assign(Object.assign({}, normalizedMinimumTableComponentOptions), normalizedTableOptions));
 }
 exports.NormalizeTableComponentOptions = NormalizeTableComponentOptions;
-function TableColumnToGetPageOperationColumn(column) {
-    var _a, _b;
-    return {
-        name: column.name,
-        type: (_a = column.type) !== null && _a !== void 0 ? _a : undefined,
-        source: (_b = column.propertyPath) !== null && _b !== void 0 ? _b : undefined,
-    };
+function TableColumnListAndPropertyListToGetPageOperationPropertyList(columnList, propertyList) {
+    var _a, _b, _c, _d;
+    const list = [];
+    for (const column of columnList) {
+        list.push({
+            name: column.name,
+            type: (_a = column.type) !== null && _a !== void 0 ? _a : undefined,
+            source: (_b = column.propertyPath) !== null && _b !== void 0 ? _b : undefined,
+        });
+    }
+    for (const property of propertyList) {
+        if (!list.find((p) => p.source === property.name)) {
+            list.push({
+                name: property.name,
+                type: (_c = property.type) !== null && _c !== void 0 ? _c : undefined,
+                source: (_d = property.name) !== null && _d !== void 0 ? _d : undefined,
+            });
+        }
+    }
+    return list;
 }
-exports.TableColumnToGetPageOperationColumn = TableColumnToGetPageOperationColumn;
+exports.TableColumnListAndPropertyListToGetPageOperationPropertyList = TableColumnListAndPropertyListToGetPageOperationPropertyList;
 function TableColumnToFormControl(column) {
-    var _a;
+    var _a, _b;
     return {
         name: column.name,
-        type: (_a = column.type) !== null && _a !== void 0 ? _a : undefined,
+        type: (_b = (_a = column.type) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : undefined,
     };
 }
 exports.TableColumnToFormControl = TableColumnToFormControl;
@@ -59,7 +73,7 @@ function printOptions(options) {
 }
 function componentRule(normalizedOptions) {
     const { project, feature, shared, directory, overwrite, modifiers, columnList, tableMethod, componentName, } = normalizedOptions;
-    const templateOptions = Object.assign(Object.assign({}, normalizedOptions), { hasNavigationBackHeader: modifiers.includes('navigation-back-header'), hasWithoutTitle: modifiers.includes('without-title'), hasColumnWithFilter: columnList.some((c) => c.hasFilter) });
+    const templateOptions = Object.assign(Object.assign({}, normalizedOptions), { hasNavigationBackHeader: modifiers.includes('navigation-back-header'), hasWithoutTitle: modifiers.includes('without-title'), hasColumnWithFilter: columnList.some((c) => c.hasFilter), hasShowArchivedSlide: modifiers.includes('show-archived-slide'), exportDefault: !!feature && !directory });
     return (0, schematics_1.chain)([
         () => console.log(`Coerce the table component '${componentName}'`),
         (0, schematics_ts_morph_1.CoerceComponentRule)({
@@ -76,12 +90,9 @@ function componentRule(normalizedOptions) {
                 if (tableMethod) {
                     (0, schematics_ts_morph_1.AddComponentProvider)(componentSourceFile, {
                         provide: 'RXAP_TABLE_METHOD',
-                        useClass: tableMethod.className,
+                        useClass: tableMethod.name,
                     }, [
-                        {
-                            namedImports: [tableMethod.className],
-                            moduleSpecifier: tableMethod.importPath,
-                        },
+                        (0, ts_morph_1.TypeImportToImportStructure)(tableMethod),
                         {
                             namedImports: ['RXAP_TABLE_METHOD'],
                             moduleSpecifier: '@rxap/material-table-system',
@@ -200,16 +211,13 @@ function openApiBackendRule(normalizedOptions) {
                 if (openApi.adapter) {
                     (0, schematics_ts_morph_1.AddComponentProvider)(sourceFile, {
                         provide: 'TABLE_REMOTE_METHOD_ADAPTER_FACTORY',
-                        useValue: openApi.adapter.className,
+                        useValue: openApi.adapter.name,
                     }, [
                         {
                             moduleSpecifier: '@rxap/material-table-system',
                             namedImports: ['TABLE_REMOTE_METHOD_ADAPTER_FACTORY'],
                         },
-                        {
-                            moduleSpecifier: openApi.adapter.importPath,
-                            namedImports: [openApi.adapter.className],
-                        },
+                        (0, ts_morph_1.TypeImportToImportStructure)(openApi.adapter),
                     ]);
                 }
                 (0, schematics_ts_morph_1.AddComponentProvider)(sourceFile, {
@@ -230,7 +238,7 @@ function openApiBackendRule(normalizedOptions) {
     ]);
 }
 function nestjsBackendRule(normalizedOptions) {
-    const { project, feature, shared, columnList, context, nestModule, componentName, directory, overwrite, scope, controllerName, } = normalizedOptions;
+    const { project, feature, shared, columnList, propertyList, context, nestModule, componentName, directory, overwrite, scope, controllerName, } = normalizedOptions;
     const operationId = (0, schematics_ts_morph_1.buildOperationId)(normalizedOptions, 'get-page', controllerName);
     return (0, schematics_1.chain)([
         () => console.log(`Coerce the getPage operation for the table`),
@@ -240,7 +248,7 @@ function nestjsBackendRule(normalizedOptions) {
             project,
             feature,
             shared,
-            columnList: columnList.map(TableColumnToGetPageOperationColumn),
+            propertyList: TableColumnListAndPropertyListToGetPageOperationPropertyList(columnList, propertyList),
             context,
         }),
         () => console.log('Add the open api methods to the table component providers'),
@@ -261,7 +269,7 @@ function nestjsBackendRule(normalizedOptions) {
                         namedImports: ['TABLE_REMOTE_METHOD_ADAPTER_FACTORY'],
                     },
                     {
-                        moduleSpecifier: '@rxap/table-system',
+                        moduleSpecifier: '@rxap/open-api/remote-method',
                         namedImports: ['GetPageAdapterFactory'],
                     },
                 ]);
@@ -374,7 +382,7 @@ function selectColumnRule(normalizedOptions) {
                     ]);
                     (0, schematics_ts_morph_1.AddComponentProvider)(sourceFile, {
                         provide: 'RXAP_MATERIAL_TABLE_SYSTEM_SELECT_ROW_OPTIONS',
-                        useValue: ts_morph_1.Writers.object({
+                        useValue: ts_morph_2.Writers.object({
                             multiple: 'true',
                         }),
                     }, [
@@ -404,6 +412,11 @@ function default_1(options) {
             (0, minimum_table_component_options_1.cellComponentRule)(normalizedOptions),
             (0, minimum_table_component_options_1.actionListRule)(normalizedOptions),
             selectColumnRule(normalizedOptions),
+            (0, schematics_utilities_1.AddPackageJsonDependencyRule)('@rxap/material-table-system', 'latest', { soft: true }),
+            (0, schematics_utilities_1.AddPackageJsonDependencyRule)('@rxap/material-form-system', 'latest', { soft: true }),
+            (0, schematics_utilities_1.AddPackageJsonDependencyRule)('@rxap/form-system', 'latest', { soft: true }),
+            (0, schematics_utilities_1.AddPackageJsonDependencyRule)('@rxap/window-system', 'latest', { soft: true }),
+            (0, schematics_utilities_1.AddPackageJsonDependencyRule)('@rxap/nest-dto', 'latest', { soft: true }),
             () => console.groupEnd(),
         ]);
     };