From 11bf75f8fdc6dc070be9c990cf82d24571e676c9 Mon Sep 17 00:00:00 2001
From: Ben Brooks <bbrooks@bitwarden.com>
Date: Mon, 21 Jul 2025 08:21:52 -0700
Subject: [PATCH] fix: [CL-601] Match main for recent signal input changs

Signed-off-by: Ben Brooks <bbrooks@bitwarden.com>
---
 libs/components/src/search/search.component.html |  6 +++---
 libs/components/src/search/search.component.ts   | 10 +++++-----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/libs/components/src/search/search.component.html b/libs/components/src/search/search.component.html
index 00ccbb9b058..b1b92fb151a 100644
--- a/libs/components/src/search/search.component.html
+++ b/libs/components/src/search/search.component.html
@@ -17,15 +17,15 @@
     bitInput
     [type]="inputType"
     [id]="id"
-    [placeholder]="placeholder ?? ('search' | i18n)"
+    [placeholder]="placeholder() ?? ('search' | i18n)"
     class="tw-ps-9"
     name="searchText"
     [ngModel]="searchText"
     (ngModelChange)="onChange($event)"
     (focus)="isInputFocused.set(true)"
     (blur)="isInputFocused.set(false); onTouch()"
-    [disabled]="disabled"
-    [attr.autocomplete]="autocomplete"
+    [disabled]="disabled()"
+    [attr.autocomplete]="autocomplete()"
   />
   <button
     *ngIf="searchText && showResetButton()"
diff --git a/libs/components/src/search/search.component.ts b/libs/components/src/search/search.component.ts
index 84730c76eed..c6c5f2757dd 100644
--- a/libs/components/src/search/search.component.ts
+++ b/libs/components/src/search/search.component.ts
@@ -1,7 +1,7 @@
 // FIXME: Update this file to be type safe and remove this and next line
 // @ts-strict-ignore
 import { NgIf, NgClass } from "@angular/common";
-import { Component, ElementRef, Input, ViewChild, signal, computed } from "@angular/core";
+import { Component, ElementRef, ViewChild, input, model, signal, computed } from "@angular/core";
 import {
   ControlValueAccessor,
   NG_VALUE_ACCESSOR,
@@ -52,9 +52,9 @@ export class SearchComponent implements ControlValueAccessor, FocusableElement {
 
   protected showResetButton = computed(() => this.isInputFocused() || this.isFormHovered());
 
-  @Input() disabled: boolean;
-  @Input() placeholder: string;
-  @Input() autocomplete: string;
+  readonly disabled = model<boolean>();
+  readonly placeholder = input<string>();
+  readonly autocomplete = input<string>();
 
   getFocusTarget() {
     return this.input?.nativeElement;
@@ -94,6 +94,6 @@ export class SearchComponent implements ControlValueAccessor, FocusableElement {
   }
 
   setDisabledState(isDisabled: boolean) {
-    this.disabled = isDisabled;
+    this.disabled.set(isDisabled);
   }
 }