debug and enhancements

angular.json

@@ -30,7 +30,8 @@
               "src/assets"
             ],
             "styles": [
-              "src/styles.scss"
+              "src/styles.scss",
+              "@angular/material/prebuilt-themes/deeppurple-amber.css"
             ],
             "scripts": []
           },

src/app/app.component.html

@@ -227,6 +227,7 @@
       </svg>
       <h1>Hello, {{ title }}</h1>
       <p>Congratulations! Your app is running. 🎉</p>
+      <button mat-button>show dialog</button>
     </div>
     <div class="divider" role="separator" aria-label="Divider"></div>
     <div class="right-side">

src/app/app.component.ts

@@ -1,10 +1,11 @@
 import { Component } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
+import { MatModule } from '../dependencies/angularlib/mat.module';
 
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [RouterOutlet],
+  imports: [RouterOutlet, MatModule],
   templateUrl: './app.component.html',
   styleUrl: './app.component.scss'
 })

tsconfig.json

@@ -11,6 +11,7 @@
     "noImplicitAny": false,
     "noPropertyAccessFromIndexSignature": false,
     "noImplicitReturns": false,
+    "noImplicitThis": false,
     "noUncheckedIndexedAccess": false,
     "noFallthroughCasesInSwitch": true,
     "skipLibCheck": true,