From 031cbff556549607218aedc9312370086cd029b8 Mon Sep 17 00:00:00 2001
From: Robyn MacCallum <nickersthecat@gmail.com>
Date: Tue, 26 Oct 2021 11:41:46 -0400
Subject: [PATCH] Add role="alert" to callouts only when enforceAlert is passed
 (#528)

* Add role="alert" to callouts when enforceAlert is passed

* Remove ElementRef and do a different way

* Rename input variable
---
 angular/src/components/callout.component.html | 3 ++-
 angular/src/components/callout.component.ts   | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/angular/src/components/callout.component.html b/angular/src/components/callout.component.html
index fc29b0844e..53fc664707 100644
--- a/angular/src/components/callout.component.html
+++ b/angular/src/components/callout.component.html
@@ -1,4 +1,5 @@
-<div class="callout callout-{{calloutStyle}}" [ngClass]="{'clickable': clickable}" role="alert">
+<div #callout class="callout callout-{{calloutStyle}}" [ngClass]="{'clickable': clickable}"
+    [attr.role]="useAlertRole ? 'alert' : null">
     <h3 class="callout-heading" *ngIf="title">
         <i class="fa {{icon}}" *ngIf="icon" aria-hidden="true"></i>
         {{title}}
diff --git a/angular/src/components/callout.component.ts b/angular/src/components/callout.component.ts
index 45125c2011..566d017a23 100644
--- a/angular/src/components/callout.component.ts
+++ b/angular/src/components/callout.component.ts
@@ -19,6 +19,7 @@ export class CalloutComponent implements OnInit {
     @Input() clickable: boolean;
     @Input() enforcedPolicyOptions: MasterPasswordPolicyOptions;
     @Input() enforcedPolicyMessage: string;
+    @Input() useAlertRole = false;
 
     calloutStyle: string;