From 94d7f337188fafeb78f8f5addea0c472b4d2ef60 Mon Sep 17 00:00:00 2001
From: Vicki League <vleague@bitwarden.com>
Date: Wed, 25 Jun 2025 09:50:12 -0400
Subject: [PATCH] finish migrating toast module

---
 libs/components/src/toast/toast.component.html | 2 +-
 libs/components/src/toast/toast.component.ts   | 7 ++-----
 libs/components/src/toast/toast.service.ts     | 5 ++++-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/libs/components/src/toast/toast.component.html b/libs/components/src/toast/toast.component.html
index c891693e521..f969a3b4b50 100644
--- a/libs/components/src/toast/toast.component.html
+++ b/libs/components/src/toast/toast.component.html
@@ -8,7 +8,7 @@
     <i aria-hidden="true" class="bwi tw-text-xl tw-py-1.5 tw-px-2.5 {{ iconClass }}"></i>
     <div>
       <span class="tw-sr-only">{{ variant() | i18n }}</span>
-      @if (title) {
+      @if (title(); as title) {
         <p data-testid="toast-title" class="tw-font-semibold tw-mb-0">{{ title }}</p>
       }
       @for (m of messageArray; track m) {
diff --git a/libs/components/src/toast/toast.component.ts b/libs/components/src/toast/toast.component.ts
index 221e4889c71..532d137e904 100644
--- a/libs/components/src/toast/toast.component.ts
+++ b/libs/components/src/toast/toast.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, Output, input } from "@angular/core";
+import { Component, EventEmitter, Output, input } from "@angular/core";
 
 import { IconButtonModule } from "../icon-button";
 import { SharedModule } from "../shared";
@@ -41,10 +41,7 @@ export class ToastComponent {
   readonly message = input.required<string | string[]>();
 
   /** An optional title to display over the message. */
-  // TODO: Skipped for migration because:
-  //  This input is used in a control flow expression (e.g. `@if` or `*ngIf`)
-  //  and migrating would break narrowing currently.
-  @Input() title?: string;
+  title = input<string>();
 
   /**
    * The percent width of the progress bar, from 0-100
diff --git a/libs/components/src/toast/toast.service.ts b/libs/components/src/toast/toast.service.ts
index 00c32f9b1b3..f55fb3ada83 100644
--- a/libs/components/src/toast/toast.service.ts
+++ b/libs/components/src/toast/toast.service.ts
@@ -11,7 +11,10 @@ export type ToastOptions = {
    * The duration the toast will persist in milliseconds
    **/
   timeout?: number;
-} & Pick<ToastComponent, "message" | "variant" | "title">;
+  message: ReturnType<ToastComponent["message"]>;
+  variant?: ReturnType<ToastComponent["variant"]>;
+  title?: ReturnType<ToastComponent["title"]>;
+};
 
 /**
  * Presents toast notifications