From 287d96d723648b45f7bfc10cd6f034da1b7cbc58 Mon Sep 17 00:00:00 2001
From: Hiroki Terashima <honchikun@gmail.com>
Date: Fri, 20 Sep 2024 17:49:33 -0700
Subject: [PATCH] refactor(ComponentAuthoringComponent): Convert to standalone
 (#1953)

---
 src/app/teacher/component-authoring.module.ts             | 2 +-
 .../components/component-authoring.component.ts           | 8 ++++++--
 .../node/node-authoring/node-authoring.component.html     | 5 +----
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/app/teacher/component-authoring.module.ts b/src/app/teacher/component-authoring.module.ts
index e4319b2058..c1a5845751 100644
--- a/src/app/teacher/component-authoring.module.ts
+++ b/src/app/teacher/component-authoring.module.ts
@@ -97,7 +97,6 @@ import { RequiredErrorLabelComponent } from '../../assets/wise5/authoringTool/no
     AnimationAuthoring,
     AudioOscillatorAuthoring,
     AuthorUrlParametersComponent,
-    ComponentAuthoringComponent,
     ConceptMapAuthoring,
     CreateNewPeerGroupingDialogComponent,
     DrawAuthoring,
@@ -174,6 +173,7 @@ import { RequiredErrorLabelComponent } from '../../assets/wise5/authoringTool/no
     WiseLinkAuthoringDialogComponent
   ],
   imports: [
+    ComponentAuthoringComponent,
     ComponentConstraintAuthoringComponent,
     EditComponentAdvancedButtonComponent,
     EditComponentWidthComponent,
diff --git a/src/assets/wise5/authoringTool/components/component-authoring.component.ts b/src/assets/wise5/authoringTool/components/component-authoring.component.ts
index d750d3cf09..322b7f10a3 100644
--- a/src/assets/wise5/authoringTool/components/component-authoring.component.ts
+++ b/src/assets/wise5/authoringTool/components/component-authoring.component.ts
@@ -12,7 +12,8 @@ import { ComponentContent } from '../../common/ComponentContent';
 import { components } from '../../components/Components';
 
 @Component({
-  selector: 'component-authoring-component',
+  selector: 'component-authoring',
+  standalone: true,
   template: '<div #component></div>'
 })
 export class ComponentAuthoringComponent {
@@ -21,7 +22,10 @@ export class ComponentAuthoringComponent {
   private componentRef: ComponentRef<any>;
   @Input() private nodeId: string;
 
-  constructor(private applicationRef: ApplicationRef, private injector: EnvironmentInjector) {}
+  constructor(
+    private applicationRef: ApplicationRef,
+    private injector: EnvironmentInjector
+  ) {}
 
   ngAfterViewInit(): void {
     this.componentRef = createComponent(components[this.componentContent.type].authoring, {
diff --git a/src/assets/wise5/authoringTool/node/node-authoring/node-authoring.component.html b/src/assets/wise5/authoringTool/node/node-authoring/node-authoring.component.html
index af2aaff5c7..558c5e56ad 100644
--- a/src/assets/wise5/authoringTool/node/node-authoring/node-authoring.component.html
+++ b/src/assets/wise5/authoringTool/node/node-authoring/node-authoring.component.html
@@ -155,10 +155,7 @@ <h5 i18n>Components</h5>
           </mat-expansion-panel-header>
           <div>
             @if (componentsToExpanded[component.id]) {
-              <component-authoring-component
-                [nodeId]="nodeId"
-                [componentContent]="component"
-              ></component-authoring-component>
+              <component-authoring [nodeId]="nodeId" [componentContent]="component" />
             }
           </div>
         </mat-expansion-panel>