step 1 - convert al lcomponents, directives and pipes to standalone

see https://v17.angular.io/guide/standalone-migration
I executed:
ng g @angular/core:standalone
and selected "Convert all components, directives and pipes to standalone"

pdb-js/src/app/plot-view/plot-view.component.spec.ts

@@ -8,8 +8,8 @@ describe('PlotViewComponent', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [ PlotViewComponent ]
-    })
+    imports: [PlotViewComponent]
+})
     .compileComponents();
   }));
 

pdb-js/src/app/plot-view/plot-view.component.ts

@@ -8,11 +8,16 @@ import { Overlay } from "@angular/cdk/overlay";
 import { DateTime, Duration } from "luxon";
 import { DateValue } from '../components/datepicker/date-picker.component';
 import { Observable } from 'rxjs';
+import { CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';
+import { NgClass, NgFor, NgIf } from '@angular/common';
+import { PlotDetailsComponent } from '../plot-details/plot-details.component';
 
 @Component({
-  selector: 'pdb-plot-view',
-  templateUrl: './plot-view.component.html',
-  styleUrls: ['./plot-view.component.scss']
+    selector: 'pdb-plot-view',
+    templateUrl: './plot-view.component.html',
+    styleUrls: ['./plot-view.component.scss'],
+    standalone: true,
+    imports: [CdkDrag, NgClass, CdkDragHandle, NgFor, NgIf, PlotDetailsComponent]
 })
 export class PlotViewComponent {