diff --git a/.gitignore b/.gitignore
index f7528bf..c32751e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -46,3 +46,5 @@ testem.log
 Thumbs.db
 
 package-lock.json
+
+/.angular
\ No newline at end of file
diff --git a/angular.json b/angular.json
index 6921db6..1c9537a 100644
--- a/angular.json
+++ b/angular.json
@@ -301,7 +301,6 @@
       }
     }
   },
-  "defaultProject": "ng7-dynamic-breadcrumb-lib",
   "cli": {
     "analytics": false
   }
diff --git a/package.json b/package.json
index 2d88716..c54506b 100644
--- a/package.json
+++ b/package.json
@@ -11,31 +11,31 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^14.0.0" ,
-    "@angular/cdk": "^14.0.0",
-    "@angular/common": "^14.0.0",
-    "@angular/compiler": "^14.0.0",
-    "@angular/core": "^14.0.0",
-    "@angular/forms": "^14.0.0",
-    "@angular/material": "^14.0.0",
-    "@angular/platform-browser": "^14.0.0",
-    "@angular/platform-browser-dynamic": "^14.0.0",
-    "@angular/router": "^14.0.0",
+    "@angular/animations": "^16.1.8",
+    "@angular/cdk": "^16.1.7",
+    "@angular/common": "^16.1.8",
+    "@angular/compiler": "^16.1.8",
+    "@angular/core": "^16.1.8",
+    "@angular/forms": "^16.1.8",
+    "@angular/material": "^16.1.7",
+    "@angular/platform-browser": "^16.1.8",
+    "@angular/platform-browser-dynamic": "^16.1.8",
+    "@angular/router": "^16.1.8",
     "bootstrap": "^4.3.1",
     "core-js": "^3.1.3",
-    "ng-dynamic-breadcrumb": "projects/ng-dynamic-breadcrumb",
-    "ng7-bootstrap-breadcrumb": "projects/ng7-bootstrap-breadcrumb",
-    "ng7-dynamic-breadcrumb": "projects/ng7-dynamic-breadcrumb",
-    "ng7-mat-breadcrumb": "projects/ng7-mat-breadcrumb",
+    "ng-dynamic-breadcrumb": "./projects/ng-dynamic-breadcrumb",
+    "ng7-bootstrap-breadcrumb": "./projects/ng7-bootstrap-breadcrumb",
+    "ng7-dynamic-breadcrumb": "./projects/ng7-dynamic-breadcrumb",
+    "ng7-mat-breadcrumb": "./projects/ng7-mat-breadcrumb",
     "rxjs": "~6.6.3",
     "tslib": "^2.3.0",
-    "zone.js": "~0.11.4"
+    "zone.js": "~0.13.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^14.0.0",
-    "@angular/cli": "^14.0.0",
-    "@angular/compiler-cli": "^14.0.0",
-    "@angular/language-service": "^14.0.0",
+    "@angular-devkit/build-angular": "^16.1.7",
+    "@angular/cli": "^16.1.7",
+    "@angular/compiler-cli": "^16.1.8",
+    "@angular/language-service": "^16.1.8",
     "@types/jasmine": "~3.8.0",
     "@types/jasminewd2": "~2.0.3",
     "@types/node": "^14.0.0",
@@ -47,14 +47,14 @@
     "karma-coverage-istanbul-reporter": "~3.0.2",
     "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "^1.5.0",
-    "ng-packagr": "^14.0.0",
+    "ng-packagr": "^16.1.0",
     "protractor": "~7.0.0",
     "ts-node": "~8.2.0",
     "tslint": "~6.1.0",
-    "typescript": "^4.2.3"
+    "typescript": "^5.1.6"
   },
   "author": "Raja Rama Mohan Thavalam",
   "contributors": [
     "Raja Rama Mohan Thavalam <rajarm.tavalam@gmail.com>"
   ]
-}
+}
\ No newline at end of file
diff --git a/projects/ng-dynamic-breadcrumb/package.json b/projects/ng-dynamic-breadcrumb/package.json
index 4547893..648bbcd 100644
--- a/projects/ng-dynamic-breadcrumb/package.json
+++ b/projects/ng-dynamic-breadcrumb/package.json
@@ -1,10 +1,10 @@
 {
   "name": "ng-dynamic-breadcrumb",
-  "description": "Angular 14 Dynamic Breadcrumb",
-  "version": "8.0.0",
+  "description": "Angular 16 Dynamic Breadcrumb",
+  "version": "10.0.0",
   "peerDependencies": {
-    "@angular/common": "^14.0.0",
-    "@angular/core": "^14.0.0"
+    "@angular/common": "^16.0.0",
+    "@angular/core": "^16.0.0"
   },
   "main": "bundles/ng-dynamic-breadcrumb.umd.js",
   "module": "fesm5/ng-dynamic-breadcrumb.js",
@@ -45,9 +45,8 @@
     "angular 11 Breadcrumbs",
     "angular12 Breadcrumbs",
     "angular 12 Breadcrumbs",
-    "angular 14 Breadcrumbs"
-
-
+    "angular 14 Breadcrumbs",
+    "angular 16 Breadcrumbs"
   ],
   "bugs": {
     "url": "https://github.com/rajaramtt/ng7-dynamic-breadcrumb/issues"
diff --git a/projects/ng-dynamic-breadcrumb/src/test.ts b/projects/ng-dynamic-breadcrumb/src/test.ts
index ee9915d..e63a876 100644
--- a/projects/ng-dynamic-breadcrumb/src/test.ts
+++ b/projects/ng-dynamic-breadcrumb/src/test.ts
@@ -8,14 +8,8 @@ import {
   platformBrowserDynamicTesting
 } from '@angular/platform-browser-dynamic/testing';
 
-declare const require: any;
-
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
   platformBrowserDynamicTesting()
 );
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);
diff --git a/projects/ng-dynamic-breadcrumb/tsconfig.lib.json b/projects/ng-dynamic-breadcrumb/tsconfig.lib.json
index 92d8245..307caea 100644
--- a/projects/ng-dynamic-breadcrumb/tsconfig.lib.json
+++ b/projects/ng-dynamic-breadcrumb/tsconfig.lib.json
@@ -3,7 +3,6 @@
   "compilerOptions": {
     "outDir": "../../out-tsc/lib",
     "declarationMap": true,
-    "target": "es2015",
     "declaration": true,
     "inlineSources": true,
     "types": [],
diff --git a/projects/ng7-bootstrap-breadcrumb/package.json b/projects/ng7-bootstrap-breadcrumb/package.json
index 73aae6f..241970d 100644
--- a/projects/ng7-bootstrap-breadcrumb/package.json
+++ b/projects/ng7-bootstrap-breadcrumb/package.json
@@ -1,10 +1,10 @@
 {
   "name": "ng7-bootstrap-breadcrumb",
-  "description": "Angular 14 bootstrap  Dynamic Breadcrumb",
-  "version": "8.0.0",
+  "description": "Angular 16 bootstrap  Dynamic Breadcrumb",
+  "version": "10.0.0",
   "peerDependencies": {
-    "@angular/common": "^14.0.0",
-    "@angular/core": "^14.0.0",
+    "@angular/common": "^16.0.0",
+    "@angular/core": "^16.0.0",
     "bootstrap": "^4.3.1"
   },
   "main": "bundles/ng7-dynamic-breadcrumb.umd.js",
@@ -48,7 +48,8 @@
     "angular11 Breadcrumbs",
     "angular 11 Breadcrumbs",
     "angular12 Breadcrumbs",
-    "angular 14 Breadcrumbs"
+    "angular 14 Breadcrumbs",
+    "angular 16 Breadcrumbs"
   ],
   "bugs": {
     "url": "https://github.com/rajaramtt/ng7-dynamic-breadcrumb/issues"
diff --git a/projects/ng7-bootstrap-breadcrumb/src/test.ts b/projects/ng7-bootstrap-breadcrumb/src/test.ts
index b1cc186..50aa0ae 100644
--- a/projects/ng7-bootstrap-breadcrumb/src/test.ts
+++ b/projects/ng7-bootstrap-breadcrumb/src/test.ts
@@ -9,14 +9,8 @@ import {
   platformBrowserDynamicTesting
 } from '@angular/platform-browser-dynamic/testing';
 
-declare const require: any;
-
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
   platformBrowserDynamicTesting()
 );
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);
diff --git a/projects/ng7-bootstrap-breadcrumb/tsconfig.lib.json b/projects/ng7-bootstrap-breadcrumb/tsconfig.lib.json
index f689945..20e2948 100644
--- a/projects/ng7-bootstrap-breadcrumb/tsconfig.lib.json
+++ b/projects/ng7-bootstrap-breadcrumb/tsconfig.lib.json
@@ -3,7 +3,6 @@
   "compilerOptions": {
     "outDir": "../../out-tsc/lib",
     "declarationMap": true,
-    "target": "es2015",
     "module": "es2015",
     "moduleResolution": "node",
     "declaration": true,
diff --git a/projects/ng7-dynamic-breadcrumb/package.json b/projects/ng7-dynamic-breadcrumb/package.json
index 608eba8..b00976e 100644
--- a/projects/ng7-dynamic-breadcrumb/package.json
+++ b/projects/ng7-dynamic-breadcrumb/package.json
@@ -1,10 +1,10 @@
 {
   "name": "ng7-dynamic-breadcrumb",
-  "description": "Angular 14 Dynamic Breadcrumb",
-  "version": "8.0.0",
+  "description": "Angular 16 Dynamic Breadcrumb",
+  "version": "10.0.0",
   "peerDependencies": {
-    "@angular/common": "^14.0.0",
-    "@angular/core": "^14.0.0"
+    "@angular/common": "^16.0.0",
+    "@angular/core": "^16.0.0"
   },
   "main": "bundles/ng7-dynamic-breadcrumb.umd.js",
   "module": "fesm5/ng7-dynamic-breadcrumb.js",
@@ -44,7 +44,8 @@
     "angular11 Breadcrumbs",
     "angular 11 Breadcrumbs",
     "angular12 Breadcrumbs",
-    "angular 14 Breadcrumbs"
+    "angular 14 Breadcrumbs",
+    "angular 16 Breadcrumbs"
 
   ],
   "bugs": {
diff --git a/projects/ng7-dynamic-breadcrumb/src/test.ts b/projects/ng7-dynamic-breadcrumb/src/test.ts
index b1cc186..50aa0ae 100644
--- a/projects/ng7-dynamic-breadcrumb/src/test.ts
+++ b/projects/ng7-dynamic-breadcrumb/src/test.ts
@@ -9,14 +9,8 @@ import {
   platformBrowserDynamicTesting
 } from '@angular/platform-browser-dynamic/testing';
 
-declare const require: any;
-
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
   platformBrowserDynamicTesting()
 );
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);
diff --git a/projects/ng7-dynamic-breadcrumb/tsconfig.lib.json b/projects/ng7-dynamic-breadcrumb/tsconfig.lib.json
index f689945..20e2948 100644
--- a/projects/ng7-dynamic-breadcrumb/tsconfig.lib.json
+++ b/projects/ng7-dynamic-breadcrumb/tsconfig.lib.json
@@ -3,7 +3,6 @@
   "compilerOptions": {
     "outDir": "../../out-tsc/lib",
     "declarationMap": true,
-    "target": "es2015",
     "module": "es2015",
     "moduleResolution": "node",
     "declaration": true,
diff --git a/projects/ng7-mat-breadcrumb/package.json b/projects/ng7-mat-breadcrumb/package.json
index 8854f06..70d6bcd 100644
--- a/projects/ng7-mat-breadcrumb/package.json
+++ b/projects/ng7-mat-breadcrumb/package.json
@@ -1,11 +1,11 @@
 {
   "name": "ng7-mat-breadcrumb",
-  "description": "Angular 14 Material  Breadcrumb NPM Module",
-  "version": "8.0.0",
+  "description": "Angular 16 Material  Breadcrumb NPM Module",
+  "version": "10.0.0",
   "peerDependencies": {
-    "@angular/common": "^14.0.0",
-    "@angular/core": "^14.0.0",
-    "@angular/material": "^14.0.0"
+    "@angular/common": "^16.0.0",
+    "@angular/core": "^16.0.0",
+    "@angular/material": "^16.0.0"
   },
   "license": "MIT",
   "repository": {
@@ -33,7 +33,8 @@
     "angular11 Breadcrumbs",
     "angular 11 Breadcrumbs",
     "angular12 Breadcrumbs",
-    "angular 14 Breadcrumbs"
+    "angular 14 Breadcrumbs",
+    "angular 16 Breadcrumbs"
   ],
   "bugs": {
     "url": "https://github.com/rajaramtt/ng7-dynamic-breadcrumb/issues"
diff --git a/projects/ng7-mat-breadcrumb/src/lib/ng7-mat-breadcrumb.module.ts b/projects/ng7-mat-breadcrumb/src/lib/ng7-mat-breadcrumb.module.ts
index b5d36bf..b29f312 100644
--- a/projects/ng7-mat-breadcrumb/src/lib/ng7-mat-breadcrumb.module.ts
+++ b/projects/ng7-mat-breadcrumb/src/lib/ng7-mat-breadcrumb.module.ts
@@ -4,7 +4,7 @@ import { RouterModule } from '@angular/router';
 import { CommonModule } from '@angular/common';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { MatToolbarModule } from '@angular/material/toolbar';
-import { MatListModule } from '@angular/material/list';
+import { MatLegacyListModule as MatListModule } from '@angular/material/legacy-list';
 
 @NgModule({
   declarations: [Ng7MatBreadcrumbComponent],
diff --git a/projects/ng7-mat-breadcrumb/src/test.ts b/projects/ng7-mat-breadcrumb/src/test.ts
index b1cc186..50aa0ae 100644
--- a/projects/ng7-mat-breadcrumb/src/test.ts
+++ b/projects/ng7-mat-breadcrumb/src/test.ts
@@ -9,14 +9,8 @@ import {
   platformBrowserDynamicTesting
 } from '@angular/platform-browser-dynamic/testing';
 
-declare const require: any;
-
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
   platformBrowserDynamicTesting()
 );
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);
diff --git a/projects/ng7-mat-breadcrumb/tsconfig.lib.json b/projects/ng7-mat-breadcrumb/tsconfig.lib.json
index f689945..20e2948 100644
--- a/projects/ng7-mat-breadcrumb/tsconfig.lib.json
+++ b/projects/ng7-mat-breadcrumb/tsconfig.lib.json
@@ -3,7 +3,6 @@
   "compilerOptions": {
     "outDir": "../../out-tsc/lib",
     "declarationMap": true,
-    "target": "es2015",
     "module": "es2015",
     "moduleResolution": "node",
     "declaration": true,
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 8816bec..c6d6781 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -63,7 +63,7 @@ const routes: Routes = [
 ];
 
 @NgModule({
-  imports: [RouterModule.forRoot(routes, { relativeLinkResolution: 'legacy' })],
+  imports: [RouterModule.forRoot(routes, {})],
   exports: [RouterModule]
 })
 export class AppRoutingModule {
diff --git a/src/test.ts b/src/test.ts
index a6f15af..7632e27 100644
--- a/src/test.ts
+++ b/src/test.ts
@@ -7,14 +7,8 @@ import {
   platformBrowserDynamicTesting
 } from '@angular/platform-browser-dynamic/testing';
 
-declare const require: any;
-
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
   platformBrowserDynamicTesting()
 );
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);
diff --git a/tsconfig.json b/tsconfig.json
index 8709281..8983868 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -9,7 +9,7 @@
     "moduleResolution": "node",
     "experimentalDecorators": true,
     "importHelpers": true,
-    "target": "es5",
+    "target": "ES2022",
     "typeRoots": [
       "node_modules/@types"
     ],
@@ -42,6 +42,7 @@
       "ng-dynamic-breadcrumb/*": [
         "dist/ng-dynamic-breadcrumb/*"
       ]
-    }
+    },
+    "useDefineForClassFields": false
   }
 }
\ No newline at end of file