From d778a753ae16990696fa4a63ec2104e2fa5a8533 Mon Sep 17 00:00:00 2001
From: William Martin <contact@willmartian.com>
Date: Mon, 9 Dec 2024 11:14:48 -0500
Subject: [PATCH] temp: example directive usage

---
 .../src/angular/anon-layout/anon-layout.component.html |  2 +-
 .../src/angular/anon-layout/anon-layout.component.ts   | 10 +++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/libs/auth/src/angular/anon-layout/anon-layout.component.html b/libs/auth/src/angular/anon-layout/anon-layout.component.html
index 3323b6eca08..5f159dc8972 100644
--- a/libs/auth/src/angular/anon-layout/anon-layout.component.html
+++ b/libs/auth/src/angular/anon-layout/anon-layout.component.html
@@ -14,7 +14,7 @@
   </a>
 
   <div class="tw-text-center tw-mb-6">
-    <div class="tw-mx-auto tw-max-w-28 sm:tw-max-w-32">
+    <div track-event="shield-clicked" class="tw-mx-auto tw-max-w-28 sm:tw-max-w-32">
       <bit-icon [icon]="icon"></bit-icon>
     </div>
 
diff --git a/libs/auth/src/angular/anon-layout/anon-layout.component.ts b/libs/auth/src/angular/anon-layout/anon-layout.component.ts
index fe8e2906e22..b54852eb450 100644
--- a/libs/auth/src/angular/anon-layout/anon-layout.component.ts
+++ b/libs/auth/src/angular/anon-layout/anon-layout.component.ts
@@ -3,6 +3,7 @@ import { Component, HostBinding, Input, OnChanges, OnInit, SimpleChanges } from
 import { RouterModule } from "@angular/router";
 import { firstValueFrom } from "rxjs";
 
+import { TrackEventDirective } from "@bitwarden/angular/analytics/track-event.directive";
 import { ClientType } from "@bitwarden/common/enums";
 import { EnvironmentService } from "@bitwarden/common/platform/abstractions/environment.service";
 import { PlatformUtilsService } from "@bitwarden/common/platform/abstractions/platform-utils.service";
@@ -16,7 +17,14 @@ import { BitwardenLogo, BitwardenShield } from "../icons";
   standalone: true,
   selector: "auth-anon-layout",
   templateUrl: "./anon-layout.component.html",
-  imports: [IconModule, CommonModule, TypographyModule, SharedModule, RouterModule],
+  imports: [
+    IconModule,
+    CommonModule,
+    TypographyModule,
+    SharedModule,
+    RouterModule,
+    TrackEventDirective,
+  ],
 })
 export class AnonLayoutComponent implements OnInit, OnChanges {
   @HostBinding("class")