convert y axis definition to standalone component

pdb-js/src/app/app.module.ts

@@ -58,7 +58,6 @@ import { LimitByComponent } from "./limit-by/limit-by.component";
 @NgModule({ declarations: [
         AppComponent,
         VisualizationPageComponent,
-        YAxisDefinitionComponent,
         QueryAutocompleteComponent,
         PlotDetailsComponent,
         PlotViewComponent,
@@ -104,7 +103,10 @@ import { LimitByComponent } from "./limit-by/limit-by.component";
         MatTableModule,
         MatTooltipModule,
         BrowserAnimationsModule,
-        OverlayModule], providers: [{
+        OverlayModule,
+        YAxisDefinitionComponent
+      ], 
+      providers: [{
             provide: MAT_DIALOG_DEFAULT_OPTIONS,
             useValue: { hasBackdrop: true },
         }, provideHttpClient(withInterceptorsFromDi())] })

pdb-js/src/app/y-axis-definition/y-axis-definition.component.ts

@@ -1,10 +1,27 @@
 import { Component,  Input } from '@angular/core';
 import { YAxisDefinition  } from '../plot.service';
+import { BrowserModule } from '@angular/platform-browser';
+import { MatFormField, MatLabel } from '@angular/material/form-field';
+import { MatOptgroup, MatOption, MatSelect } from '@angular/material/select';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatInput } from '@angular/material/input';
 
 @Component({
   selector: 'pdb-y-axis-definition',
   templateUrl: './y-axis-definition.component.html',
-  styleUrls: ['./y-axis-definition.component.scss']
+  styleUrls: ['./y-axis-definition.component.scss'],
+  standalone: true,
+  imports: [
+    BrowserModule,
+    FormsModule,
+    MatFormField,
+    MatInput,
+    MatLabel,
+    MatSelect,
+    MatOption,
+    MatOptgroup,
+    ReactiveFormsModule
+  ]
 })
 export class YAxisDefinitionComponent {