feat(search-client): add support for angular v21 (#52)

BREAKING CHANGE:
YES

## Description

This pull request upgrades the Angular dependencies for the search
module and related packages from Angular v20 to Angular v21. It also
updates the deprecation notice in documentation to reflect this new
support window.

Fixes #50 

## Type of change

Please delete options that are not relevant.

- [ ] Bug fix (non-breaking change which fixes an issue)
- [ ] New feature (non-breaking change which adds functionality)
- [x] Breaking change (fix or feature that would cause existing
functionality to not work as expected)
- [ ] Intermediate change (work in progress)

## How Has This Been Tested?

Please describe the tests that you ran to verify your changes. Provide
instructions so we can reproduce. Please also list any relevant details
for your test configuration

- [ ] Test A
- [ ] Test B

## Checklist:

- [x] Performed a self-review of my own code
- [x] npm test passes on your machine
- [ ] New tests added or existing tests modified to cover all changes
- [ ] Code conforms with the style guide
- [ ] API Documentation in code was updated
- [ ] Any dependent changes have been merged and published in downstream
modules

Author: vaibhavbhalla2505

packages/search/README.md

@@ -2,9 +2,32 @@
 
 An Angular module that exports a component that can enable users to search over configured models using the search microservice provided in the sourceloop microservice catalog.
 
-### Deprecation Notice
-
-Search-client now supports Angular v20, we will provide support for the older version that is based on Angular v19 till 30th June 2026 .
+### Angular Version Compatibility
+
+To ensure smooth integration, install the Search Library version that corresponds to your Angular version:
+
+<table border="1" cellpadding="8" style="border-collapse: collapse; width: 100%; text-align: left;">
+  <thead>
+    <tr>
+      <th>Angular Version</th>
+      <th>Compatible Search-Client Version</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>Angular v19</td>
+      <td>@sourceloop/search-client v8.x</td>
+    </tr>
+    <tr>
+      <td>Angular v20</td>
+      <td>@sourceloop/search-client v9.x</td>
+    </tr>
+    <tr>
+      <td>Angular v21+</td>
+      <td>Latest version (v10.x and above)</td>
+    </tr>
+  </tbody>
+</table>
 
 ## Angular Module
 

packages/search/package-lock.json

@@ -22,15 +22,15 @@
   "license": "MIT",
   "private": true,
   "dependencies": {
-    "@angular/animations": "^20.0.3",
-    "@angular/common": "^20.0.3",
-    "@angular/compiler": "^20.0.3",
-    "@angular/core": "^20.0.3",
-    "@angular/elements": "^20.0.3",
-    "@angular/forms": "^20.0.3",
-    "@angular/platform-browser": "^20.0.3",
-    "@angular/platform-browser-dynamic": "^20.0.3",
-    "@angular/router": "^20.0.3",
+    "@angular/animations": "^21.0.3",
+    "@angular/common": "^21.0.3",
+    "@angular/compiler": "^21.0.3",
+    "@angular/core": "^21.0.3",
+    "@angular/elements": "^21.0.3",
+    "@angular/forms": "^21.0.3",
+    "@angular/platform-browser": "^21.0.3",
+    "@angular/platform-browser-dynamic": "^21.0.3",
+    "@angular/router": "^21.0.3",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.2",
     "zone.js": "^0.15.0"
@@ -40,12 +40,12 @@
     "dist"
   ],
   "devDependencies": {
-    "@angular-devkit/build-angular": "^20.0.3",
-    "@angular/cdk": "^20.0.3",
-    "@angular/cli": "^20.0.3",
-    "@angular/compiler-cli": "^20.0.3",
+    "@angular-devkit/build-angular": "^21.0.2",
+    "@angular/cdk": "^21.0.2",
+    "@angular/cli": "^21.0.2",
+    "@angular/compiler-cli": "^21.0.3",
     "@angular/flex-layout": "~15.0.0-beta.42",
-    "@angular/material": "^20.0.3",
+    "@angular/material": "^21.0.2",
     "@types/fs-extra": "^11.0.1",
     "@types/jasmine": "~3.8.0",
     "@types/node": "18.7.8",
@@ -57,10 +57,10 @@
     "karma-coverage": "~2.0.3",
     "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "~1.7.0",
-    "ng-packagr": "^20.0.0",
+    "ng-packagr": "^21.0.0",
     "prettier": "^2.4.1",
     "ts-node": "^10.9.1",
-    "typescript": "~5.8.0"
+    "typescript": "5.9.2"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",

packages/search/package.json

@@ -19,5 +19,5 @@
   },
   "author": "Sourcefuse",
   "license": "MIT",
-  "hash": "64ee416c86311c1bde0e03af55684dba28460131cc5aca311b1eb40373ca561e"
-}
+  "hash": "a1648818b320e5d599f4dc220108c2256060a5c076f294707f0c4be75c967c67"
+}

packages/search/projects/search-element/package.json

@@ -2,9 +2,32 @@
 
 An Angular module that exports a component that can enable users to search over configured models using the search microservice provided in the sourceloop microservice catalog.
 
-### Deprecation Notice
-
-Search-client now supports Angular v20, we will provide support for the older version that is based on Angular v19 till 30th June 2026 .
+### Angular Version Compatibility
+
+To ensure smooth integration, install the Search Library version that corresponds to your Angular version:
+
+<table border="1" cellpadding="8" style="border-collapse: collapse; width: 100%; text-align: left;">
+  <thead>
+    <tr>
+      <th>Angular Version</th>
+      <th>Compatible Search-Client Version</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>Angular v19</td>
+      <td>@sourceloop/search-client v8.x</td>
+    </tr>
+    <tr>
+      <td>Angular v20</td>
+      <td>@sourceloop/search-client v9.x</td>
+    </tr>
+    <tr>
+      <td>Angular v21+</td>
+      <td>Latest version (v10.x and above)</td>
+    </tr>
+  </tbody>
+</table>
 
 ## Angular Module