rollup

package.json

@@ -7,7 +7,7 @@
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
     "test": "ng test",
-    "build-sw": "node workbox-build.js && npx rollup -c",
+    "build-sw": "node workbox-build.js && npx rollup -c --bundleConfigAsCjs",
     "build-pwa": "ng build && npm run build-sw"
   },
   "private": true,

rollup.config.js

@@ -1,18 +1,19 @@
-import resolve from '@rollup/plugin-node-resolve'
-import replace from '@rollup/plugin-replace'
-import { terser } from '@rollup/plugin-terser'
+import resolve from "@rollup/plugin-node-resolve";
+import replace from "@rollup/plugin-replace";
+import terser from "@rollup/plugin-terser";
 
 export default {
-  input: 'dist/ng-ai/sw.js',
+  input: "dist/ng-ai/sw.js",
   output: {
-    file: 'dist/ng-ai/sw.js',
-    format: 'iife'
+    file: "dist/ng-ai/sw.js",
+    format: "cjs",
   },
   plugins: [
     resolve(),
     replace({
-      'process.env.NODE_ENV': JSON.stringify('development')
+      "process.env.NODE_ENV": JSON.stringify("development"),
+      preventAssignment: true,
     }),
-    terser()
-  ]
-}
+    terser(),
+  ],
+};

src/app/navigation/navigation.component.css

@@ -6,6 +6,16 @@
   width: 200px;
 }
 
+.mat-drawer-inner-container {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+
+.mat-drawer-inner-container p {
+  margin-top: auto;
+}
+
 .sidenav .mat-toolbar {
   background: inherit;
 }