@sourceloop/search-element 7.0.0 → 9.0.0

package/README.md

@@ -4,7 +4,8 @@ An Angular module that exports a component that can enable users to search over
 
 ### Deprecation Notice
 
-Search-client now supports angular v14, we will provide support for the older version that is based on angular v13 till 30th June 2024.
+Search-client now supports Angular v19, we will provide support for the older version that is based on Angular v19 till 30th
+June 2026 .
 
 ## Angular Module
 
@@ -16,33 +17,21 @@ npm i @sourceloop/search-client
 
 ### Usage
 
-Create a new Application using Angular CLI and import the SearchLibModule and add it to the imports array of the module. Also create a new service that implements the ISearchService interface exported by the search library. This service will be used by the exported component to make API calls whenever needed. You will have to update the providers section of your module with { provide: SEARCH_SERVICE_TOKEN, useExisting: Your_Service_Name }
-Your module will then look something like this
+Create a new Application using Angular CLI and import the `SearchComponent` in your application.SearchComponent is now a standalone component, so no NgModule is required.Also create a new service that implements the ISearchService interface exported by the search library. This service will be used by the exported component to make API calls whenever needed. You will have to update the providers section of your module with { provide: SEARCH_SERVICE_TOKEN, useExisting: Your_Service_Name }
 
 ```ts
-import {NgModule} from '@angular/core';
-import {BrowserModule} from '@angular/platform-browser';
-
-import {AppComponent} from './app.component';
-
-import {HttpClientModule} from '@angular/common/http';
-import {XComponent} from './x/x.component';
-import {ReactiveFormsModule} from '@angular/forms';
-
-import {SearchLibModule, SEARCH_SERVICE_TOKEN} from 'search-lib';
-import {SearchService} from './search.service';
-@NgModule({
-  declarations: [AppComponent, XComponent],
-  imports: [
-    BrowserModule,
-    SearchLibModule, //import SearchLibModule
-    HttpClientModule,
-    ReactiveFormsModule,
-  ],
-  providers: [{provide: SEARCH_SERVICE_TOKEN, useClass: SearchService}], //Add your service here
-  bootstrap: [AppComponent],
+import { Component } from '@angular/core';
+import { SearchComponent, SEARCH_SERVICE_TOKEN } from '@sourceloop/search-client';
+import { SearchService } from './search.service';
+
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  imports: [SearchComponent],
+  templateUrl: './app.component.html',
+  providers: [{ provide: SEARCH_SERVICE_TOKEN, useClass: SearchService }],
 })
-export class AppModule {}
+export class AppComponent {}
 ```
 
 ### Search Service

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sourceloop/search-element",
-  "version": "7.0.0",
+  "version": "9.0.0",
   "description": "A global search element for search microservice. ",
   "main": "./search-element.js",
   "private": false,
@@ -19,6 +19,6 @@
   },
   "author": "Sourcefuse",
   "license": "MIT",
-  "hash": "14887bf1eef115c88a9b6190f474802cc238a658114e8a9bc759ea89dd6a2925",
-  "gitHead": "054b885a5ed8fb75607da07f65d7ee14f400afab"
+  "hash": "adbe715646a8cbd3ab73a84fcfbb804c861817bdfd7f3d407aa86efb0aa5f0f0",
+  "gitHead": "b50931d75a9a3e6ffa57091c7f4f286ce24cde56"
 }