feat(showcase): add a showcase

Author: nivekcode

angular.json

@@ -31,9 +31,7 @@
               "projects/pretty-html-log/tsconfig.lib.json",
               "projects/pretty-html-log/tsconfig.spec.json"
             ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "exclude": ["**/node_modules/**"]
           }
         }
       }
@@ -59,6 +57,7 @@
               "projects/pretty-html-log-showcase/src/assets"
             ],
             "styles": [
+              "./node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css",
               "projects/pretty-html-log-showcase/src/styles.css"
             ],
             "scripts": []
@@ -123,9 +122,7 @@
               "projects/pretty-html-log-showcase/src/favicon.ico",
               "projects/pretty-html-log-showcase/src/assets"
             ],
-            "styles": [
-              "projects/pretty-html-log-showcase/src/styles.css"
-            ],
+            "styles": ["projects/pretty-html-log-showcase/src/styles.css"],
             "scripts": []
           }
         },
@@ -137,9 +134,7 @@
               "projects/pretty-html-log-showcase/tsconfig.spec.json",
               "projects/pretty-html-log-showcase/e2e/tsconfig.json"
             ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "exclude": ["**/node_modules/**"]
           }
         },
         "e2e": {
@@ -155,6 +150,7 @@
           }
         }
       }
-    }},
+    }
+  },
   "defaultProject": "pretty-html-log"
-}
+}

package-lock.json

@@ -18,10 +18,12 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "~8.2.9",
+    "@angular/cdk": "~8.2.3",
     "@angular/common": "~8.2.9",
     "@angular/compiler": "~8.2.9",
     "@angular/core": "~8.2.9",
     "@angular/forms": "~8.2.9",
+    "@angular/material": "^8.2.3",
     "@angular/platform-browser": "~8.2.9",
     "@angular/platform-browser-dynamic": "~8.2.9",
     "@angular/router": "~8.2.9",