[ADF-2322] Card view datatable and documentlist (#2968)

* move table in style

* Enable the cardview mode

* add button in demo shell to change view
add missing translation terms toolbar

* missing comma

* add example in demo shell

* style loading and images

* border card container

* document list tests

* test check class and input

* test fix

* fix test process services

* more documentation

* rirpristinate base pacakge integgration

* remove test color

docs/document-list.component.md

@@ -14,6 +14,7 @@ Displays the documents from a repository.
 -   [Details](#details)
 
     -   [DOM Events](#dom-events)
+    -   [Card view](#card-view)
     -   [Pagination strategy](#pagination-strategy)
     -   [Data Sources](#data-sources)
     -   [Setting default folder](#setting-default-folder)
@@ -46,7 +47,7 @@ Displays the documents from a repository.
 ```
 
 ### Properties
-
+    
 | Name | Type | Default value | Description |
 | ---- | ---- | ------------- | ----------- |
 | permissionsStyle | `PermissionStyleModel[]` | `[]` | Define a set of CSS styles styles to apply depending on the permission of the user on that node. See the Permission Style model page for further details and examples. |
@@ -73,6 +74,8 @@ Displays the documents from a repository.
 | maxItems | `number` |  | Default value is stored into user preference settings  |
 | skipCount | `number` | `0` | Number of elements to skip over for pagination purposes  |
 | enableInfiniteScrolling | `boolean` | `false` | Set document list to work in infinite scrolling mode  |
+| showHeader | `boolean` | `true` |  Toggles header visibility   |
+| cardview | `boolean` | `false` |  Enable the cardview mode    |
 
 ### Events
 
@@ -127,6 +130,20 @@ Below is a basic example of handling DOM events in the parent elements.
 </div>
 ```
 
+### Card view
+
+If you want enable the card view mode you need to set to true the input parameter [cardview] :
+
+```html
+<adf-document-list
+    [currentFolderId]="'-my-'"
+    [cardview]="true">
+</adf-document-list>
+```
+
+![card-view](docassets/images/document-list-card-view.png)
+
+
 ### Pagination strategy
 
 The Document List by default supports 2 type of pagination, the **finite** and the **infinite** pagination.