Converting the PlotlyComponent to standalone: true

afarzat-ed · afarzat-ed · commit 3d7cfe16c5fd · 2025-06-07T14:54:40.000-03:00
diff --git a/projects/plotly/src/lib/plotly-shared.module.ts b/projects/plotly/src/lib/plotly-shared.module.ts
@@ -6,8 +6,7 @@ import { PlotlyComponent } from './plotly.component';
 
 
 @NgModule({
-    declarations: [PlotlyComponent],
-    imports: [CommonModule],
+    imports: [CommonModule, PlotlyComponent],
     providers: [PlotlyService],
     exports: [PlotlyComponent],
 })
diff --git a/projects/plotly/src/lib/plotly.component.spec.ts b/projects/plotly/src/lib/plotly.component.spec.ts
@@ -19,7 +19,7 @@ describe('PlotlyComponent', () => {
         windowSpy = jasmine.createSpyObj('Window', ['addEventListener', 'removeEventListener']);
 
         TestBed.configureTestingModule({
-            declarations: [PlotlyComponent],
+            imports: [PlotlyComponent],
             providers: [
                 PlotlyService,
             ],
diff --git a/projects/plotly/src/lib/plotly.component.ts b/projects/plotly/src/lib/plotly.component.ts
@@ -18,18 +18,20 @@ import {
     output,
     OutputEmitterRef,
 } from '@angular/core';
+import { CommonModule } from '@angular/common';
 
 import { PlotlyService } from './plotly.service';
 import { Plotly } from './plotly.interface';
 
 // @dynamic
 @Component({
     selector: 'plotly-plot',
+    standalone: true,
+    imports: [CommonModule],
     template: `<div #plot [attr.id]="divId()" [ngClass]="getClassName()" [ngStyle]="style()">
       <ng-content></ng-content>
     </div>`,
     providers: [PlotlyService],
-    standalone: false
 })
 export class PlotlyComponent implements OnInit, OnChanges, OnDestroy, DoCheck {
     protected defaultClassName = 'js-plotly-plot';
