From 75d8021c5596b41d33e51cb427f20f08c1cbd37b Mon Sep 17 00:00:00 2001
From: Shane Melton <smelton@bitwarden.com>
Date: Wed, 4 Oct 2023 16:25:49 -0700
Subject: [PATCH] [CL-134] Use standalone components

---
 libs/components/src/i18n/i18n-part.directive.ts | 1 +
 libs/components/src/i18n/i18n.component.ts      | 4 ++++
 libs/components/src/i18n/i18n.module.ts         | 3 +--
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/libs/components/src/i18n/i18n-part.directive.ts b/libs/components/src/i18n/i18n-part.directive.ts
index 0cdd470c734..9d1b544ef43 100644
--- a/libs/components/src/i18n/i18n-part.directive.ts
+++ b/libs/components/src/i18n/i18n-part.directive.ts
@@ -8,6 +8,7 @@ import { Directive, TemplateRef } from "@angular/core";
  */
 @Directive({
   selector: "[bit-i18n-part]",
+  standalone: true,
 })
 export class I18nPartDirective {
   constructor(public templateRef: TemplateRef<any>) {}
diff --git a/libs/components/src/i18n/i18n.component.ts b/libs/components/src/i18n/i18n.component.ts
index 9cd3ecb67b8..61b1fdb2a05 100644
--- a/libs/components/src/i18n/i18n.component.ts
+++ b/libs/components/src/i18n/i18n.component.ts
@@ -9,6 +9,8 @@ import {
 
 import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
 
+import { SharedModule } from "../shared";
+
 import { I18nPartDirective } from "./i18n-part.directive";
 
 interface I18nStringPart {
@@ -38,6 +40,7 @@ interface I18nStringPart {
  */
 @Component({
   selector: "[bit-i18n],bit-i18n",
+  imports: [SharedModule],
   template: `
     <ng-container *ngFor="let part of translationParts">
       <ng-container *ngIf="part.templateRef != undefined; else text">
@@ -48,6 +51,7 @@ interface I18nStringPart {
       <ng-template #text>{{ part.text }}</ng-template>
     </ng-container>
   `,
+  standalone: true,
 })
 export class I18nComponent implements AfterContentInit {
   @Input("key")
diff --git a/libs/components/src/i18n/i18n.module.ts b/libs/components/src/i18n/i18n.module.ts
index 85f935d58e7..ee50361378e 100644
--- a/libs/components/src/i18n/i18n.module.ts
+++ b/libs/components/src/i18n/i18n.module.ts
@@ -6,8 +6,7 @@ import { I18nPartDirective } from "./i18n-part.directive";
 import { I18nComponent } from "./i18n.component";
 
 @NgModule({
-  imports: [SharedModule],
-  declarations: [I18nComponent, I18nPartDirective],
+  imports: [SharedModule, I18nComponent, I18nPartDirective],
   exports: [I18nComponent, I18nPartDirective],
 })
 export class I18nModule {}