Upgrade Angular 13

src/app/centers/centers-view/centers-view.component-theme.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin centers-view-component-theme($theme) {
   $primary: map-get($theme, primary);

src/app/clients/clients-view/clients-view.component-theme.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin clients-view-component-theme($theme) {
   $primary: map-get($theme, primary);

src/app/deposits/fixed-deposits/fixed-deposit-account-view/fixed-deposit-account-view.component-theme.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin fixed-deposits-account-view-component-theme($theme) {
   $primary: map-get($theme, primary);
@@ -12,5 +12,5 @@
         color: mat.get-contrast-color-from-palette($primary, 500);
       }
     }
-  } 
+  }
 }

src/app/deposits/recurring-deposits/recurring-deposits-account-view/recurring-deposits-account-view.component-theme.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin recurring-deposits-account-view-component-theme($theme) {
   $primary: map-get($theme, primary);

src/app/groups/groups-view/groups-view.component-theme.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin groups-view-component-theme($theme) {
   $primary: map-get($theme, primary);
@@ -8,5 +8,5 @@
         background-color: mat.get-color-from-palette($primary, 500);
       }
     }
-  } 
+  }
 }

src/app/home/dashboard/dashboard.component-theme.scss

@@ -1,10 +1,10 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin dashboard-component-theme($theme) {
   $primary: map-get($theme, primary);
-  
+
   mifosx-dashboard {
-    
+
     .recent-activities, .frequent-activities {
       .header {
         background-color: mat.get-color-from-palette($primary, 500);

src/app/loans/loans-view/loans-view.component-theme.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin loans-view-component-theme($theme) {
   $primary: map-get($theme, primary);

src/app/savings/savings-account-view/savings-account-view.component-theme.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin savings-account-view-component-theme($theme) {
   $primary: map-get($theme, primary);
@@ -12,5 +12,5 @@
         color: mat.get-contrast-color-from-palette($primary, 500);
       }
     }
-  } 
+  }
 }

src/app/shares/shares-account-view/shares-account-view.component-theme.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 
 @mixin shares-account-view-component-theme($theme) {
   $primary: map-get($theme, primary);
@@ -12,5 +12,5 @@
         color: mat.get-contrast-color-from-palette($primary, 500);
       }
     }
-  } 
+  }
 }

src/environments/.env.ts

@@ -3,7 +3,7 @@
 export default {
   'mifos_x': {
     'version': '0.0.0',
-    'hash': '79efe55'
+    'hash': '217d88b7'
   },
   'allow_switching_backend_instance': true
 };

src/karma.conf.ts

@@ -80,5 +80,5 @@ module.exports = (config: any) => {
     ],
 
     reporter: ['progress', 'kjhtml']
-  })
-}
+  });
+};

src/theme/custom/denim-yellowgreen.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 // Plus imports for other components in your app.
 @import '../../app/clients/clients-view/clients-view.component-theme.scss';
 @import '../../app/groups/groups-view/groups-view.component-theme.scss';

src/theme/custom/pictonblue-yellowgreen.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 // Plus imports for other components in your app.
 @import '../../app/clients/clients-view/clients-view.component-theme.scss';
 @import '../../app/groups/groups-view/groups-view.component-theme.scss';