fixing the auto focus issue with search

libs/components/src/index.ts

@@ -20,6 +20,7 @@ export * from "./drawer";
 export * from "./form-field";
 export * from "./icon-button";
 export * from "./icon";
+export * from "./search/search.component";
 export * from "./input";
 export * from "./item";
 export * from "./layout";

libs/components/src/search/search.component.ts

@@ -39,6 +39,10 @@ export class SearchComponent implements ControlValueAccessor, FocusableElement {
 
   @ViewChild("input") private input: ElementRef<HTMLInputElement>;
 
+  focus(): void {
+    this.getFocusTarget()?.focus();
+  }
+
   protected id = `search-id-${nextId++}`;
   protected searchText: string;
   // Use `type="text"` for Safari to improve rendering performance