diff --git a/pdb-js/src/app/app.module.ts b/pdb-js/src/app/app.module.ts index 60dd8de..795598b 100644 --- a/pdb-js/src/app/app.module.ts +++ b/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())] }) diff --git a/pdb-js/src/app/y-axis-definition/y-axis-definition.component.ts b/pdb-js/src/app/y-axis-definition/y-axis-definition.component.ts index a980a95..cb266d4 100644 --- a/pdb-js/src/app/y-axis-definition/y-axis-definition.component.ts +++ b/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 {