From bebfc4a159f970f8d79a77e51aefc3e8d26a915c Mon Sep 17 00:00:00 2001
From: Vicki League <vleague@bitwarden.com>
Date: Tue, 24 Jun 2025 14:32:12 -0400
Subject: [PATCH] finish migrating search

---
 libs/components/src/search/search.component.html | 2 +-
 libs/components/src/search/search.component.ts   | 8 +++-----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/libs/components/src/search/search.component.html b/libs/components/src/search/search.component.html
index f43a2af9112..803b61c6322 100644
--- a/libs/components/src/search/search.component.html
+++ b/libs/components/src/search/search.component.html
@@ -17,7 +17,7 @@
     [ngModel]="searchText"
     (ngModelChange)="onChange($event)"
     (blur)="onTouch()"
-    [disabled]="disabled"
+    [disabled]="disabled()"
     [attr.autocomplete]="autocomplete()"
   />
 </div>
diff --git a/libs/components/src/search/search.component.ts b/libs/components/src/search/search.component.ts
index 7073563c7a8..7534163e38d 100644
--- a/libs/components/src/search/search.component.ts
+++ b/libs/components/src/search/search.component.ts
@@ -1,6 +1,6 @@
 // FIXME: Update this file to be type safe and remove this and next line
 // @ts-strict-ignore
-import { Component, ElementRef, Input, ViewChild, input } from "@angular/core";
+import { Component, ElementRef, ViewChild, input, model } from "@angular/core";
 import {
   ControlValueAccessor,
   NG_VALUE_ACCESSOR,
@@ -43,9 +43,7 @@ export class SearchComponent implements ControlValueAccessor, FocusableElement {
   // Use `type="text"` for Safari to improve rendering performance
   protected inputType = isBrowserSafariApi() ? ("text" as const) : ("search" as const);
 
-  // TODO: Skipped for migration because:
-  //  Your application code writes to the input. This prevents migration.
-  @Input() disabled: boolean;
+  disabled = model<boolean>();
   readonly placeholder = input<string>(undefined);
   readonly autocomplete = input<string>(undefined);
 
@@ -78,6 +76,6 @@ export class SearchComponent implements ControlValueAccessor, FocusableElement {
   }
 
   setDisabledState(isDisabled: boolean) {
-    this.disabled = isDisabled;
+    this.disabled.set(isDisabled);
   }
 }