Updated Angular to v13

Updated Angular Material to v13
Updated version numbers and added the changelog
Updated various packages

src/@fuse/styles/themes.scss

@@ -1,4 +1,4 @@
-@use '~@angular/material' as mat;
+@use '@angular/material' as mat;
 @use "sass:map";
 
 /* Include the core Angular Material styles */

src/@fuse/version/fuse-version.ts

@@ -1,3 +1,3 @@
 import { Version } from '@fuse/version/version';
 
-export const FUSE_VERSION = new Version('13.6.2').full;
+export const FUSE_VERSION = new Version('14.0.0').full;

src/app/mock-api/common/navigation/data.ts

@@ -981,7 +981,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
                 icon : 'heroicons_outline:speakerphone',
                 link : '/docs/changelog',
                 badge: {
-                    title  : '13.6.2',
+                    title  : '14.0.0',
                     classes: 'px-2 bg-yellow-300 text-black rounded-full'
                 }
             },

src/app/modules/admin/apps/calendar/calendar.component.html

@@ -341,8 +341,8 @@
                                 <mat-form-field class="fuse-mat-textarea fuse-mat-no-subscript flex-auto">
                                     <textarea
                                         matInput
-                                        matTextareaAutosize
-                                        [matAutosizeMinRows]="1"
+                                        cdkTextareaAutosize
+                                        [cdkAutosizeMinRows]="1"
                                         [formControlName]="'description'"
                                         [placeholder]="'Event description'">
                                     </textarea>

src/app/modules/admin/apps/scrumboard/card/details/details.component.html

@@ -25,8 +25,8 @@
                 matInput
                 [formControlName]="'title'"
                 [rows]="1"
-                matTextareaAutosize
-                [matAutosizeMinRows]="1">
+                cdkTextareaAutosize
+                [cdkAutosizeMinRows]="1">
             </textarea>
         </mat-form-field>
 
@@ -37,8 +37,8 @@
                 matInput
                 [formControlName]="'description'"
                 [rows]="1"
-                matTextareaAutosize
-                [matAutosizeMinRows]="1">
+                cdkTextareaAutosize
+                [cdkAutosizeMinRows]="1">
             </textarea>
         </mat-form-field>
 

src/app/modules/admin/docs/changelog/changelog.ts

@@ -10,6 +10,32 @@ export class ChangelogComponent
 {
     changelog: any[] = [
 
+        // v14.0.0
+        {
+            version    : 'v14.0.0',
+            releaseDate: 'Nov 05, 2021',
+            changes    : [
+                {
+                    type: 'Added',
+                    list: [
+                        '(FuseLoadingBar) Added the FuseLoadingBar component, its helper service and its interceptor'
+                    ]
+                },
+                {
+                    type: 'Changed',
+                    list: [
+                        '(dependencies) Updated Angular & Angular Material to v13.0.0',
+                        '(dependencies) Updated various other packages'
+                    ]
+                },
+                {
+                    type: 'Fixed',
+                    list: [
+                        '(@fuse/overrides/angular-material) Fixed: Normal border color of the text field overrides the invalid and focus border colors on dark themes'
+                    ]
+                }
+            ]
+        },
         // v13.6.2
         {
             version    : 'v13.6.2',

src/app/modules/admin/pages/settings/account/account.component.html

@@ -69,8 +69,8 @@
                     <textarea
                         matInput
                         [formControlName]="'about'"
-                        matTextareaAutosize
-                        [matAutosizeMinRows]="5"></textarea>
+                        cdkTextareaAutosize
+                        [cdkAutosizeMinRows]="5"></textarea>
                 </mat-form-field>
                 <div class="mt-1 text-md text-hint">Brief description for your profile. Basic HTML and Emoji are allowed.</div>
             </div>

src/polyfills.ts

@@ -8,8 +8,8 @@
  *      file.
  *
  * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
- * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+ * automatically update themselves. This includes recent versions of Safari, Chrome (including
+ * Opera), Edge on the desktop, and iOS and Chrome on mobile.
  *
  * Learn more in https://angular.io/guide/browser-support
  */
@@ -18,18 +18,6 @@
  * BROWSER POLYFILLS
  */
 
-/**
- * IE11 requires the following for NgClass support on SVG elements
- */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- */
-import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
 /**
  * By default, zone.js will patch all possible macroTask and DomEvents
  * user can disable parts of macroTask/DomEvents patch by setting following flags

src/test.ts

@@ -15,7 +15,6 @@ declare const require: {
 getTestBed().initTestEnvironment(
     BrowserDynamicTestingModule,
     platformBrowserDynamicTesting(),
-    {teardown: {destroyAfterEach: true}}
 );
 
 // Then we find all the tests.