fix(material): mat-placeholde -> mat-label

PLAYBOOK.md

@@ -140,8 +140,11 @@ npm i angular-in-memory-web-api
 # Add oauth2-oidc 
 npm i angular-oauth2-oidc 
 
-# Add ngxs
-npm i @ngxs/devtools-plugin @ngxs/store @ngxs/router-plugin
+# Add NGXS
+ng add @ngxs/schematics
+# or add NGXS manually 
+npm i @ngxs/devtools-plugin @ngxs/store @ngxs/router-plugin @ngxs/form-plugin @ngxs/devtools-plugin
+npm i -D @ngxs/schematics
 
 # Add formly
 ng add @ngx-formly/schematics --ui-theme=material
@@ -371,7 +374,8 @@ ng g directive  IconSidenav --project=sidenav --dry-run
 
 # generate components for `auth` Module
 ng g lib auth --prefix=ngx --tags=private-module,core-module --prefix=ngx --style=scss --unit-test-runner=jest --dry-run 
-ng g component components/login --project=auth --dry-run 
+ng g component components/login --project=auth --dry-run
+ng g @ngxs/schematics:store --name=auth --spec --project=auth --dry-run
 
 # generate components for `navigator` Module
 ng g lib navigator --prefix=ngx --tags=private-module,core-module --unit-test-runner=jest --dry-run 

libs/grid/src/lib/containers/accounts-grid-list/accounts-grid-list.component.html

@@ -5,10 +5,10 @@
     <!--<div>Accounts | </div> -->
     <mat-form-field fxFlex>
       <input matInput #filter (keyup)="applyFilter($event.target.value)">
-      <mat-placeholder>
+      <mat-label>
         <mat-icon>search</mat-icon>
         Filter
-      </mat-placeholder>
+      </mat-label>
     </mat-form-field>
     <mat-button-toggle-group #gridView="matButtonToggleGroup" style="margin-left: 16px">
       <mat-button-toggle value='list'>

libs/shared/src/lib/containers/entity/entity.component.html

@@ -7,9 +7,9 @@
   <mat-toolbar *ngIf="showToolbar">
     <mat-form-field fxFlex>
       <input matInput #filter (keyup)="applyFilter($event.target.value)">
-      <mat-placeholder>
+      <mat-label>
         <mat-icon>search</mat-icon>Filter
-      </mat-placeholder>
+      </mat-label>
       <button mat-button *ngIf="filter.value !== ''" matSuffix mat-icon-button aria-label="Clear" (click)="filter.value= ''">
         <mat-icon>close</mat-icon>
       </button>

package.json

@@ -158,6 +158,7 @@
     "d3": "^4.13.0",
     "d3-selection-multi": "^1.0.1",
     "dotenv": "^6.1.0",
+    "filepond": "^3.3.0",
     "filepond-plugin-file-encode": "^2.0.0",
     "filepond-plugin-file-validate-size": "^2.0.0",
     "filepond-plugin-file-validate-type": "^1.2.0",