feat: migrate everything to standalone and fix build errors

.eslintrc.json

@@ -139,7 +139,6 @@
           }
         ],
         "@angular-eslint/no-attribute-decorator": "error",
-        "@angular-eslint/no-forward-ref": "error",
         "@angular-eslint/no-output-native": "warn",
         "@angular-eslint/no-output-on-prefix": "warn",
         "@angular-eslint/no-conflicting-lifecycle": "warn",

src/app/access-control/access-control.module.ts

@@ -28,36 +28,34 @@ export const ValidateEmailErrorStateMatcher: DynamicErrorMessagesMatcher =
   };
 
 @NgModule({
-  imports: [
-    CommonModule,
-    SharedModule,
-    RouterModule,
-    AccessControlRoutingModule,
-    FormModule,
-    NgbAccordionModule,
-    SearchModule,
-    AccessControlFormModule,
-  ],
-  exports: [
-    MembersListComponent,
-  ],
-  declarations: [
-    EPeopleRegistryComponent,
-    EPersonFormComponent,
-    GroupsRegistryComponent,
-    GroupFormComponent,
-    SubgroupsListComponent,
-    MembersListComponent,
-    BulkAccessComponent,
-    BulkAccessBrowseComponent,
-    BulkAccessSettingsComponent,
-  ],
-  providers: [
-    {
-      provide: DYNAMIC_ERROR_MESSAGES_MATCHER,
-      useValue: ValidateEmailErrorStateMatcher
-    },
-  ]
+    imports: [
+        CommonModule,
+        SharedModule,
+        RouterModule,
+        AccessControlRoutingModule,
+        FormModule,
+        NgbAccordionModule,
+        SearchModule,
+        AccessControlFormModule,
+        EPeopleRegistryComponent,
+        EPersonFormComponent,
+        GroupsRegistryComponent,
+        GroupFormComponent,
+        SubgroupsListComponent,
+        MembersListComponent,
+        BulkAccessComponent,
+        BulkAccessBrowseComponent,
+        BulkAccessSettingsComponent
+    ],
+    exports: [
+        MembersListComponent,
+    ],
+    providers: [
+        {
+            provide: DYNAMIC_ERROR_MESSAGES_MATCHER,
+            useValue: ValidateEmailErrorStateMatcher
+        },
+    ]
 })
 /**
  * This module handles all components related to the access control pages

src/app/access-control/bulk-access/browse/bulk-access-browse.component.spec.ts

@@ -28,17 +28,17 @@ describe('BulkAccessBrowseComponent', () => {
   const selectableListService = jasmine.createSpyObj('SelectableListService', ['getSelectableList', 'deselectAll']);
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      imports: [
+    imports: [
         NgbAccordionModule,
         NgbNavModule,
-        TranslateModule.forRoot()
-      ],
-      declarations: [BulkAccessBrowseComponent],
-      providers: [ { provide: SelectableListService, useValue: selectableListService }, ],
-      schemas: [
+        TranslateModule.forRoot(),
+        BulkAccessBrowseComponent
+    ],
+    providers: [{ provide: SelectableListService, useValue: selectableListService },],
+    schemas: [
         NO_ERRORS_SCHEMA
-      ]
-    }).compileComponents();
+    ]
+}).compileComponents();
   }));
 
   beforeEach(() => {

src/app/access-control/bulk-access/browse/bulk-access-browse.component.ts

@@ -14,6 +14,19 @@ import { createSuccessfulRemoteDataObject } from '../../../shared/remote-data.ut
 import { PageInfo } from '../../../core/shared/page-info.model';
 import { PaginationComponentOptions } from '../../../shared/pagination/pagination-component-options.model';
 import { hasValue } from '../../../shared/empty.util';
+import { PaginationComponent } from '../../../shared/pagination/pagination.component';
+import { AsyncPipe, NgForOf, NgIf } from '@angular/common';
+import { NgbAccordionModule, NgbNavModule } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateModule } from '@ngx-translate/core';
+import { ThemedSearchComponent } from '../../../shared/search/themed-search.component';
+import { BrowserOnlyPipe } from '../../../shared/utils/browser-only.pipe';
+import { NgxPaginationModule } from 'ngx-pagination';
+import {
+  SelectableListItemControlComponent
+} from '../../../shared/object-collection/shared/selectable-list-item-control/selectable-list-item-control.component';
+import {
+  ListableObjectComponentLoaderComponent
+} from '../../../shared/object-collection/shared/listable-object/listable-object-component-loader.component';
 
 @Component({
   selector: 'ds-bulk-access-browse',
@@ -24,7 +37,22 @@ import { hasValue } from '../../../shared/empty.util';
       provide: SEARCH_CONFIG_SERVICE,
       useClass: SearchConfigurationService
     }
-  ]
+  ],
+  imports: [
+    PaginationComponent,
+    AsyncPipe,
+    NgbAccordionModule,
+    TranslateModule,
+    NgIf,
+    NgbNavModule,
+    ThemedSearchComponent,
+    BrowserOnlyPipe,
+    NgForOf,
+    NgxPaginationModule,
+    SelectableListItemControlComponent,
+    ListableObjectComponentLoaderComponent
+  ],
+  standalone: true
 })
 export class BulkAccessBrowseComponent implements OnInit, OnDestroy {
 

src/app/access-control/bulk-access/bulk-access.component.spec.ts

@@ -69,18 +69,18 @@ describe('BulkAccessComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [
+    imports: [
         RouterTestingModule,
-        TranslateModule.forRoot()
-      ],
-      declarations: [ BulkAccessComponent ],
-      providers: [
+        TranslateModule.forRoot(),
+        BulkAccessComponent
+    ],
+    providers: [
         { provide: BulkAccessControlService, useValue: bulkAccessControlServiceMock },
         { provide: NotificationsService, useValue: NotificationsServiceStub },
         { provide: SelectableListService, useValue: selectableListServiceMock }
-      ],
-      schemas: [NO_ERRORS_SCHEMA]
-    })
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+})
       .compileComponents();
   });
 

src/app/access-control/bulk-access/bulk-access.component.ts

@@ -7,11 +7,19 @@ import { BulkAccessSettingsComponent } from './settings/bulk-access-settings.com
 import { BulkAccessControlService } from '../../shared/access-control-form-container/bulk-access-control.service';
 import { SelectableListState } from '../../shared/object-list/selectable-list/selectable-list.reducer';
 import { SelectableListService } from '../../shared/object-list/selectable-list/selectable-list.service';
+import { TranslateModule } from '@ngx-translate/core';
+import { BulkAccessBrowseComponent } from './browse/bulk-access-browse.component';
 
 @Component({
   selector: 'ds-bulk-access',
   templateUrl: './bulk-access.component.html',
-  styleUrls: ['./bulk-access.component.scss']
+  styleUrls: ['./bulk-access.component.scss'],
+  imports: [
+    TranslateModule,
+    BulkAccessSettingsComponent,
+    BulkAccessBrowseComponent
+  ],
+  standalone: true
 })
 export class BulkAccessComponent implements OnInit {
 

src/app/access-control/bulk-access/settings/bulk-access-settings.component.spec.ts

@@ -41,10 +41,9 @@ describe('BulkAccessSettingsComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [NgbAccordionModule, TranslateModule.forRoot()],
-      declarations: [BulkAccessSettingsComponent],
-      schemas: [NO_ERRORS_SCHEMA]
-    }).compileComponents();
+    imports: [NgbAccordionModule, TranslateModule.forRoot(), BulkAccessSettingsComponent],
+    schemas: [NO_ERRORS_SCHEMA]
+}).compileComponents();
   });
 
   beforeEach(() => {

src/app/access-control/bulk-access/settings/bulk-access-settings.component.ts

@@ -2,12 +2,22 @@ import { Component, ViewChild } from '@angular/core';
 import {
   AccessControlFormContainerComponent
 } from '../../../shared/access-control-form-container/access-control-form-container.component';
+import { NgbAccordionModule } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateModule } from '@ngx-translate/core';
+import { NgIf } from '@angular/common';
 
 @Component({
   selector: 'ds-bulk-access-settings',
   templateUrl: 'bulk-access-settings.component.html',
   styleUrls: ['./bulk-access-settings.component.scss'],
-  exportAs: 'dsBulkSettings'
+  exportAs: 'dsBulkSettings',
+  imports: [
+    NgbAccordionModule,
+    TranslateModule,
+    NgIf,
+    AccessControlFormContainerComponent
+  ],
+  standalone: true
 })
 export class BulkAccessSettingsComponent {
 

src/app/access-control/epeople-registry/epeople-registry.component.spec.ts

@@ -123,16 +123,14 @@ describe('EPeopleRegistryComponent', () => {
 
     paginationService = new PaginationServiceStub();
     TestBed.configureTestingModule({
-      imports: [CommonModule, NgbModule, FormsModule, ReactiveFormsModule, BrowserModule,
+    imports: [CommonModule, NgbModule, FormsModule, ReactiveFormsModule, BrowserModule,
         TranslateModule.forRoot({
-          loader: {
-            provide: TranslateLoader,
-            useClass: TranslateLoaderMock
-          }
-        }),
-      ],
-      declarations: [EPeopleRegistryComponent],
-      providers: [
+            loader: {
+                provide: TranslateLoader,
+                useClass: TranslateLoaderMock
+            }
+        }), EPeopleRegistryComponent],
+    providers: [
         { provide: EPersonDataService, useValue: ePersonDataServiceStub },
         { provide: NotificationsService, useValue: new NotificationsServiceStub() },
         { provide: AuthorizationDataService, useValue: authorizationService },
@@ -140,9 +138,9 @@ describe('EPeopleRegistryComponent', () => {
         { provide: Router, useValue: new RouterStub() },
         { provide: RequestService, useValue: jasmine.createSpyObj('requestService', ['removeByHrefSubstring']) },
         { provide: PaginationService, useValue: paginationService }
-      ],
-      schemas: [NO_ERRORS_SCHEMA]
-    }).compileComponents();
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+}).compileComponents();
   }));
 
   beforeEach(() => {

src/app/access-control/epeople-registry/epeople-registry.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
-import { UntypedFormBuilder } from '@angular/forms';
+import { ReactiveFormsModule, UntypedFormBuilder } from '@angular/forms';
 import { Router } from '@angular/router';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { BehaviorSubject, combineLatest, Observable, Subscription } from 'rxjs';
 import { map, switchMap, take } from 'rxjs/operators';
 import { buildPaginatedList, PaginatedList } from '../../core/data/paginated-list.model';
@@ -22,10 +22,26 @@ import { PageInfo } from '../../core/shared/page-info.model';
 import { NoContent } from '../../core/shared/NoContent.model';
 import { PaginationService } from '../../core/pagination/pagination.service';
 import { DSONameService } from '../../core/breadcrumbs/dso-name.service';
+import { AsyncPipe, NgClass, NgForOf, NgIf } from '@angular/common';
+import { EPersonFormComponent } from './eperson-form/eperson-form.component';
+import { ThemedLoadingComponent } from '../../shared/loading/themed-loading.component';
+import { PaginationComponent } from '../../shared/pagination/pagination.component';
 
 @Component({
   selector: 'ds-epeople-registry',
   templateUrl: './epeople-registry.component.html',
+  imports: [
+    TranslateModule,
+    AsyncPipe,
+    NgIf,
+    EPersonFormComponent,
+    ReactiveFormsModule,
+    ThemedLoadingComponent,
+    PaginationComponent,
+    NgClass,
+    NgForOf
+  ],
+  standalone: true
 })
 /**
  * A component used for managing all existing epeople within the repository.

src/app/access-control/epeople-registry/eperson-form/eperson-form.component.spec.ts

@@ -183,16 +183,14 @@ describe('EPersonFormComponent', () => {
 
     paginationService = new PaginationServiceStub();
     TestBed.configureTestingModule({
-      imports: [CommonModule, NgbModule, FormsModule, ReactiveFormsModule, BrowserModule,
+    imports: [CommonModule, NgbModule, FormsModule, ReactiveFormsModule, BrowserModule,
         TranslateModule.forRoot({
-          loader: {
-            provide: TranslateLoader,
-            useClass: TranslateLoaderMock
-          }
-        }),
-      ],
-      declarations: [EPersonFormComponent],
-      providers: [
+            loader: {
+                provide: TranslateLoader,
+                useClass: TranslateLoaderMock
+            }
+        }), EPersonFormComponent],
+    providers: [
         { provide: EPersonDataService, useValue: ePersonDataServiceStub },
         { provide: GroupDataService, useValue: groupsDataService },
         { provide: FormBuilderService, useValue: builderService },
@@ -200,12 +198,12 @@ describe('EPersonFormComponent', () => {
         { provide: AuthService, useValue: authService },
         { provide: AuthorizationDataService, useValue: authorizationService },
         { provide: PaginationService, useValue: paginationService },
-        { provide: RequestService, useValue: jasmine.createSpyObj('requestService', ['removeByHrefSubstring'])},
+        { provide: RequestService, useValue: jasmine.createSpyObj('requestService', ['removeByHrefSubstring']) },
         { provide: EpersonRegistrationService, useValue: epersonRegistrationService },
         EPeopleRegistryComponent
-      ],
-      schemas: [NO_ERRORS_SCHEMA]
-    }).compileComponents();
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+}).compileComponents();
   }));
 
   epersonRegistrationService = jasmine.createSpyObj('epersonRegistrationService', {

src/app/access-control/epeople-registry/eperson-form/eperson-form.component.ts

@@ -6,7 +6,7 @@ import {
   DynamicFormLayout,
   DynamicInputModel
 } from '@ng-dynamic-forms/core';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { combineLatest as observableCombineLatest, Observable, of as observableOf, Subscription } from 'rxjs';
 import { debounceTime, finalize, map, switchMap, take } from 'rxjs/operators';
 import { PaginatedList } from '../../../core/data/paginated-list.model';
@@ -38,10 +38,26 @@ import { Registration } from '../../../core/shared/registration.model';
 import { EpersonRegistrationService } from '../../../core/data/eperson-registration.service';
 import { TYPE_REQUEST_FORGOT } from '../../../register-email-form/register-email-form.component';
 import { DSONameService } from '../../../core/breadcrumbs/dso-name.service';
+import { FormComponent } from '../../../shared/form/form.component';
+import { AsyncPipe, NgClass, NgIf } from '@angular/common';
+import { ThemedLoadingComponent } from '../../../shared/loading/themed-loading.component';
+import { PaginationComponent } from '../../../shared/pagination/pagination.component';
+import { RouterLink } from '@angular/router';
 
 @Component({
   selector: 'ds-eperson-form',
   templateUrl: './eperson-form.component.html',
+  imports: [
+    FormComponent,
+    NgIf,
+    AsyncPipe,
+    TranslateModule,
+    NgClass,
+    ThemedLoadingComponent,
+    PaginationComponent,
+    RouterLink
+  ],
+  standalone: true
 })
 /**
  * A form used for creating and editing EPeople

src/app/access-control/group-registry/group-form/group-form.component.spec.ts

@@ -191,16 +191,14 @@ describe('GroupFormComponent', () => {
     router = new RouterMock();
     notificationService = new NotificationsServiceStub();
     return TestBed.configureTestingModule({
-      imports: [CommonModule, NgbModule, FormsModule, ReactiveFormsModule, BrowserModule,
+    imports: [CommonModule, NgbModule, FormsModule, ReactiveFormsModule, BrowserModule,
         TranslateModule.forRoot({
-          loader: {
-            provide: TranslateLoader,
-            useClass: TranslateLoaderMock
-          }
-        }),
-      ],
-      declarations: [GroupFormComponent],
-      providers: [
+            loader: {
+                provide: TranslateLoader,
+                useClass: TranslateLoaderMock
+            }
+        }), GroupFormComponent],
+    providers: [
         { provide: DSONameService, useValue: new DSONameServiceMock() },
         { provide: EPersonDataService, useValue: ePersonDataServiceStub },
         { provide: GroupDataService, useValue: groupsDataServiceStub },
@@ -215,14 +213,14 @@ describe('GroupFormComponent', () => {
         { provide: RemoteDataBuildService, useValue: {} },
         { provide: HALEndpointService, useValue: {} },
         {
-          provide: ActivatedRoute,
-          useValue: { data: observableOf({ dso: { payload: {} } }), params: observableOf({}) }
+            provide: ActivatedRoute,
+            useValue: { data: observableOf({ dso: { payload: {} } }), params: observableOf({}) }
         },
         { provide: Router, useValue: router },
         { provide: AuthorizationDataService, useValue: authorizationService },
-      ],
-      schemas: [NO_ERRORS_SCHEMA]
-    }).compileComponents();
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+}).compileComponents();
   }));
 
   beforeEach(() => {

src/app/access-control/group-registry/group-form/group-form.component.ts

@@ -8,7 +8,7 @@ import {
   DynamicInputModel,
   DynamicTextAreaModel
 } from '@ng-dynamic-forms/core';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import {
   ObservedValueOf,
   combineLatest as observableCombineLatest,
@@ -48,10 +48,27 @@ import { Operation } from 'fast-json-patch';
 import { ValidateGroupExists } from './validators/group-exists.validator';
 import { DSONameService } from '../../../core/breadcrumbs/dso-name.service';
 import { environment } from '../../../../environments/environment';
+import { FormComponent } from '../../../shared/form/form.component';
+import { AlertComponent } from '../../../shared/alert/alert.component';
+import { AsyncPipe, NgIf } from '@angular/common';
+import { ContextHelpDirective } from '../../../shared/context-help.directive';
+import { MembersListComponent } from './members-list/members-list.component';
+import { SubgroupsListComponent } from './subgroup-list/subgroups-list.component';
 
 @Component({
   selector: 'ds-group-form',
-  templateUrl: './group-form.component.html'
+  templateUrl: './group-form.component.html',
+  imports: [
+    FormComponent,
+    AlertComponent,
+    NgIf,
+    AsyncPipe,
+    TranslateModule,
+    ContextHelpDirective,
+    MembersListComponent,
+    SubgroupsListComponent
+  ],
+  standalone: true
 })
 /**
  * A form used for creating and editing groups

src/app/access-control/group-registry/group-form/members-list/members-list.component.spec.ts

@@ -121,16 +121,14 @@ describe('MembersListComponent', () => {
 
     paginationService = new PaginationServiceStub();
     return TestBed.configureTestingModule({
-      imports: [CommonModule, NgbModule, FormsModule, ReactiveFormsModule, BrowserModule,
+    imports: [CommonModule, NgbModule, FormsModule, ReactiveFormsModule, BrowserModule,
         TranslateModule.forRoot({
-          loader: {
-            provide: TranslateLoader,
-            useClass: TranslateLoaderMock
-          }
-        }),
-      ],
-      declarations: [MembersListComponent],
-      providers: [MembersListComponent,
+            loader: {
+                provide: TranslateLoader,
+                useClass: TranslateLoaderMock
+            }
+        }), MembersListComponent],
+    providers: [MembersListComponent,
         { provide: EPersonDataService, useValue: ePersonDataServiceStub },
         { provide: GroupDataService, useValue: groupsDataServiceStub },
         { provide: NotificationsService, useValue: new NotificationsServiceStub() },
@@ -138,9 +136,9 @@ describe('MembersListComponent', () => {
         { provide: Router, useValue: new RouterMock() },
         { provide: PaginationService, useValue: paginationService },
         { provide: DSONameService, useValue: new DSONameServiceMock() },
-      ],
-      schemas: [NO_ERRORS_SCHEMA]
-    }).compileComponents();
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+}).compileComponents();
   }));
 
   beforeEach(() => {

src/app/access-control/group-registry/group-form/members-list/members-list.component.ts

@@ -1,7 +1,7 @@
 import { Component, Input, OnDestroy, OnInit } from '@angular/core';
-import { UntypedFormBuilder } from '@angular/forms';
-import { Router } from '@angular/router';
-import { TranslateService } from '@ngx-translate/core';
+import { ReactiveFormsModule, UntypedFormBuilder } from '@angular/forms';
+import { Router, RouterLink } from '@angular/router';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import {
   Observable,
   of as observableOf,
@@ -28,6 +28,9 @@ import { PaginationComponentOptions } from '../../../../shared/pagination/pagina
 import { EpersonDtoModel } from '../../../../core/eperson/models/eperson-dto.model';
 import { PaginationService } from '../../../../core/pagination/pagination.service';
 import { DSONameService } from '../../../../core/breadcrumbs/dso-name.service';
+import { ContextHelpDirective } from '../../../../shared/context-help.directive';
+import { PaginationComponent } from '../../../../shared/pagination/pagination.component';
+import { AsyncPipe, NgClass, NgForOf, NgIf } from '@angular/common';
 
 /**
  * Keys to keep track of specific subscriptions
@@ -69,7 +72,19 @@ export interface EPersonListActionConfig {
 
 @Component({
   selector: 'ds-members-list',
-  templateUrl: './members-list.component.html'
+  templateUrl: './members-list.component.html',
+  imports: [
+    TranslateModule,
+    ContextHelpDirective,
+    ReactiveFormsModule,
+    PaginationComponent,
+    NgIf,
+    AsyncPipe,
+    RouterLink,
+    NgClass,
+    NgForOf
+  ],
+  standalone: true
 })
 /**
  * The list of members in the edit group page

src/app/access-control/group-registry/group-form/subgroup-list/subgroups-list.component.spec.ts

@@ -100,25 +100,23 @@ describe('SubgroupsListComponent', () => {
 
     paginationService = new PaginationServiceStub();
     TestBed.configureTestingModule({
-      imports: [CommonModule, NgbModule, FormsModule, ReactiveFormsModule, BrowserModule,
+    imports: [CommonModule, NgbModule, FormsModule, ReactiveFormsModule, BrowserModule,
         TranslateModule.forRoot({
-          loader: {
-            provide: TranslateLoader,
-            useClass: TranslateLoaderMock
-          }
-        }),
-      ],
-      declarations: [SubgroupsListComponent],
-      providers: [SubgroupsListComponent,
+            loader: {
+                provide: TranslateLoader,
+                useClass: TranslateLoaderMock
+            }
+        }), SubgroupsListComponent],
+    providers: [SubgroupsListComponent,
         { provide: DSONameService, useValue: new DSONameServiceMock() },
         { provide: GroupDataService, useValue: groupsDataServiceStub },
         { provide: NotificationsService, useValue: new NotificationsServiceStub() },
         { provide: FormBuilderService, useValue: builderService },
         { provide: Router, useValue: routerStub },
         { provide: PaginationService, useValue: paginationService },
-      ],
-      schemas: [NO_ERRORS_SCHEMA]
-    }).compileComponents();
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+}).compileComponents();
   }));
 
   beforeEach(() => {

src/app/access-control/group-registry/group-form/subgroup-list/subgroups-list.component.ts

@@ -1,7 +1,7 @@
 import { Component, Input, OnDestroy, OnInit } from '@angular/core';
-import { UntypedFormBuilder } from '@angular/forms';
-import { Router } from '@angular/router';
-import { TranslateService } from '@ngx-translate/core';
+import { ReactiveFormsModule, UntypedFormBuilder } from '@angular/forms';
+import { Router, RouterLink } from '@angular/router';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { BehaviorSubject, Observable, of as observableOf, Subscription } from 'rxjs';
 import { map, mergeMap, switchMap, take } from 'rxjs/operators';
 import { PaginatedList } from '../../../../core/data/paginated-list.model';
@@ -19,6 +19,9 @@ import { NoContent } from '../../../../core/shared/NoContent.model';
 import { PaginationService } from '../../../../core/pagination/pagination.service';
 import { followLink } from '../../../../shared/utils/follow-link-config.model';
 import { DSONameService } from '../../../../core/breadcrumbs/dso-name.service';
+import { AsyncPipe, NgForOf, NgIf } from "@angular/common";
+import { ContextHelpDirective } from "../../../../shared/context-help.directive";
+import { PaginationComponent } from "../../../../shared/pagination/pagination.component";
 
 /**
  * Keys to keep track of specific subscriptions
@@ -31,7 +34,18 @@ enum SubKey {
 
 @Component({
   selector: 'ds-subgroups-list',
-  templateUrl: './subgroups-list.component.html'
+  templateUrl: './subgroups-list.component.html',
+  imports: [
+    RouterLink,
+    AsyncPipe,
+    NgForOf,
+    ContextHelpDirective,
+    TranslateModule,
+    ReactiveFormsModule,
+    PaginationComponent,
+    NgIf
+  ],
+  standalone: true
 })
 /**
  * The list of subgroups in the edit group page

src/app/access-control/group-registry/groups-registry.component.spec.ts

@@ -163,16 +163,14 @@ describe('GroupsRegistryComponent', () => {
     setIsAuthorized(true, true);
     paginationService = new PaginationServiceStub();
     return TestBed.configureTestingModule({
-      imports: [CommonModule, NgbModule, FormsModule, ReactiveFormsModule, BrowserModule,
+    imports: [CommonModule, NgbModule, FormsModule, ReactiveFormsModule, BrowserModule,
         TranslateModule.forRoot({
-          loader: {
-            provide: TranslateLoader,
-            useClass: TranslateLoaderMock
-          }
-        }),
-      ],
-      declarations: [GroupsRegistryComponent],
-      providers: [GroupsRegistryComponent,
+            loader: {
+                provide: TranslateLoader,
+                useClass: TranslateLoaderMock
+            }
+        }), GroupsRegistryComponent],
+    providers: [GroupsRegistryComponent,
         { provide: DSONameService, useValue: new DSONameServiceMock() },
         { provide: EPersonDataService, useValue: ePersonDataServiceStub },
         { provide: GroupDataService, useValue: groupsDataServiceStub },
@@ -183,9 +181,9 @@ describe('GroupsRegistryComponent', () => {
         { provide: AuthorizationDataService, useValue: authorizationService },
         { provide: PaginationService, useValue: paginationService },
         { provide: RequestService, useValue: jasmine.createSpyObj('requestService', ['removeByHrefSubstring']) }
-      ],
-      schemas: [NO_ERRORS_SCHEMA]
-    }).compileComponents();
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+}).compileComponents();
   }));
 
   beforeEach(() => {

src/app/access-control/group-registry/groups-registry.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
-import { UntypedFormBuilder } from '@angular/forms';
-import { Router } from '@angular/router';
-import { TranslateService } from '@ngx-translate/core';
+import { ReactiveFormsModule, UntypedFormBuilder } from '@angular/forms';
+import { Router, RouterLink } from '@angular/router';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import {
   BehaviorSubject,
   combineLatest as observableCombineLatest,
@@ -38,10 +38,27 @@ import { NoContent } from '../../core/shared/NoContent.model';
 import { PaginationService } from '../../core/pagination/pagination.service';
 import { followLink } from '../../shared/utils/follow-link-config.model';
 import { DSONameService } from '../../core/breadcrumbs/dso-name.service';
+import { ThemedLoadingComponent } from '../../shared/loading/themed-loading.component';
+import { AsyncPipe, NgIf, NgSwitch, NgSwitchCase } from '@angular/common';
+import { PaginationComponent } from '../../shared/pagination/pagination.component';
+import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
 
 @Component({
   selector: 'ds-groups-registry',
   templateUrl: './groups-registry.component.html',
+  imports: [
+    ThemedLoadingComponent,
+    TranslateModule,
+    RouterLink,
+    ReactiveFormsModule,
+    AsyncPipe,
+    NgIf,
+    PaginationComponent,
+    NgSwitch,
+    NgSwitchCase,
+    NgbTooltipModule
+  ],
+  standalone: true
 })
 /**
  * A component used for managing all existing groups within the repository.

src/app/admin/admin-curation-tasks/admin-curation-tasks.component.spec.ts

@@ -9,10 +9,9 @@ describe('AdminCurationTasksComponent', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      imports: [TranslateModule.forRoot()],
-      declarations: [AdminCurationTasksComponent],
-      schemas: [CUSTOM_ELEMENTS_SCHEMA]
-    }).compileComponents();
+    imports: [TranslateModule.forRoot(), AdminCurationTasksComponent],
+    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+}).compileComponents();
   }));
 
   beforeEach(() => {

src/app/admin/admin-curation-tasks/admin-curation-tasks.component.ts

@@ -1,4 +1,6 @@
 import { Component } from '@angular/core';
+import { CurationFormComponent } from "../../curation-form/curation-form.component";
+import { TranslateModule } from "@ngx-translate/core";
 
 /**
  * Component responsible for rendering the system wide Curation Task UI
@@ -6,6 +8,11 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'ds-admin-curation-task',
   templateUrl: './admin-curation-tasks.component.html',
+  imports: [
+    CurationFormComponent,
+    TranslateModule
+  ],
+  standalone: true
 })
 export class AdminCurationTasksComponent {
 

src/app/admin/admin-import-batch-page/batch-import-page.component.spec.ts

@@ -45,20 +45,20 @@ describe('BatchImportPageComponent', () => {
   beforeEach(waitForAsync(() => {
     init();
     TestBed.configureTestingModule({
-      imports: [
+    imports: [
         FormsModule,
         TranslateModule.forRoot(),
-        RouterTestingModule.withRoutes([])
-      ],
-      declarations: [BatchImportPageComponent, FileValueAccessorDirective, FileValidator],
-      providers: [
+        RouterTestingModule.withRoutes([]),
+        BatchImportPageComponent, FileValueAccessorDirective, FileValidator
+    ],
+    providers: [
         { provide: NotificationsService, useValue: notificationService },
         { provide: ScriptDataService, useValue: scriptService },
         { provide: Router, useValue: router },
         { provide: Location, useValue: locationStub },
-      ],
-      schemas: [NO_ERRORS_SCHEMA]
-    }).compileComponents();
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+}).compileComponents();
   }));
 
   beforeEach(() => {

src/app/admin/admin-import-batch-page/batch-import-page.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
-import { Location } from '@angular/common';
-import { TranslateService } from '@ngx-translate/core';
+import { Location, NgIf } from '@angular/common';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { NotificationsService } from '../../shared/notifications/notifications.service';
 import { BATCH_IMPORT_SCRIPT_NAME, ScriptDataService } from '../../core/data/processes/script-data.service';
 import { Router } from '@angular/router';
@@ -17,10 +17,23 @@ import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { take } from 'rxjs/operators';
 import { DSpaceObject } from '../../core/shared/dspace-object.model';
 import { DSONameService } from '../../core/breadcrumbs/dso-name.service';
+import { FormsModule } from "@angular/forms";
+import { UiSwitchModule } from "ngx-ui-switch";
+import {
+  FileDropzoneNoUploaderComponent
+} from "../../shared/upload/file-dropzone-no-uploader/file-dropzone-no-uploader.component";
 
 @Component({
   selector: 'ds-batch-import-page',
-  templateUrl: './batch-import-page.component.html'
+  templateUrl: './batch-import-page.component.html',
+  imports: [
+    NgIf,
+    TranslateModule,
+    FormsModule,
+    UiSwitchModule,
+    FileDropzoneNoUploaderComponent
+  ],
+  standalone: true
 })
 export class BatchImportPageComponent {
   /**

src/app/admin/admin-import-metadata-page/metadata-import-page.component.spec.ts

@@ -42,20 +42,20 @@ describe('MetadataImportPageComponent', () => {
   beforeEach(waitForAsync(() => {
     init();
     TestBed.configureTestingModule({
-      imports: [
+    imports: [
         FormsModule,
         TranslateModule.forRoot(),
-        RouterTestingModule.withRoutes([])
-      ],
-      declarations: [MetadataImportPageComponent, FileValueAccessorDirective, FileValidator],
-      providers: [
+        RouterTestingModule.withRoutes([]),
+        MetadataImportPageComponent, FileValueAccessorDirective, FileValidator
+    ],
+    providers: [
         { provide: NotificationsService, useValue: notificationService },
         { provide: ScriptDataService, useValue: scriptService },
         { provide: Router, useValue: router },
         { provide: Location, useValue: locationStub },
-      ],
-      schemas: [NO_ERRORS_SCHEMA]
-    }).compileComponents();
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+}).compileComponents();
   }));
 
   beforeEach(() => {

src/app/admin/admin-import-metadata-page/metadata-import-page.component.ts

@@ -1,7 +1,7 @@
 import { Location } from '@angular/common';
 import { Component } from '@angular/core';
 import { Router } from '@angular/router';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { METADATA_IMPORT_SCRIPT_NAME, ScriptDataService } from '../../core/data/processes/script-data.service';
 import { ProcessParameter } from '../../process-page/processes/process-parameter.model';
 import { isNotEmpty } from '../../shared/empty.util';
@@ -10,10 +10,20 @@ import { RemoteData } from '../../core/data/remote-data';
 import { Process } from '../../process-page/processes/process.model';
 import { getFirstCompletedRemoteData } from '../../core/shared/operators';
 import { getProcessDetailRoute } from '../../process-page/process-page-routing.paths';
+import { FormsModule } from '@angular/forms';
+import {
+  FileDropzoneNoUploaderComponent
+} from '../../shared/upload/file-dropzone-no-uploader/file-dropzone-no-uploader.component';
 
 @Component({
   selector: 'ds-metadata-import-page',
-  templateUrl: './metadata-import-page.component.html'
+  templateUrl: './metadata-import-page.component.html',
+  imports: [
+    TranslateModule,
+    FormsModule,
+    FileDropzoneNoUploaderComponent
+  ],
+  standalone: true
 })
 
 /**

src/app/admin/admin-registries/admin-registries.module.ts

@@ -11,20 +11,18 @@ import { BitstreamFormatsModule } from './bitstream-formats/bitstream-formats.mo
 import { FormModule } from '../../shared/form/form.module';
 
 @NgModule({
-  imports: [
-    CommonModule,
-    SharedModule,
-    RouterModule,
-    BitstreamFormatsModule,
-    AdminRegistriesRoutingModule,
-    FormModule
-  ],
-  declarations: [
-    MetadataRegistryComponent,
-    MetadataSchemaComponent,
-    MetadataSchemaFormComponent,
-    MetadataFieldFormComponent
-  ]
+    imports: [
+        CommonModule,
+        SharedModule,
+        RouterModule,
+        BitstreamFormatsModule,
+        AdminRegistriesRoutingModule,
+        FormModule,
+        MetadataRegistryComponent,
+        MetadataSchemaComponent,
+        MetadataSchemaFormComponent,
+        MetadataFieldFormComponent
+    ]
 })
 export class AdminRegistriesModule {
 

src/app/admin/admin-registries/bitstream-formats/add-bitstream-format/add-bitstream-format.component.spec.ts

@@ -42,15 +42,14 @@ describe('AddBitstreamFormatComponent', () => {
     });
 
     TestBed.configureTestingModule({
-      imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule],
-      declarations: [AddBitstreamFormatComponent],
-      providers: [
+    imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule, AddBitstreamFormatComponent],
+    providers: [
         { provide: Router, useValue: router },
         { provide: NotificationsService, useValue: notificationService },
         { provide: BitstreamFormatDataService, useValue: bitstreamFormatDataService },
-      ],
-      schemas: [CUSTOM_ELEMENTS_SCHEMA]
-    }).compileComponents();
+    ],
+    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+}).compileComponents();
   };
 
   const initBeforeEach = () => {
@@ -82,15 +81,14 @@ describe('AddBitstreamFormatComponent', () => {
       });
 
       TestBed.configureTestingModule({
-        imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule],
-        declarations: [AddBitstreamFormatComponent],
-        providers: [
-          { provide: Router, useValue: router },
-          { provide: NotificationsService, useValue: notificationService },
-          { provide: BitstreamFormatDataService, useValue: bitstreamFormatDataService },
-        ],
-        schemas: [CUSTOM_ELEMENTS_SCHEMA]
-      }).compileComponents();
+    imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule, AddBitstreamFormatComponent],
+    providers: [
+        { provide: Router, useValue: router },
+        { provide: NotificationsService, useValue: notificationService },
+        { provide: BitstreamFormatDataService, useValue: bitstreamFormatDataService },
+    ],
+    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+}).compileComponents();
     }));
     beforeEach(initBeforeEach);
     it('should send the updated form to the service, show a notification and navigate to ', () => {

src/app/admin/admin-registries/bitstream-formats/add-bitstream-format/add-bitstream-format.component.ts

@@ -3,10 +3,11 @@ import { Component } from '@angular/core';
 import { BitstreamFormat } from '../../../../core/shared/bitstream-format.model';
 import { BitstreamFormatDataService } from '../../../../core/data/bitstream-format-data.service';
 import { NotificationsService } from '../../../../shared/notifications/notifications.service';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { getBitstreamFormatsModuleRoute } from '../../admin-registries-routing-paths';
 import { RemoteData } from '../../../../core/data/remote-data';
 import { getFirstCompletedRemoteData } from '../../../../core/shared/operators';
+import { FormatFormComponent } from '../format-form/format-form.component';
 
 /**
  * This component renders the page to create a new bitstream format.
@@ -14,6 +15,11 @@ import { getFirstCompletedRemoteData } from '../../../../core/shared/operators';
 @Component({
   selector: 'ds-add-bitstream-format',
   templateUrl: './add-bitstream-format.component.html',
+  imports: [
+    FormatFormComponent,
+    TranslateModule
+  ],
+  standalone: true
 })
 export class AddBitstreamFormatComponent {
 

src/app/admin/admin-registries/bitstream-formats/bitstream-formats.component.spec.ts

@@ -102,15 +102,14 @@ describe('BitstreamFormatsComponent', () => {
     paginationService = new PaginationServiceStub();
 
     TestBed.configureTestingModule({
-      imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule],
-      declarations: [BitstreamFormatsComponent, PaginationComponent, EnumKeysPipe],
-      providers: [
+    imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule, BitstreamFormatsComponent, PaginationComponent, EnumKeysPipe],
+    providers: [
         { provide: BitstreamFormatDataService, useValue: bitstreamFormatService },
         { provide: HostWindowService, useValue: new HostWindowServiceStub(0) },
         { provide: NotificationsService, useValue: notificationsServiceStub },
         { provide: PaginationService, useValue: paginationService }
-      ]
-    }).compileComponents();
+    ]
+}).compileComponents();
   };
 
   const initBeforeEach = () => {
@@ -230,15 +229,14 @@ describe('BitstreamFormatsComponent', () => {
       paginationService = new PaginationServiceStub();
 
       TestBed.configureTestingModule({
-          imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule],
-          declarations: [BitstreamFormatsComponent, PaginationComponent, EnumKeysPipe],
-          providers: [
-            { provide: BitstreamFormatDataService, useValue: bitstreamFormatService },
-            { provide: HostWindowService, useValue: new HostWindowServiceStub(0) },
-            { provide: NotificationsService, useValue: notificationsServiceStub },
-            { provide: PaginationService, useValue: paginationService }
-          ]
-        }).compileComponents();
+    imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule, BitstreamFormatsComponent, PaginationComponent, EnumKeysPipe],
+    providers: [
+        { provide: BitstreamFormatDataService, useValue: bitstreamFormatService },
+        { provide: HostWindowService, useValue: new HostWindowServiceStub(0) },
+        { provide: NotificationsService, useValue: notificationsServiceStub },
+        { provide: PaginationService, useValue: paginationService }
+    ]
+}).compileComponents();
       }
     ));
 
@@ -279,15 +277,14 @@ describe('BitstreamFormatsComponent', () => {
       paginationService = new PaginationServiceStub();
 
       TestBed.configureTestingModule({
-          imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule],
-          declarations: [BitstreamFormatsComponent, PaginationComponent, EnumKeysPipe],
-          providers: [
-            { provide: BitstreamFormatDataService, useValue: bitstreamFormatService },
-            { provide: HostWindowService, useValue: new HostWindowServiceStub(0) },
-            { provide: NotificationsService, useValue: notificationsServiceStub },
-            { provide: PaginationService, useValue: paginationService }
-          ]
-        }).compileComponents();
+    imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule, BitstreamFormatsComponent, PaginationComponent, EnumKeysPipe],
+    providers: [
+        { provide: BitstreamFormatDataService, useValue: bitstreamFormatService },
+        { provide: HostWindowService, useValue: new HostWindowServiceStub(0) },
+        { provide: NotificationsService, useValue: notificationsServiceStub },
+        { provide: PaginationService, useValue: paginationService }
+    ]
+}).compileComponents();
       }
     ));
 

src/app/admin/admin-registries/bitstream-formats/bitstream-formats.component.ts

@@ -7,19 +7,30 @@ import { BitstreamFormat } from '../../../core/shared/bitstream-format.model';
 import { BitstreamFormatDataService } from '../../../core/data/bitstream-format-data.service';
 import { map, mergeMap, switchMap, take, toArray } from 'rxjs/operators';
 import { NotificationsService } from '../../../shared/notifications/notifications.service';
-import { Router } from '@angular/router';
-import { TranslateService } from '@ngx-translate/core';
+import { Router, RouterLink } from '@angular/router';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { NoContent } from '../../../core/shared/NoContent.model';
 import { PaginationService } from '../../../core/pagination/pagination.service';
 import { FindListOptions } from '../../../core/data/find-list-options.model';
 import { getFirstCompletedRemoteData } from '../../../core/shared/operators';
+import { AsyncPipe, NgForOf, NgIf } from "@angular/common";
+import { PaginationComponent } from "../../../shared/pagination/pagination.component";
 
 /**
  * This component renders a list of bitstream formats
  */
 @Component({
   selector: 'ds-bitstream-formats',
-  templateUrl: './bitstream-formats.component.html'
+  templateUrl: './bitstream-formats.component.html',
+  imports: [
+    NgIf,
+    AsyncPipe,
+    RouterLink,
+    TranslateModule,
+    PaginationComponent,
+    NgForOf
+  ],
+  standalone: true
 })
 export class BitstreamFormatsComponent implements OnInit, OnDestroy {
 

src/app/admin/admin-registries/bitstream-formats/bitstream-formats.module.ts

@@ -10,19 +10,17 @@ import { AddBitstreamFormatComponent } from './add-bitstream-format/add-bitstrea
 import { FormModule } from '../../../shared/form/form.module';
 
 @NgModule({
-  imports: [
-    CommonModule,
-    SharedModule,
-    RouterModule,
-    BitstreamFormatsRoutingModule,
-    FormModule
-  ],
-  declarations: [
-    BitstreamFormatsComponent,
-    EditBitstreamFormatComponent,
-    AddBitstreamFormatComponent,
-    FormatFormComponent
-  ]
+    imports: [
+        CommonModule,
+        SharedModule,
+        RouterModule,
+        BitstreamFormatsRoutingModule,
+        FormModule,
+        BitstreamFormatsComponent,
+        EditBitstreamFormatComponent,
+        AddBitstreamFormatComponent,
+        FormatFormComponent
+    ]
 })
 export class BitstreamFormatsModule {
 

src/app/admin/admin-registries/bitstream-formats/edit-bitstream-format/edit-bitstream-format.component.spec.ts

@@ -52,16 +52,15 @@ describe('EditBitstreamFormatComponent', () => {
     });
 
     TestBed.configureTestingModule({
-      imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule],
-      declarations: [EditBitstreamFormatComponent],
-      providers: [
+    imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule, EditBitstreamFormatComponent],
+    providers: [
         { provide: ActivatedRoute, useValue: routeStub },
         { provide: Router, useValue: router },
         { provide: NotificationsService, useValue: notificationService },
         { provide: BitstreamFormatDataService, useValue: bitstreamFormatDataService },
-      ],
-      schemas: [CUSTOM_ELEMENTS_SCHEMA]
-    }).compileComponents();
+    ],
+    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+}).compileComponents();
   };
 
   const initBeforeEach = () => {
@@ -103,16 +102,15 @@ describe('EditBitstreamFormatComponent', () => {
       });
 
       TestBed.configureTestingModule({
-        imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule],
-        declarations: [EditBitstreamFormatComponent],
-        providers: [
-          { provide: ActivatedRoute, useValue: routeStub },
-          { provide: Router, useValue: router },
-          { provide: NotificationsService, useValue: notificationService },
-          { provide: BitstreamFormatDataService, useValue: bitstreamFormatDataService },
-        ],
-        schemas: [CUSTOM_ELEMENTS_SCHEMA]
-      }).compileComponents();
+    imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule, EditBitstreamFormatComponent],
+    providers: [
+        { provide: ActivatedRoute, useValue: routeStub },
+        { provide: Router, useValue: router },
+        { provide: NotificationsService, useValue: notificationService },
+        { provide: BitstreamFormatDataService, useValue: bitstreamFormatDataService },
+    ],
+    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+}).compileComponents();
     }));
     beforeEach(initBeforeEach);
     it('should send the updated form to the service, show a notification and navigate to ', () => {

src/app/admin/admin-registries/bitstream-formats/edit-bitstream-format/edit-bitstream-format.component.ts

@@ -6,9 +6,11 @@ import { RemoteData } from '../../../../core/data/remote-data';
 import { BitstreamFormat } from '../../../../core/shared/bitstream-format.model';
 import { BitstreamFormatDataService } from '../../../../core/data/bitstream-format-data.service';
 import { NotificationsService } from '../../../../shared/notifications/notifications.service';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { getBitstreamFormatsModuleRoute } from '../../admin-registries-routing-paths';
 import { getFirstCompletedRemoteData } from '../../../../core/shared/operators';
+import { FormatFormComponent } from '../format-form/format-form.component';
+import { AsyncPipe } from '@angular/common';
 
 /**
  * This component renders the edit page of a bitstream format.
@@ -17,6 +19,12 @@ import { getFirstCompletedRemoteData } from '../../../../core/shared/operators';
 @Component({
   selector: 'ds-edit-bitstream-format',
   templateUrl: './edit-bitstream-format.component.html',
+  imports: [
+    FormatFormComponent,
+    TranslateModule,
+    AsyncPipe
+  ],
+  standalone: true
 })
 export class EditBitstreamFormatComponent implements OnInit {
 

src/app/admin/admin-registries/bitstream-formats/format-form/format-form.component.spec.ts

@@ -40,13 +40,12 @@ describe('FormatFormComponent', () => {
 
   const initAsync = () => {
     TestBed.configureTestingModule({
-      imports: [CommonModule, RouterTestingModule.withRoutes([]), ReactiveFormsModule, FormsModule, TranslateModule.forRoot(), NgbModule],
-      declarations: [FormatFormComponent],
-      providers: [
+    imports: [CommonModule, RouterTestingModule.withRoutes([]), ReactiveFormsModule, FormsModule, TranslateModule.forRoot(), NgbModule, FormatFormComponent],
+    providers: [
         { provide: Router, useValue: router },
-      ],
-      schemas: [CUSTOM_ELEMENTS_SCHEMA]
-    }).compileComponents();
+    ],
+    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+}).compileComponents();
   };
 
   const initBeforeEach = () => {

src/app/admin/admin-registries/bitstream-formats/format-form/format-form.component.ts

@@ -16,13 +16,20 @@ import { hasValue, isEmpty } from '../../../../shared/empty.util';
 import { TranslateService } from '@ngx-translate/core';
 import { getBitstreamFormatsModuleRoute } from '../../admin-registries-routing-paths';
 import { environment } from '../../../../../environments/environment';
+import { FormComponent } from '../../../../shared/form/form.component';
+import { NgIf } from '@angular/common';
 
 /**
  * The component responsible for rendering the form to create/edit a bitstream format
  */
 @Component({
   selector: 'ds-bitstream-format-form',
-  templateUrl: './format-form.component.html'
+  templateUrl: './format-form.component.html',
+  imports: [
+    FormComponent,
+    NgIf
+  ],
+  standalone: true
 })
 export class FormatFormComponent implements OnInit {
 

src/app/admin/admin-registries/metadata-registry/metadata-registry.component.spec.ts

@@ -69,16 +69,15 @@ describe('MetadataRegistryComponent', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule],
-      declarations: [MetadataRegistryComponent, PaginationComponent, EnumKeysPipe],
-      providers: [
+    imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule, MetadataRegistryComponent, PaginationComponent, EnumKeysPipe],
+    providers: [
         { provide: RegistryService, useValue: registryServiceStub },
         { provide: HostWindowService, useValue: new HostWindowServiceStub(0) },
         { provide: PaginationService, useValue: paginationService },
         { provide: NotificationsService, useValue: new NotificationsServiceStub() }
-      ],
-      schemas: [NO_ERRORS_SCHEMA]
-    }).overrideComponent(MetadataRegistryComponent, {
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+}).overrideComponent(MetadataRegistryComponent, {
       set: { changeDetection: ChangeDetectionStrategy.Default }
     }).compileComponents();
   }));

src/app/admin/admin-registries/metadata-registry/metadata-registry.component.ts

@@ -7,18 +7,32 @@ import { PaginationComponentOptions } from '../../../shared/pagination/paginatio
 import { filter, map, switchMap, take } from 'rxjs/operators';
 import { hasValue } from '../../../shared/empty.util';
 import { NotificationsService } from '../../../shared/notifications/notifications.service';
-import { Router } from '@angular/router';
-import { TranslateService } from '@ngx-translate/core';
+import { Router, RouterLink } from '@angular/router';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { MetadataSchema } from '../../../core/metadata/metadata-schema.model';
 import { toFindListOptions } from '../../../shared/pagination/pagination.utils';
 import { NoContent } from '../../../core/shared/NoContent.model';
 import { getFirstCompletedRemoteData } from '../../../core/shared/operators';
 import { PaginationService } from '../../../core/pagination/pagination.service';
+import { MetadataSchemaFormComponent } from './metadata-schema-form/metadata-schema-form.component';
+import { AsyncPipe, NgClass, NgForOf, NgIf } from '@angular/common';
+import { PaginationComponent } from '../../../shared/pagination/pagination.component';
 
 @Component({
   selector: 'ds-metadata-registry',
   templateUrl: './metadata-registry.component.html',
-  styleUrls: ['./metadata-registry.component.scss']
+  styleUrls: ['./metadata-registry.component.scss'],
+  imports: [
+    MetadataSchemaFormComponent,
+    TranslateModule,
+    AsyncPipe,
+    PaginationComponent,
+    NgIf,
+    NgForOf,
+    NgClass,
+    RouterLink
+  ],
+  standalone: true
 })
 /**
  * A component used for managing all existing metadata schemas within the repository.

src/app/admin/admin-registries/metadata-registry/metadata-schema-form/metadata-schema-form.component.spec.ts

@@ -38,14 +38,13 @@ describe('MetadataSchemaFormComponent', () => {
 
   beforeEach(waitForAsync(() => {
     return TestBed.configureTestingModule({
-      imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule],
-      declarations: [MetadataSchemaFormComponent, EnumKeysPipe],
-      providers: [
+    imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule, MetadataSchemaFormComponent, EnumKeysPipe],
+    providers: [
         { provide: RegistryService, useValue: registryServiceStub },
         { provide: FormBuilderService, useValue: formBuilderServiceStub }
-      ],
-      schemas: [NO_ERRORS_SCHEMA]
-    }).compileComponents();
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+}).compileComponents();
   }));
 
   beforeEach(() => {

src/app/admin/admin-registries/metadata-registry/metadata-schema-form/metadata-schema-form.component.ts

@@ -9,13 +9,22 @@ import { UntypedFormGroup } from '@angular/forms';
 import { RegistryService } from '../../../../core/registry/registry.service';
 import { FormBuilderService } from '../../../../shared/form/builder/form-builder.service';
 import { switchMap, take, tap } from 'rxjs/operators';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { Observable, combineLatest } from 'rxjs';
 import { MetadataSchema } from '../../../../core/metadata/metadata-schema.model';
+import { AsyncPipe, NgIf } from '@angular/common';
+import { FormComponent } from '../../../../shared/form/form.component';
 
 @Component({
   selector: 'ds-metadata-schema-form',
-  templateUrl: './metadata-schema-form.component.html'
+  templateUrl: './metadata-schema-form.component.html',
+  imports: [
+    NgIf,
+    AsyncPipe,
+    TranslateModule,
+    FormComponent
+  ],
+  standalone: true
 })
 /**
  * A form used for creating and editing metadata schemas

src/app/admin/admin-registries/metadata-schema/metadata-field-form/metadata-field-form.component.spec.ts

@@ -49,14 +49,13 @@ describe('MetadataFieldFormComponent', () => {
 
   beforeEach(waitForAsync(() => {
     return TestBed.configureTestingModule({
-      imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule],
-      declarations: [MetadataFieldFormComponent, EnumKeysPipe],
-      providers: [
+    imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule, MetadataFieldFormComponent, EnumKeysPipe],
+    providers: [
         { provide: RegistryService, useValue: registryServiceStub },
         { provide: FormBuilderService, useValue: formBuilderServiceStub }
-      ],
-      schemas: [NO_ERRORS_SCHEMA]
-    }).compileComponents();
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+}).compileComponents();
   }));
 
   beforeEach(() => {

src/app/admin/admin-registries/metadata-schema/metadata-field-form/metadata-field-form.component.ts

@@ -9,14 +9,23 @@ import { UntypedFormGroup } from '@angular/forms';
 import { RegistryService } from '../../../../core/registry/registry.service';
 import { FormBuilderService } from '../../../../shared/form/builder/form-builder.service';
 import { take } from 'rxjs/operators';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { combineLatest } from 'rxjs';
 import { MetadataSchema } from '../../../../core/metadata/metadata-schema.model';
 import { MetadataField } from '../../../../core/metadata/metadata-field.model';
+import { AsyncPipe, NgIf } from '@angular/common';
+import { FormComponent } from '../../../../shared/form/form.component';
 
 @Component({
   selector: 'ds-metadata-field-form',
-  templateUrl: './metadata-field-form.component.html'
+  templateUrl: './metadata-field-form.component.html',
+  imports: [
+    NgIf,
+    FormComponent,
+    TranslateModule,
+    AsyncPipe
+  ],
+  standalone: true
 })
 /**
  * A form used for creating and editing metadata fields

src/app/admin/admin-registries/metadata-schema/metadata-schema.component.spec.ts

@@ -131,18 +131,17 @@ describe('MetadataSchemaComponent', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule],
-      declarations: [MetadataSchemaComponent, PaginationComponent, EnumKeysPipe, VarDirective],
-      providers: [
+    imports: [CommonModule, RouterTestingModule.withRoutes([]), TranslateModule.forRoot(), NgbModule, MetadataSchemaComponent, PaginationComponent, EnumKeysPipe, VarDirective],
+    providers: [
         { provide: RegistryService, useValue: registryServiceStub },
         { provide: ActivatedRoute, useValue: activatedRouteStub },
         { provide: HostWindowService, useValue: new HostWindowServiceStub(0) },
         { provide: Router, useValue: new RouterStub() },
         { provide: PaginationService, useValue: paginationService },
         { provide: NotificationsService, useValue: new NotificationsServiceStub() }
-      ],
-      schemas: [NO_ERRORS_SCHEMA]
-    }).compileComponents();
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+}).compileComponents();
   }));
 
   beforeEach(() => {

src/app/admin/admin-registries/metadata-schema/metadata-schema.component.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { RegistryService } from '../../../core/registry/registry.service';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import {
   BehaviorSubject,
   combineLatest as observableCombineLatest,
@@ -15,18 +15,34 @@ import { PaginationComponentOptions } from '../../../shared/pagination/paginatio
 import { map, switchMap, take } from 'rxjs/operators';
 import { hasValue } from '../../../shared/empty.util';
 import { NotificationsService } from '../../../shared/notifications/notifications.service';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { MetadataField } from '../../../core/metadata/metadata-field.model';
 import { MetadataSchema } from '../../../core/metadata/metadata-schema.model';
 import { getFirstCompletedRemoteData, getFirstSucceededRemoteDataPayload } from '../../../core/shared/operators';
 import { toFindListOptions } from '../../../shared/pagination/pagination.utils';
 import { NoContent } from '../../../core/shared/NoContent.model';
 import { PaginationService } from '../../../core/pagination/pagination.service';
+import { AsyncPipe, NgClass, NgForOf, NgIf } from '@angular/common';
+import { VarDirective } from '../../../shared/utils/var.directive';
+import { MetadataFieldFormComponent } from './metadata-field-form/metadata-field-form.component';
+import { PaginationComponent } from '../../../shared/pagination/pagination.component';
 
 @Component({
   selector: 'ds-metadata-schema',
   templateUrl: './metadata-schema.component.html',
-  styleUrls: ['./metadata-schema.component.scss']
+  styleUrls: ['./metadata-schema.component.scss'],
+  imports: [
+    AsyncPipe,
+    VarDirective,
+    MetadataFieldFormComponent,
+    TranslateModule,
+    PaginationComponent,
+    NgIf,
+    NgForOf,
+    NgClass,
+    RouterLink
+  ],
+  standalone: true
 })
 /**
  * A component used for managing all existing metadata fields within the current metadata schema.

src/app/admin/admin-search-page/admin-search-page.component.spec.ts

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

src/app/admin/admin-search-page/admin-search-page.component.ts

@@ -1,10 +1,13 @@
 import { Component } from '@angular/core';
 import { Context } from '../../core/shared/context.model';
+import { ConfigurationSearchPageComponent } from '../../search-page/configuration-search-page.component';
 
 @Component({
-  selector: 'ds-admin-search-page',
-  templateUrl: './admin-search-page.component.html',
-  styleUrls: ['./admin-search-page.component.scss']
+    selector: 'ds-admin-search-page',
+    templateUrl: './admin-search-page.component.html',
+    styleUrls: ['./admin-search-page.component.scss'],
+    standalone: true,
+    imports: [ConfigurationSearchPageComponent]
 })
 
 /**

src/app/admin/admin-search-page/admin-search-results/admin-search-result-grid-element/collection-search-result/collection-admin-search-result-grid-element.component.spec.ts

@@ -43,14 +43,14 @@ describe('CollectionAdminSearchResultGridElementComponent', () => {
   beforeEach(waitForAsync(() => {
     init();
     TestBed.configureTestingModule({
-      imports: [
+    imports: [
         NoopAnimationsModule,
         TranslateModule.forRoot(),
         RouterTestingModule.withRoutes([]),
-        SharedModule
-      ],
-      declarations: [CollectionAdminSearchResultGridElementComponent],
-      providers: [
+        SharedModule,
+        CollectionAdminSearchResultGridElementComponent
+    ],
+    providers: [
         { provide: TruncatableService, useValue: mockTruncatableService },
         { provide: BitstreamDataService, useValue: {} },
         { provide: LinkService, useValue: linkService },
@@ -58,8 +58,8 @@ describe('CollectionAdminSearchResultGridElementComponent', () => {
         { provide: FileService, useClass: FileServiceStub },
         { provide: AuthorizationDataService, useClass: AuthorizationDataServiceStub },
         { provide: ThemeService, useValue: getMockThemeService() },
-      ]
-    })
+    ]
+})
       .compileComponents();
   }));
 

src/app/admin/admin-search-page/admin-search-results/admin-search-result-grid-element/collection-search-result/collection-admin-search-result-grid-element.component.ts

@@ -6,12 +6,16 @@ import { CollectionSearchResult } from '../../../../../shared/object-collection/
 import { Collection } from '../../../../../core/shared/collection.model';
 import { SearchResultGridElementComponent } from '../../../../../shared/object-grid/search-result-grid-element/search-result-grid-element.component';
 import { getCollectionEditRoute } from '../../../../../collection-page/collection-page-routing-paths';
+import { RouterLink } from '@angular/router';
+import { CollectionSearchResultGridElementComponent } from '../../../../../shared/object-grid/search-result-grid-element/collection-search-result/collection-search-result-grid-element.component';
 
 @listableObjectComponent(CollectionSearchResult, ViewMode.GridElement, Context.AdminSearch)
 @Component({
-  selector: 'ds-collection-admin-search-result-list-element',
-  styleUrls: ['./collection-admin-search-result-grid-element.component.scss'],
-  templateUrl: './collection-admin-search-result-grid-element.component.html'
+    selector: 'ds-collection-admin-search-result-list-element',
+    styleUrls: ['./collection-admin-search-result-grid-element.component.scss'],
+    templateUrl: './collection-admin-search-result-grid-element.component.html',
+    standalone: true,
+    imports: [CollectionSearchResultGridElementComponent, RouterLink]
 })
 /**
  * The component for displaying a list element for a collection search result on the admin search page

src/app/admin/admin-search-page/admin-search-results/admin-search-result-grid-element/community-search-result/community-admin-search-result-grid-element.component.spec.ts

@@ -45,14 +45,14 @@ describe('CommunityAdminSearchResultGridElementComponent', () => {
   beforeEach(waitForAsync(() => {
     init();
     TestBed.configureTestingModule({
-      imports: [
+    imports: [
         NoopAnimationsModule,
         TranslateModule.forRoot(),
         RouterTestingModule.withRoutes([]),
-        SharedModule
-      ],
-      declarations: [CommunityAdminSearchResultGridElementComponent],
-      providers: [
+        SharedModule,
+        CommunityAdminSearchResultGridElementComponent
+    ],
+    providers: [
         { provide: TruncatableService, useValue: mockTruncatableService },
         { provide: BitstreamDataService, useValue: {} },
         { provide: LinkService, useValue: linkService },
@@ -60,9 +60,9 @@ describe('CommunityAdminSearchResultGridElementComponent', () => {
         { provide: FileService, useClass: FileServiceStub },
         { provide: AuthorizationDataService, useClass: AuthorizationDataServiceStub },
         { provide: ThemeService, useValue: getMockThemeService() },
-      ],
-      schemas: [NO_ERRORS_SCHEMA]
-    })
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+})
       .compileComponents();
   }));
 

src/app/admin/admin-search-page/admin-search-results/admin-search-result-grid-element/community-search-result/community-admin-search-result-grid-element.component.ts

@@ -6,12 +6,16 @@ import { CommunitySearchResult } from '../../../../../shared/object-collection/s
 import { Community } from '../../../../../core/shared/community.model';
 import { SearchResultGridElementComponent } from '../../../../../shared/object-grid/search-result-grid-element/search-result-grid-element.component';
 import { getCommunityEditRoute } from '../../../../../community-page/community-page-routing-paths';
+import { RouterLink } from '@angular/router';
+import { CommunitySearchResultGridElementComponent } from '../../../../../shared/object-grid/search-result-grid-element/community-search-result/community-search-result-grid-element.component';
 
 @listableObjectComponent(CommunitySearchResult, ViewMode.GridElement, Context.AdminSearch)
 @Component({
-  selector: 'ds-community-admin-search-result-grid-element',
-  styleUrls: ['./community-admin-search-result-grid-element.component.scss'],
-  templateUrl: './community-admin-search-result-grid-element.component.html'
+    selector: 'ds-community-admin-search-result-grid-element',
+    styleUrls: ['./community-admin-search-result-grid-element.component.scss'],
+    templateUrl: './community-admin-search-result-grid-element.component.html',
+    standalone: true,
+    imports: [CommunitySearchResultGridElementComponent, RouterLink]
 })
 /**
  * The component for displaying a list element for a community search result on the admin search page

src/app/admin/admin-search-page/admin-search-results/admin-search-result-grid-element/item-search-result/item-admin-search-result-grid-element.component.spec.ts

@@ -58,24 +58,24 @@ describe('ItemAdminSearchResultGridElementComponent', () => {
     init();
     TestBed.configureTestingModule(
       {
-        declarations: [ItemAdminSearchResultGridElementComponent],
-        imports: [
-          NoopAnimationsModule,
-          TranslateModule.forRoot(),
-          RouterTestingModule.withRoutes([]),
-          SharedModule
-        ],
-        providers: [
-          { provide: TruncatableService, useValue: mockTruncatableService },
-          { provide: BitstreamDataService, useValue: mockBitstreamDataService },
-          { provide: ThemeService, useValue: mockThemeService },
-          { provide: AccessStatusDataService, useValue: mockAccessStatusDataService },
-          { provide: AuthService, useClass: AuthServiceStub },
-          { provide: FileService, useClass: FileServiceStub },
-          { provide: AuthorizationDataService, useClass: AuthorizationDataServiceStub },
-        ],
-        schemas: [NO_ERRORS_SCHEMA]
-      })
+    imports: [
+        NoopAnimationsModule,
+        TranslateModule.forRoot(),
+        RouterTestingModule.withRoutes([]),
+        SharedModule,
+        ItemAdminSearchResultGridElementComponent
+    ],
+    providers: [
+        { provide: TruncatableService, useValue: mockTruncatableService },
+        { provide: BitstreamDataService, useValue: mockBitstreamDataService },
+        { provide: ThemeService, useValue: mockThemeService },
+        { provide: AccessStatusDataService, useValue: mockAccessStatusDataService },
+        { provide: AuthService, useClass: AuthServiceStub },
+        { provide: FileService, useClass: FileServiceStub },
+        { provide: AuthorizationDataService, useClass: AuthorizationDataServiceStub },
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+})
       .compileComponents();
   }));
 

src/app/admin/admin-search-page/admin-search-results/admin-search-result-grid-element/item-search-result/item-admin-search-result-grid-element.component.ts

@@ -14,12 +14,15 @@ import { GenericConstructor } from '../../../../../core/shared/generic-construct
 import { ListableObjectDirective } from '../../../../../shared/object-collection/shared/listable-object/listable-object.directive';
 import { ThemeService } from '../../../../../shared/theme-support/theme.service';
 import { DSONameService } from '../../../../../core/breadcrumbs/dso-name.service';
+import { ItemAdminSearchResultActionsComponent } from '../../item-admin-search-result-actions.component';
 
 @listableObjectComponent(ItemSearchResult, ViewMode.GridElement, Context.AdminSearch)
 @Component({
-  selector: 'ds-item-admin-search-result-grid-element',
-  styleUrls: ['./item-admin-search-result-grid-element.component.scss'],
-  templateUrl: './item-admin-search-result-grid-element.component.html'
+    selector: 'ds-item-admin-search-result-grid-element',
+    styleUrls: ['./item-admin-search-result-grid-element.component.scss'],
+    templateUrl: './item-admin-search-result-grid-element.component.html',
+    standalone: true,
+    imports: [ListableObjectDirective, ItemAdminSearchResultActionsComponent]
 })
 /**
  * The component for displaying a list element for an item search result on the admin search page

src/app/admin/admin-search-page/admin-search-results/admin-search-result-list-element/collection-search-result/collection-admin-search-result-list-element.component.spec.ts

@@ -32,16 +32,16 @@ describe('CollectionAdminSearchResultListElementComponent', () => {
   beforeEach(waitForAsync(() => {
     init();
     TestBed.configureTestingModule({
-      imports: [
+    imports: [
         TranslateModule.forRoot(),
-        RouterTestingModule.withRoutes([])
-      ],
-      declarations: [CollectionAdminSearchResultListElementComponent],
-      providers: [{ provide: TruncatableService, useValue: {} },
+        RouterTestingModule.withRoutes([]),
+        CollectionAdminSearchResultListElementComponent
+    ],
+    providers: [{ provide: TruncatableService, useValue: {} },
         { provide: DSONameService, useClass: DSONameServiceMock },
         { provide: APP_CONFIG, useValue: environment }],
-      schemas: [NO_ERRORS_SCHEMA]
-    })
+    schemas: [NO_ERRORS_SCHEMA]
+})
       .compileComponents();
   }));
 

src/app/admin/admin-search-page/admin-search-results/admin-search-result-list-element/collection-search-result/collection-admin-search-result-list-element.component.ts

@@ -6,12 +6,17 @@ import { SearchResultListElementComponent } from '../../../../../shared/object-l
 import { CollectionSearchResult } from '../../../../../shared/object-collection/shared/collection-search-result.model';
 import { Collection } from '../../../../../core/shared/collection.model';
 import { getCollectionEditRoute } from '../../../../../collection-page/collection-page-routing-paths';
+import { TranslateModule } from '@ngx-translate/core';
+import { RouterLink } from '@angular/router';
+import { CollectionSearchResultListElementComponent } from '../../../../../shared/object-list/search-result-list-element/collection-search-result/collection-search-result-list-element.component';
 
 @listableObjectComponent(CollectionSearchResult, ViewMode.ListElement, Context.AdminSearch)
 @Component({
-  selector: 'ds-collection-admin-search-result-list-element',
-  styleUrls: ['./collection-admin-search-result-list-element.component.scss'],
-  templateUrl: './collection-admin-search-result-list-element.component.html'
+    selector: 'ds-collection-admin-search-result-list-element',
+    styleUrls: ['./collection-admin-search-result-list-element.component.scss'],
+    templateUrl: './collection-admin-search-result-list-element.component.html',
+    standalone: true,
+    imports: [CollectionSearchResultListElementComponent, RouterLink, TranslateModule]
 })
 /**
  * The component for displaying a list element for a collection search result on the admin search page

src/app/admin/admin-search-page/admin-search-results/admin-search-result-list-element/community-search-result/community-admin-search-result-list-element.component.spec.ts

@@ -32,16 +32,16 @@ describe('CommunityAdminSearchResultListElementComponent', () => {
   beforeEach(waitForAsync(() => {
     init();
     TestBed.configureTestingModule({
-      imports: [
+    imports: [
         TranslateModule.forRoot(),
-        RouterTestingModule.withRoutes([])
-      ],
-      declarations: [CommunityAdminSearchResultListElementComponent],
-      providers: [{ provide: TruncatableService, useValue: {} },
+        RouterTestingModule.withRoutes([]),
+        CommunityAdminSearchResultListElementComponent
+    ],
+    providers: [{ provide: TruncatableService, useValue: {} },
         { provide: DSONameService, useClass: DSONameServiceMock },
         { provide: APP_CONFIG, useValue: environment }],
-      schemas: [NO_ERRORS_SCHEMA]
-    })
+    schemas: [NO_ERRORS_SCHEMA]
+})
       .compileComponents();
   }));
 

src/app/admin/admin-search-page/admin-search-results/admin-search-result-list-element/community-search-result/community-admin-search-result-list-element.component.ts

@@ -6,12 +6,17 @@ import { SearchResultListElementComponent } from '../../../../../shared/object-l
 import { CommunitySearchResult } from '../../../../../shared/object-collection/shared/community-search-result.model';
 import { Community } from '../../../../../core/shared/community.model';
 import { getCommunityEditRoute } from '../../../../../community-page/community-page-routing-paths';
+import { TranslateModule } from '@ngx-translate/core';
+import { RouterLink } from '@angular/router';
+import { CommunitySearchResultListElementComponent } from '../../../../../shared/object-list/search-result-list-element/community-search-result/community-search-result-list-element.component';
 
 @listableObjectComponent(CommunitySearchResult, ViewMode.ListElement, Context.AdminSearch)
 @Component({
-  selector: 'ds-community-admin-search-result-list-element',
-  styleUrls: ['./community-admin-search-result-list-element.component.scss'],
-  templateUrl: './community-admin-search-result-list-element.component.html'
+    selector: 'ds-community-admin-search-result-list-element',
+    styleUrls: ['./community-admin-search-result-list-element.component.scss'],
+    templateUrl: './community-admin-search-result-list-element.component.html',
+    standalone: true,
+    imports: [CommunitySearchResultListElementComponent, RouterLink, TranslateModule]
 })
 /**
  * The component for displaying a list element for a community search result on the admin search page

src/app/admin/admin-search-page/admin-search-results/admin-search-result-list-element/item-search-result/item-admin-search-result-list-element.component.spec.ts

@@ -29,16 +29,16 @@ describe('ItemAdminSearchResultListElementComponent', () => {
   beforeEach(waitForAsync(() => {
     init();
     TestBed.configureTestingModule({
-      imports: [
+    imports: [
         TranslateModule.forRoot(),
-        RouterTestingModule.withRoutes([])
-      ],
-      declarations: [ItemAdminSearchResultListElementComponent],
-      providers: [{ provide: TruncatableService, useValue: {} },
+        RouterTestingModule.withRoutes([]),
+        ItemAdminSearchResultListElementComponent
+    ],
+    providers: [{ provide: TruncatableService, useValue: {} },
         { provide: DSONameService, useClass: DSONameServiceMock },
         { provide: APP_CONFIG, useValue: environment }],
-      schemas: [NO_ERRORS_SCHEMA]
-    })
+    schemas: [NO_ERRORS_SCHEMA]
+})
       .compileComponents();
   }));
 

src/app/admin/admin-search-page/admin-search-results/admin-search-result-list-element/item-search-result/item-admin-search-result-list-element.component.ts

@@ -5,12 +5,16 @@ import { listableObjectComponent } from '../../../../../shared/object-collection
 import { Context } from '../../../../../core/shared/context.model';
 import { ItemSearchResult } from '../../../../../shared/object-collection/shared/item-search-result.model';
 import { SearchResultListElementComponent } from '../../../../../shared/object-list/search-result-list-element/search-result-list-element.component';
+import { ItemAdminSearchResultActionsComponent } from '../../item-admin-search-result-actions.component';
+import { ListableObjectComponentLoaderComponent } from '../../../../../shared/object-collection/shared/listable-object/listable-object-component-loader.component';
 
 @listableObjectComponent(ItemSearchResult, ViewMode.ListElement, Context.AdminSearch)
 @Component({
-  selector: 'ds-item-admin-search-result-list-element',
-  styleUrls: ['./item-admin-search-result-list-element.component.scss'],
-  templateUrl: './item-admin-search-result-list-element.component.html'
+    selector: 'ds-item-admin-search-result-list-element',
+    styleUrls: ['./item-admin-search-result-list-element.component.scss'],
+    templateUrl: './item-admin-search-result-list-element.component.html',
+    standalone: true,
+    imports: [ListableObjectComponentLoaderComponent, ItemAdminSearchResultActionsComponent]
 })
 /**
  * The component for displaying a list element for an item search result on the admin search page

src/app/admin/admin-search-page/admin-search-results/item-admin-search-result-actions.component.spec.ts

@@ -32,13 +32,13 @@ describe('ItemAdminSearchResultActionsComponent', () => {
   beforeEach(waitForAsync(() => {
     init();
     TestBed.configureTestingModule({
-      imports: [
+    imports: [
         TranslateModule.forRoot(),
-        RouterTestingModule.withRoutes([])
-      ],
-      declarations: [ItemAdminSearchResultActionsComponent],
-      schemas: [NO_ERRORS_SCHEMA]
-    })
+        RouterTestingModule.withRoutes([]),
+        ItemAdminSearchResultActionsComponent
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+})
       .compileComponents();
   }));
 

src/app/admin/admin-search-page/admin-search-results/item-admin-search-result-actions.component.ts

@@ -10,11 +10,16 @@ import {
   ITEM_EDIT_REINSTATE_PATH,
   ITEM_EDIT_WITHDRAW_PATH
 } from '../../../item-page/edit-item-page/edit-item-page.routing-paths';
+import { TranslateModule } from '@ngx-translate/core';
+import { RouterLink } from '@angular/router';
+import { NgClass, NgIf } from '@angular/common';
 
 @Component({
-  selector: 'ds-item-admin-search-result-actions-element',
-  styleUrls: ['./item-admin-search-result-actions.component.scss'],
-  templateUrl: './item-admin-search-result-actions.component.html'
+    selector: 'ds-item-admin-search-result-actions-element',
+    styleUrls: ['./item-admin-search-result-actions.component.scss'],
+    templateUrl: './item-admin-search-result-actions.component.html',
+    standalone: true,
+    imports: [NgClass, RouterLink, NgIf, TranslateModule]
 })
 /**
  * The component for displaying the actions for a list element for an item search result on the admin search page

src/app/admin/admin-search-page/admin-search.module.ts

@@ -24,16 +24,14 @@ const ENTRY_COMPONENTS = [
 ];
 
 @NgModule({
-  imports: [
-    SearchModule,
-    SharedModule.withEntryComponents(),
-    JournalEntitiesModule.withEntryComponents(),
-    ResearchEntitiesModule.withEntryComponents()
-  ],
-  declarations: [
-    AdminSearchPageComponent,
-    ...ENTRY_COMPONENTS
-  ]
+    imports: [
+        SearchModule,
+        SharedModule.withEntryComponents(),
+        JournalEntitiesModule.withEntryComponents(),
+        ResearchEntitiesModule.withEntryComponents(),
+        AdminSearchPageComponent,
+        ...ENTRY_COMPONENTS
+    ]
 })
 export class AdminSearchModule {
   /**

src/app/admin/admin-sidebar/admin-sidebar-section/admin-sidebar-section.component.spec.ts

@@ -21,14 +21,13 @@ describe('AdminSidebarSectionComponent', () => {
 
     beforeEach(waitForAsync(() => {
       TestBed.configureTestingModule({
-        imports: [NoopAnimationsModule, RouterTestingModule, TranslateModule.forRoot()],
-        declarations: [AdminSidebarSectionComponent, TestComponent],
-        providers: [
-          {provide: 'sectionDataProvider', useValue: {model: {link: 'google.com'}, icon: iconString}},
-          {provide: MenuService, useValue: menuService},
-          {provide: CSSVariableService, useClass: CSSVariableServiceStub},
-        ]
-      }).overrideComponent(AdminSidebarSectionComponent, {
+    imports: [NoopAnimationsModule, RouterTestingModule, TranslateModule.forRoot(), AdminSidebarSectionComponent, TestComponent],
+    providers: [
+        { provide: 'sectionDataProvider', useValue: { model: { link: 'google.com' }, icon: iconString } },
+        { provide: MenuService, useValue: menuService },
+        { provide: CSSVariableService, useClass: CSSVariableServiceStub },
+    ]
+}).overrideComponent(AdminSidebarSectionComponent, {
         set: {
           entryComponents: [TestComponent]
         }
@@ -61,14 +60,13 @@ describe('AdminSidebarSectionComponent', () => {
 
     beforeEach(waitForAsync(() => {
       TestBed.configureTestingModule({
-        imports: [NoopAnimationsModule, RouterTestingModule, TranslateModule.forRoot()],
-        declarations: [AdminSidebarSectionComponent, TestComponent],
-        providers: [
-          {provide: 'sectionDataProvider', useValue: {model: {link: 'google.com', disabled: true}, icon: iconString}},
-          {provide: MenuService, useValue: menuService},
-          {provide: CSSVariableService, useClass: CSSVariableServiceStub},
-        ]
-      }).overrideComponent(AdminSidebarSectionComponent, {
+    imports: [NoopAnimationsModule, RouterTestingModule, TranslateModule.forRoot(), AdminSidebarSectionComponent, TestComponent],
+    providers: [
+        { provide: 'sectionDataProvider', useValue: { model: { link: 'google.com', disabled: true }, icon: iconString } },
+        { provide: MenuService, useValue: menuService },
+        { provide: CSSVariableService, useClass: CSSVariableServiceStub },
+    ]
+}).overrideComponent(AdminSidebarSectionComponent, {
         set: {
           entryComponents: [TestComponent]
         }
@@ -101,8 +99,10 @@ describe('AdminSidebarSectionComponent', () => {
 
 // declare a test component
 @Component({
-  selector: 'ds-test-cmp',
-  template: ``
+    selector: 'ds-test-cmp',
+    template: ``,
+    standalone: true,
+    imports: [RouterTestingModule]
 })
 class TestComponent {
 }

src/app/admin/admin-sidebar/admin-sidebar-section/admin-sidebar-section.component.ts

@@ -6,17 +6,20 @@ import { LinkMenuItemModel } from '../../../shared/menu/menu-item/models/link.mo
 import { MenuSection } from '../../../shared/menu/menu-section.model';
 import { MenuID } from '../../../shared/menu/menu-id.model';
 import { isEmpty } from '../../../shared/empty.util';
-import { Router } from '@angular/router';
+import { Router, RouterLink } from '@angular/router';
+import { TranslateModule } from '@ngx-translate/core';
+import { NgClass } from '@angular/common';
 
 /**
  * Represents a non-expandable section in the admin sidebar
  */
 @Component({
-  /* eslint-disable @angular-eslint/component-selector */
-  selector: 'li[ds-admin-sidebar-section]',
-  templateUrl: './admin-sidebar-section.component.html',
-  styleUrls: ['./admin-sidebar-section.component.scss'],
-
+    /* eslint-disable @angular-eslint/component-selector */
+    selector: 'li[ds-admin-sidebar-section]',
+    templateUrl: './admin-sidebar-section.component.html',
+    styleUrls: ['./admin-sidebar-section.component.scss'],
+    standalone: true,
+    imports: [NgClass, RouterLink, TranslateModule]
 })
 @rendersSectionForMenu(MenuID.ADMIN, false)
 export class AdminSidebarSectionComponent extends MenuSectionComponent implements OnInit {

src/app/admin/admin-sidebar/admin-sidebar.component.spec.ts

@@ -57,9 +57,8 @@ describe('AdminSidebarComponent', () => {
     });
     scriptService = jasmine.createSpyObj('scriptService', { scriptWithNameExistsAndCanExecute: observableOf(true) });
     TestBed.configureTestingModule({
-      imports: [TranslateModule.forRoot(), NoopAnimationsModule, RouterTestingModule],
-      declarations: [AdminSidebarComponent],
-      providers: [
+    imports: [TranslateModule.forRoot(), NoopAnimationsModule, RouterTestingModule, AdminSidebarComponent],
+    providers: [
         Injector,
         { provide: ThemeService, useValue: getMockThemeService() },
         { provide: MenuService, useValue: menuService },
@@ -70,14 +69,14 @@ describe('AdminSidebarComponent', () => {
         { provide: ScriptDataService, useValue: scriptService },
         { provide: ActivatedRoute, useValue: routeStub },
         {
-          provide: NgbModal, useValue: {
-            open: () => {/*comment*/
+            provide: NgbModal, useValue: {
+                open: () => {
+                }
             }
-          }
         }
-      ],
-      schemas: [NO_ERRORS_SCHEMA]
-    }).overrideComponent(AdminSidebarComponent, {
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+}).overrideComponent(AdminSidebarComponent, {
       set: {
         changeDetection: ChangeDetectionStrategy.Default,
       }

src/app/admin/admin-sidebar/admin-sidebar.component.ts

@@ -10,15 +10,20 @@ import { AuthorizationDataService } from '../../core/data/feature-authorization/
 import { MenuID } from '../../shared/menu/menu-id.model';
 import { ActivatedRoute } from '@angular/router';
 import { ThemeService } from '../../shared/theme-support/theme.service';
+import { TranslateModule } from '@ngx-translate/core';
+import { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
+import { NgIf, NgClass, NgFor, NgComponentOutlet, AsyncPipe } from '@angular/common';
 
 /**
  * Component representing the admin sidebar
  */
 @Component({
-  selector: 'ds-admin-sidebar',
-  templateUrl: './admin-sidebar.component.html',
-  styleUrls: ['./admin-sidebar.component.scss'],
-  animations: [slideSidebar]
+    selector: 'ds-admin-sidebar',
+    templateUrl: './admin-sidebar.component.html',
+    styleUrls: ['./admin-sidebar.component.scss'],
+    animations: [slideSidebar],
+    standalone: true,
+    imports: [NgIf, NgbDropdownModule, NgClass, NgFor, NgComponentOutlet, AsyncPipe, TranslateModule]
 })
 export class AdminSidebarComponent extends MenuComponent implements OnInit {
   /**

src/app/admin/admin-sidebar/expandable-admin-sidebar-section/expandable-admin-sidebar-section.component.spec.ts

@@ -20,15 +20,14 @@ describe('ExpandableAdminSidebarSectionComponent', () => {
   const iconString = 'test';
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      imports: [NoopAnimationsModule, TranslateModule.forRoot()],
-      declarations: [ExpandableAdminSidebarSectionComponent, TestComponent],
-      providers: [
+    imports: [NoopAnimationsModule, TranslateModule.forRoot(), ExpandableAdminSidebarSectionComponent, TestComponent],
+    providers: [
         { provide: 'sectionDataProvider', useValue: { icon: iconString, model: {} } },
         { provide: MenuService, useValue: menuService },
         { provide: CSSVariableService, useClass: CSSVariableServiceStub },
         { provide: Router, useValue: new RouterStub() },
-      ]
-    }).overrideComponent(ExpandableAdminSidebarSectionComponent, {
+    ]
+}).overrideComponent(ExpandableAdminSidebarSectionComponent, {
       set: {
         entryComponents: [TestComponent]
       }
@@ -71,8 +70,9 @@ describe('ExpandableAdminSidebarSectionComponent', () => {
 
 // declare a test component
 @Component({
-  selector: 'ds-test-cmp',
-  template: ``
+    selector: 'ds-test-cmp',
+    template: ``,
+    standalone: true
 })
 class TestComponent {
 }

src/app/admin/admin-sidebar/expandable-admin-sidebar-section/expandable-admin-sidebar-section.component.ts

@@ -10,16 +10,20 @@ import { map } from 'rxjs/operators';
 import { rendersSectionForMenu } from '../../../shared/menu/menu-section.decorator';
 import { MenuID } from '../../../shared/menu/menu-id.model';
 import { Router } from '@angular/router';
+import { TranslateModule } from '@ngx-translate/core';
+import { NgClass, NgComponentOutlet, NgIf, NgFor, AsyncPipe } from '@angular/common';
 
 /**
  * Represents a expandable section in the sidebar
  */
 @Component({
-  /* eslint-disable @angular-eslint/component-selector */
-  selector: 'li[ds-expandable-admin-sidebar-section]',
-  templateUrl: './expandable-admin-sidebar-section.component.html',
-  styleUrls: ['./expandable-admin-sidebar-section.component.scss'],
-  animations: [rotate, slide, bgColor]
+    /* eslint-disable @angular-eslint/component-selector */
+    selector: 'li[ds-expandable-admin-sidebar-section]',
+    templateUrl: './expandable-admin-sidebar-section.component.html',
+    styleUrls: ['./expandable-admin-sidebar-section.component.scss'],
+    animations: [rotate, slide, bgColor],
+    standalone: true,
+    imports: [NgClass, NgComponentOutlet, NgIf, NgFor, AsyncPipe, TranslateModule]
 })
 
 @rendersSectionForMenu(MenuID.ADMIN, true)

src/app/admin/admin-sidebar/themed-admin-sidebar.component.ts

@@ -6,9 +6,10 @@ import { AdminSidebarComponent } from './admin-sidebar.component';
  * Themed wrapper for AdminSidebarComponent
  */
 @Component({
-  selector: 'ds-themed-admin-sidebar',
-  styleUrls: [],
-  templateUrl: '../../shared/theme-support/themed.component.html',
+    selector: 'ds-themed-admin-sidebar',
+    styleUrls: [],
+    templateUrl: '../../shared/theme-support/themed.component.html',
+    standalone: true
 })
 export class ThemedAdminSidebarComponent extends ThemedComponent<AdminSidebarComponent> {
   protected getComponentName(): string {

src/app/admin/admin-workflow-page/admin-workflow-page.component.spec.ts

@@ -9,9 +9,9 @@ describe('AdminSearchPageComponent', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [AdminWorkflowPageComponent],
-      schemas: [NO_ERRORS_SCHEMA]
-    })
+    imports: [AdminWorkflowPageComponent],
+    schemas: [NO_ERRORS_SCHEMA]
+})
       .compileComponents();
   }));
 

src/app/admin/admin-workflow-page/admin-workflow-page.component.ts

@@ -1,10 +1,13 @@
 import { Component } from '@angular/core';
 import { Context } from '../../core/shared/context.model';
+import { ConfigurationSearchPageComponent } from '../../search-page/configuration-search-page.component';
 
 @Component({
-  selector: 'ds-admin-workflow-page',
-  templateUrl: './admin-workflow-page.component.html',
-  styleUrls: ['./admin-workflow-page.component.scss']
+    selector: 'ds-admin-workflow-page',
+    templateUrl: './admin-workflow-page.component.html',
+    styleUrls: ['./admin-workflow-page.component.scss'],
+    standalone: true,
+    imports: [ConfigurationSearchPageComponent]
 })
 
 /**

src/app/admin/admin-workflow-page/admin-workflow-search-results/actions/workflow-item/workflow-item-admin-workflow-actions.component.spec.ts

@@ -35,13 +35,13 @@ describe('WorkflowItemAdminWorkflowActionsComponent', () => {
   beforeEach(waitForAsync(() => {
     init();
     TestBed.configureTestingModule({
-      imports: [
+    imports: [
         TranslateModule.forRoot(),
-        RouterTestingModule.withRoutes([])
-      ],
-      declarations: [WorkflowItemAdminWorkflowActionsComponent],
-      schemas: [NO_ERRORS_SCHEMA]
-    })
+        RouterTestingModule.withRoutes([]),
+        WorkflowItemAdminWorkflowActionsComponent
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+})
       .compileComponents();
   }));
 

src/app/admin/admin-workflow-page/admin-workflow-search-results/actions/workflow-item/workflow-item-admin-workflow-actions.component.ts

@@ -5,11 +5,16 @@ import {
   getWorkflowItemDeleteRoute,
   getWorkflowItemSendBackRoute
 } from '../../../../../workflowitems-edit-page/workflowitems-edit-page-routing-paths';
+import { TranslateModule } from '@ngx-translate/core';
+import { RouterLink } from '@angular/router';
+import { NgClass, NgIf } from '@angular/common';
 
 @Component({
-  selector: 'ds-workflow-item-admin-workflow-actions-element',
-  styleUrls: ['./workflow-item-admin-workflow-actions.component.scss'],
-  templateUrl: './workflow-item-admin-workflow-actions.component.html'
+    selector: 'ds-workflow-item-admin-workflow-actions-element',
+    styleUrls: ['./workflow-item-admin-workflow-actions.component.scss'],
+    templateUrl: './workflow-item-admin-workflow-actions.component.html',
+    standalone: true,
+    imports: [NgClass, RouterLink, NgIf, TranslateModule]
 })
 /**
  * The component for displaying the actions for a list element for a workflow-item on the admin workflow search page

src/app/admin/admin-workflow-page/admin-workflow-search-results/actions/workspace-item/supervision-order-group-selector/supervision-order-group-selector.component.spec.ts

@@ -31,15 +31,14 @@ describe('SupervisionOrderGroupSelectorComponent', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      imports: [TranslateModule.forRoot()],
-      declarations: [SupervisionOrderGroupSelectorComponent],
-      providers: [
+    imports: [TranslateModule.forRoot(), SupervisionOrderGroupSelectorComponent],
+    providers: [
         { provide: NgbActiveModal, useValue: modalStub },
         { provide: SupervisionOrderDataService, useValue: supervisionOrderDataService },
         { provide: NotificationsService, useValue: {} },
-      ],
-      schemas: [NO_ERRORS_SCHEMA]
-    }).compileComponents();
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+}).compileComponents();
 
   }));
 

src/app/admin/admin-workflow-page/admin-workflow-search-results/actions/workspace-item/supervision-order-group-selector/supervision-order-group-selector.component.ts

@@ -1,6 +1,6 @@
 import { Component, EventEmitter, Output } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateService, TranslateModule } from '@ngx-translate/core';
 import { getFirstCompletedRemoteData } from 'src/app/core/shared/operators';
 import { NotificationsService } from 'src/app/shared/notifications/notifications.service';
 import { DSONameService } from '../../../../../../core/breadcrumbs/dso-name.service';
@@ -8,6 +8,10 @@ import { Group } from '../../../../../../core/eperson/models/group.model';
 import { SupervisionOrder } from '../../../../../../core/supervision-order/models/supervision-order.model';
 import { SupervisionOrderDataService } from '../../../../../../core/supervision-order/supervision-order-data.service';
 import { RemoteData } from '../../../../../../core/data/remote-data';
+import { EpersonGroupListComponent } from '../../../../../../shared/eperson-group-list/eperson-group-list.component';
+import { ErrorComponent } from '../../../../../../shared/error/error.component';
+import { NgIf } from '@angular/common';
+import { FormsModule } from '@angular/forms';
 
 /**
  * Component to wrap a dropdown - for type of order -
@@ -17,9 +21,11 @@ import { RemoteData } from '../../../../../../core/data/remote-data';
  */
 
 @Component({
-  selector: 'ds-supervision-group-selector',
-  styleUrls: ['./supervision-order-group-selector.component.scss'],
-  templateUrl: './supervision-order-group-selector.component.html',
+    selector: 'ds-supervision-group-selector',
+    styleUrls: ['./supervision-order-group-selector.component.scss'],
+    templateUrl: './supervision-order-group-selector.component.html',
+    standalone: true,
+    imports: [FormsModule, NgIf, ErrorComponent, EpersonGroupListComponent, TranslateModule]
 })
 export class SupervisionOrderGroupSelectorComponent {
 

src/app/admin/admin-workflow-page/admin-workflow-search-results/actions/workspace-item/supervision-order-status/supervision-order-status.component.spec.ts

@@ -16,20 +16,20 @@ describe('SupervisionOrderStatusComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [
+    imports: [
         NgbTooltipModule,
         TranslateModule.forRoot({
-          loader: {
-            provide: TranslateLoader,
-            useClass: TranslateLoaderMock
-          }
-        })
-      ],
-      declarations: [ SupervisionOrderStatusComponent, VarDirective ],
-      schemas: [
+            loader: {
+                provide: TranslateLoader,
+                useClass: TranslateLoaderMock
+            }
+        }),
+        SupervisionOrderStatusComponent, VarDirective
+    ],
+    schemas: [
         NO_ERRORS_SCHEMA
-      ]
-    })
+    ]
+})
     .compileComponents();
   });
 

src/app/admin/admin-workflow-page/admin-workflow-search-results/actions/workspace-item/supervision-order-status/supervision-order-status.component.ts

@@ -9,6 +9,10 @@ import { getFirstCompletedRemoteData } from '../../../../../../core/shared/opera
 import { isNotEmpty } from '../../../../../../shared/empty.util';
 import { RemoteData } from '../../../../../../core/data/remote-data';
 import { DSONameService } from '../../../../../../core/breadcrumbs/dso-name.service';
+import { TranslateModule } from '@ngx-translate/core';
+import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
+import { NgIf, NgFor, AsyncPipe } from '@angular/common';
+import { VarDirective } from '../../../../../../shared/utils/var.directive';
 
 export interface SupervisionOrderListEntry {
   supervisionOrder: SupervisionOrder;
@@ -16,9 +20,11 @@ export interface SupervisionOrderListEntry {
 }
 
 @Component({
-  selector: 'ds-supervision-order-status',
-  templateUrl: './supervision-order-status.component.html',
-  styleUrls: ['./supervision-order-status.component.scss']
+    selector: 'ds-supervision-order-status',
+    templateUrl: './supervision-order-status.component.html',
+    styleUrls: ['./supervision-order-status.component.scss'],
+    standalone: true,
+    imports: [VarDirective, NgIf, NgFor, NgbTooltipModule, AsyncPipe, TranslateModule]
 })
 export class SupervisionOrderStatusComponent implements OnChanges {
 

src/app/admin/admin-workflow-page/admin-workflow-search-results/actions/workspace-item/workspace-item-admin-workflow-actions.component.spec.ts

@@ -53,19 +53,19 @@ describe('WorkspaceItemAdminWorkflowActionsComponent', () => {
   beforeEach(waitForAsync(() => {
     init();
     TestBed.configureTestingModule({
-      imports: [
+    imports: [
         NgbModalModule,
         TranslateModule.forRoot(),
-        RouterTestingModule.withRoutes([])
-      ],
-      declarations: [WorkspaceItemAdminWorkflowActionsComponent],
-      providers: [
+        RouterTestingModule.withRoutes([]),
+        WorkspaceItemAdminWorkflowActionsComponent
+    ],
+    providers: [
         { provide: DSONameService, useClass: DSONameServiceMock },
         { provide: NotificationsService, useValue: notificationService },
         { provide: SupervisionOrderDataService, useValue: supervisionOrderDataService }
-      ],
-      schemas: [NO_ERRORS_SCHEMA]
-    })
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+})
       .compileComponents();
   }));
 

src/app/admin/admin-workflow-page/admin-workflow-search-results/actions/workspace-item/workspace-item-admin-workflow-actions.component.ts

@@ -3,7 +3,7 @@ import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { map, Observable } from 'rxjs';
 import { switchMap, take, tap } from 'rxjs/operators';
 import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateService, TranslateModule } from '@ngx-translate/core';
 
 import { Item } from '../../../../../core/shared/item.model';
 import { getFirstSucceededRemoteDataPayload } from '../../../../../core/shared/operators';
@@ -16,7 +16,7 @@ import {
 import { ITEM_EDIT_AUTHORIZATIONS_PATH } from '../../../../../item-page/edit-item-page/edit-item-page.routing-paths';
 import { WorkspaceItem } from '../../../../../core/submission/models/workspaceitem.model';
 import { SupervisionOrder } from '../../../../../core/supervision-order/models/supervision-order.model';
-import { SupervisionOrderListEntry } from './supervision-order-status/supervision-order-status.component';
+import { SupervisionOrderListEntry, SupervisionOrderStatusComponent } from './supervision-order-status/supervision-order-status.component';
 import { ConfirmationModalComponent } from '../../../../../shared/confirmation-modal/confirmation-modal.component';
 import { hasValue } from '../../../../../shared/empty.util';
 import { NotificationsService } from '../../../../../shared/notifications/notifications.service';
@@ -24,11 +24,15 @@ import { SupervisionOrderDataService } from '../../../../../core/supervision-ord
 import { DSONameService } from '../../../../../core/breadcrumbs/dso-name.service';
 import { DSpaceObject } from '../../../../../core/shared/dspace-object.model';
 import { getSearchResultFor } from '../../../../../shared/search/search-result-element-decorator';
+import { RouterLink } from '@angular/router';
+import { NgClass, NgIf } from '@angular/common';
 
 @Component({
-  selector: 'ds-workspace-item-admin-workflow-actions-element',
-  styleUrls: ['./workspace-item-admin-workflow-actions.component.scss'],
-  templateUrl: './workspace-item-admin-workflow-actions.component.html'
+    selector: 'ds-workspace-item-admin-workflow-actions-element',
+    styleUrls: ['./workspace-item-admin-workflow-actions.component.scss'],
+    templateUrl: './workspace-item-admin-workflow-actions.component.html',
+    standalone: true,
+    imports: [SupervisionOrderStatusComponent, NgClass, RouterLink, NgIf, TranslateModule]
 })
 /**
  * The component for displaying the actions for a list element for a workspace-item on the admin workflow search page

src/app/admin/admin-workflow-page/admin-workflow-search-results/admin-workflow-search-result-grid-element/workflow-item/workflow-item-search-result-admin-workflow-grid-element.component.spec.ts

@@ -55,24 +55,24 @@ describe('WorkflowItemSearchResultAdminWorkflowGridElementComponent', () => {
     init();
     TestBed.configureTestingModule(
       {
-        declarations: [WorkflowItemSearchResultAdminWorkflowGridElementComponent, ItemGridElementComponent, ListableObjectDirective],
-        imports: [
-          NoopAnimationsModule,
-          TranslateModule.forRoot(),
-          RouterTestingModule.withRoutes([]),
-        ],
-        providers: [
-          { provide: LinkService, useValue: linkService },
-          { provide: ThemeService, useValue: themeService },
-          {
+    imports: [
+        NoopAnimationsModule,
+        TranslateModule.forRoot(),
+        RouterTestingModule.withRoutes([]),
+        WorkflowItemSearchResultAdminWorkflowGridElementComponent, ItemGridElementComponent, ListableObjectDirective
+    ],
+    providers: [
+        { provide: LinkService, useValue: linkService },
+        { provide: ThemeService, useValue: themeService },
+        {
             provide: TruncatableService, useValue: {
-              isCollapsed: () => observableOf(true),
+                isCollapsed: () => observableOf(true),
             }
-          },
-          { provide: BitstreamDataService, useValue: {} },
-        ],
-        schemas: [NO_ERRORS_SCHEMA]
-      })
+        },
+        { provide: BitstreamDataService, useValue: {} },
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+})
       .overrideComponent(WorkflowItemSearchResultAdminWorkflowGridElementComponent, {
         set: {
           entryComponents: [ItemGridElementComponent]

src/app/admin/admin-workflow-page/admin-workflow-search-results/admin-workflow-search-result-grid-element/workflow-item/workflow-item-search-result-admin-workflow-grid-element.component.ts

@@ -24,12 +24,17 @@ import { take } from 'rxjs/operators';
 import { WorkflowItemSearchResult } from '../../../../../shared/object-collection/shared/workflow-item-search-result.model';
 import { ThemeService } from '../../../../../shared/theme-support/theme.service';
 import { DSONameService } from '../../../../../core/breadcrumbs/dso-name.service';
+import { TranslateModule } from '@ngx-translate/core';
+import { WorkflowItemAdminWorkflowActionsComponent } from '../../actions/workflow-item/workflow-item-admin-workflow-actions.component';
+import { NgIf } from '@angular/common';
 
 @listableObjectComponent(WorkflowItemSearchResult, ViewMode.GridElement, Context.AdminWorkflowSearch)
 @Component({
-  selector: 'ds-workflow-item-search-result-admin-workflow-grid-element',
-  styleUrls: ['./workflow-item-search-result-admin-workflow-grid-element.component.scss'],
-  templateUrl: './workflow-item-search-result-admin-workflow-grid-element.component.html'
+    selector: 'ds-workflow-item-search-result-admin-workflow-grid-element',
+    styleUrls: ['./workflow-item-search-result-admin-workflow-grid-element.component.scss'],
+    templateUrl: './workflow-item-search-result-admin-workflow-grid-element.component.html',
+    standalone: true,
+    imports: [ListableObjectDirective, NgIf, WorkflowItemAdminWorkflowActionsComponent, TranslateModule]
 })
 /**
  * The component for displaying a grid element for an workflow item on the admin workflow search page

src/app/admin/admin-workflow-page/admin-workflow-search-results/admin-workflow-search-result-grid-element/workspace-item/workspace-item-search-result-admin-workflow-grid-element.component.spec.ts

@@ -67,25 +67,25 @@ describe('WorkspaceItemSearchResultAdminWorkflowGridElementComponent', () => {
     init();
     TestBed.configureTestingModule(
       {
-        declarations: [WorkspaceItemSearchResultAdminWorkflowGridElementComponent, ItemGridElementComponent, ListableObjectDirective],
-        imports: [
-          NoopAnimationsModule,
-          TranslateModule.forRoot(),
-          RouterTestingModule.withRoutes([]),
-        ],
-        providers: [
-          { provide: LinkService, useValue: linkService },
-          { provide: ThemeService, useValue: themeService },
-          {
+    imports: [
+        NoopAnimationsModule,
+        TranslateModule.forRoot(),
+        RouterTestingModule.withRoutes([]),
+        WorkspaceItemSearchResultAdminWorkflowGridElementComponent, ItemGridElementComponent, ListableObjectDirective
+    ],
+    providers: [
+        { provide: LinkService, useValue: linkService },
+        { provide: ThemeService, useValue: themeService },
+        {
             provide: TruncatableService, useValue: {
-              isCollapsed: () => observableOf(true),
+                isCollapsed: () => observableOf(true),
             }
-          },
-          { provide: BitstreamDataService, useValue: {} },
-          { provide: SupervisionOrderDataService, useValue: supervisionOrderDataService }
-        ],
-        schemas: [NO_ERRORS_SCHEMA]
-      })
+        },
+        { provide: BitstreamDataService, useValue: {} },
+        { provide: SupervisionOrderDataService, useValue: supervisionOrderDataService }
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+})
       .overrideComponent(WorkspaceItemSearchResultAdminWorkflowGridElementComponent, {
         set: {
           entryComponents: [ItemGridElementComponent]

src/app/admin/admin-workflow-page/admin-workflow-search-results/admin-workflow-search-result-grid-element/workspace-item/workspace-item-search-result-admin-workflow-grid-element.component.ts

@@ -37,12 +37,17 @@ import { SupervisionOrder } from '../../../../../core/supervision-order/models/s
 import { PaginatedList } from '../../../../../core/data/paginated-list.model';
 import { SupervisionOrderDataService } from '../../../../../core/supervision-order/supervision-order-data.service';
 import { DSONameService } from '../../../../../core/breadcrumbs/dso-name.service';
+import { TranslateModule } from '@ngx-translate/core';
+import { AsyncPipe } from '@angular/common';
+import { WorkspaceItemAdminWorkflowActionsComponent } from '../../actions/workspace-item/workspace-item-admin-workflow-actions.component';
 
 @listableObjectComponent(WorkspaceItemSearchResult, ViewMode.GridElement, Context.AdminWorkflowSearch)
 @Component({
-  selector: 'ds-workflow-item-search-result-admin-workflow-grid-element',
-  styleUrls: ['./workspace-item-search-result-admin-workflow-grid-element.component.scss'],
-  templateUrl: './workspace-item-search-result-admin-workflow-grid-element.component.html'
+    selector: 'ds-workflow-item-search-result-admin-workflow-grid-element',
+    styleUrls: ['./workspace-item-search-result-admin-workflow-grid-element.component.scss'],
+    templateUrl: './workspace-item-search-result-admin-workflow-grid-element.component.html',
+    standalone: true,
+    imports: [ListableObjectDirective, WorkspaceItemAdminWorkflowActionsComponent, AsyncPipe, TranslateModule]
 })
 /**
  * The component for displaying a grid element for an workflow item on the admin workflow search page

src/app/admin/admin-workflow-page/admin-workflow-search-results/admin-workflow-search-result-list-element/workflow-item/workflow-item-search-result-admin-workflow-list-element.component.spec.ts

@@ -48,20 +48,20 @@ describe('WorkflowItemSearchResultAdminWorkflowListElementComponent', () => {
     init();
     TestBed.configureTestingModule(
       {
-        declarations: [WorkflowItemSearchResultAdminWorkflowListElementComponent],
-        imports: [
-          NoopAnimationsModule,
-          TranslateModule.forRoot(),
-          RouterTestingModule.withRoutes([]),
-        ],
-        providers: [
-          { provide: TruncatableService, useValue: mockTruncatableService },
-          { provide: LinkService, useValue: linkService },
-          { provide: DSONameService, useClass: DSONameServiceMock },
-          { provide: APP_CONFIG, useValue: environment }
-        ],
-        schemas: [NO_ERRORS_SCHEMA]
-      })
+    imports: [
+        NoopAnimationsModule,
+        TranslateModule.forRoot(),
+        RouterTestingModule.withRoutes([]),
+        WorkflowItemSearchResultAdminWorkflowListElementComponent
+    ],
+    providers: [
+        { provide: TruncatableService, useValue: mockTruncatableService },
+        { provide: LinkService, useValue: linkService },
+        { provide: DSONameService, useClass: DSONameServiceMock },
+        { provide: APP_CONFIG, useValue: environment }
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+})
       .compileComponents();
   }));
 

src/app/admin/admin-workflow-page/admin-workflow-search-results/admin-workflow-search-result-list-element/workflow-item/workflow-item-search-result-admin-workflow-list-element.component.ts

@@ -20,12 +20,18 @@ import {
 } from '../../../../../shared/object-collection/shared/workflow-item-search-result.model';
 import { DSONameService } from '../../../../../core/breadcrumbs/dso-name.service';
 import { APP_CONFIG, AppConfig } from '../../../../../../config/app-config.interface';
+import { TranslateModule } from '@ngx-translate/core';
+import { WorkflowItemAdminWorkflowActionsComponent } from '../../actions/workflow-item/workflow-item-admin-workflow-actions.component';
+import { ListableObjectComponentLoaderComponent } from '../../../../../shared/object-collection/shared/listable-object/listable-object-component-loader.component';
+import { NgIf, AsyncPipe } from '@angular/common';
 
 @listableObjectComponent(WorkflowItemSearchResult, ViewMode.ListElement, Context.AdminWorkflowSearch)
 @Component({
-  selector: 'ds-workflow-item-search-result-admin-workflow-list-element',
-  styleUrls: ['./workflow-item-search-result-admin-workflow-list-element.component.scss'],
-  templateUrl: './workflow-item-search-result-admin-workflow-list-element.component.html'
+    selector: 'ds-workflow-item-search-result-admin-workflow-list-element',
+    styleUrls: ['./workflow-item-search-result-admin-workflow-list-element.component.scss'],
+    templateUrl: './workflow-item-search-result-admin-workflow-list-element.component.html',
+    standalone: true,
+    imports: [NgIf, ListableObjectComponentLoaderComponent, WorkflowItemAdminWorkflowActionsComponent, AsyncPipe, TranslateModule]
 })
 /**
  * The component for displaying a list element for a workflow item on the admin workflow search page

src/app/admin/admin-workflow-page/admin-workflow-search-results/admin-workflow-search-result-list-element/workspace-item/workspace-item-search-result-admin-workflow-list-element.component.spec.ts

@@ -60,21 +60,21 @@ describe('WorkspaceItemSearchResultAdminWorkflowListElementComponent', () => {
     init();
     TestBed.configureTestingModule(
       {
-        declarations: [WorkspaceItemSearchResultAdminWorkflowListElementComponent],
-        imports: [
-          NoopAnimationsModule,
-          TranslateModule.forRoot(),
-          RouterTestingModule.withRoutes([]),
-        ],
-        providers: [
-          { provide: TruncatableService, useValue: mockTruncatableService },
-          { provide: LinkService, useValue: linkService },
-          { provide: DSONameService, useClass: DSONameServiceMock },
-          { provide: SupervisionOrderDataService, useValue: supervisionOrderDataService },
-          { provide: APP_CONFIG, useValue: environment }
-        ],
-        schemas: [NO_ERRORS_SCHEMA]
-      })
+    imports: [
+        NoopAnimationsModule,
+        TranslateModule.forRoot(),
+        RouterTestingModule.withRoutes([]),
+        WorkspaceItemSearchResultAdminWorkflowListElementComponent
+    ],
+    providers: [
+        { provide: TruncatableService, useValue: mockTruncatableService },
+        { provide: LinkService, useValue: linkService },
+        { provide: DSONameService, useClass: DSONameServiceMock },
+        { provide: SupervisionOrderDataService, useValue: supervisionOrderDataService },
+        { provide: APP_CONFIG, useValue: environment }
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+})
       .compileComponents();
   }));
 

src/app/admin/admin-workflow-page/admin-workflow-search-results/admin-workflow-search-result-list-element/workspace-item/workspace-item-search-result-admin-workflow-list-element.component.ts

@@ -31,12 +31,18 @@ import { SupervisionOrder } from '../../../../../core/supervision-order/models/s
 import { SupervisionOrderDataService } from '../../../../../core/supervision-order/supervision-order-data.service';
 import { PaginatedList } from '../../../../../core/data/paginated-list.model';
 import { DSpaceObject } from '../../../../../core/shared/dspace-object.model';
+import { TranslateModule } from '@ngx-translate/core';
+import { WorkspaceItemAdminWorkflowActionsComponent } from '../../actions/workspace-item/workspace-item-admin-workflow-actions.component';
+import { ListableObjectComponentLoaderComponent } from '../../../../../shared/object-collection/shared/listable-object/listable-object-component-loader.component';
+import { NgIf, AsyncPipe } from '@angular/common';
 
 @listableObjectComponent(WorkspaceItemSearchResult, ViewMode.ListElement, Context.AdminWorkflowSearch)
 @Component({
-  selector: 'ds-workflow-item-search-result-admin-workflow-list-element',
-  styleUrls: ['./workspace-item-search-result-admin-workflow-list-element.component.scss'],
-  templateUrl: './workspace-item-search-result-admin-workflow-list-element.component.html'
+    selector: 'ds-workflow-item-search-result-admin-workflow-list-element',
+    styleUrls: ['./workspace-item-search-result-admin-workflow-list-element.component.scss'],
+    templateUrl: './workspace-item-search-result-admin-workflow-list-element.component.html',
+    standalone: true,
+    imports: [NgIf, ListableObjectComponentLoaderComponent, WorkspaceItemAdminWorkflowActionsComponent, AsyncPipe, TranslateModule]
 })
 /**
  * The component for displaying a list element for a workflow item on the admin workflow search page

src/app/admin/admin-workflow-page/admin-workflow.module.ts

@@ -37,21 +37,19 @@ const ENTRY_COMPONENTS = [
 ];
 
 @NgModule({
-  imports: [
-    SearchModule,
-    SharedModule.withEntryComponents()
-  ],
-  declarations: [
-    AdminWorkflowPageComponent,
-    SupervisionOrderGroupSelectorComponent,
-    SupervisionOrderStatusComponent,
-    WorkflowItemAdminWorkflowActionsComponent,
-    WorkspaceItemAdminWorkflowActionsComponent,
-    ...ENTRY_COMPONENTS
-  ],
-  exports: [
-    AdminWorkflowPageComponent
-  ]
+    imports: [
+        SearchModule,
+        SharedModule.withEntryComponents(),
+        AdminWorkflowPageComponent,
+        SupervisionOrderGroupSelectorComponent,
+        SupervisionOrderStatusComponent,
+        WorkflowItemAdminWorkflowActionsComponent,
+        WorkspaceItemAdminWorkflowActionsComponent,
+        ...ENTRY_COMPONENTS
+    ],
+    exports: [
+        AdminWorkflowPageComponent
+    ]
 })
 export class AdminWorkflowModuleModule {
   /**

src/app/admin/admin.module.ts

@@ -21,21 +21,19 @@ const ENTRY_COMPONENTS = [
 
 
 @NgModule({
-  imports: [
-    AdminRoutingModule,
-    AdminRegistriesModule,
-    AccessControlModule,
-    AdminSearchModule.withEntryComponents(),
-    AdminWorkflowModuleModule.withEntryComponents(),
-    SharedModule,
-    UiSwitchModule,
-    UploadModule,
-  ],
-  declarations: [
-    AdminCurationTasksComponent,
-    MetadataImportPageComponent,
-    BatchImportPageComponent
-  ]
+    imports: [
+        AdminRoutingModule,
+        AdminRegistriesModule,
+        AccessControlModule,
+        AdminSearchModule.withEntryComponents(),
+        AdminWorkflowModuleModule.withEntryComponents(),
+        SharedModule,
+        UiSwitchModule,
+        UploadModule,
+        AdminCurationTasksComponent,
+        MetadataImportPageComponent,
+        BatchImportPageComponent
+    ]
 })
 export class AdminModule {
   /**

src/app/app-routing.module.ts

@@ -186,8 +186,8 @@ import { ThemedPageErrorComponent } from './page-error/themed-page-error.compone
           },
           {
             path: WORKFLOW_ITEM_MODULE_PATH,
-            loadChildren: () => import('./workflowitems-edit-page/workflowitems-edit-page.module')
-              .then((m) => m.WorkflowItemsEditPageModule),
+            loadChildren: () => import('./workflowitems-edit-page/workflowitems-edit-page.routes')
+              .then((m) => m.workflowItemsEditPageRoutes),
             canActivate: [EndUserAgreementCurrentUserGuard]
           },
           {

src/app/app.component.ts

@@ -1,5 +1,5 @@
 import { distinctUntilChanged, take, withLatestFrom } from 'rxjs/operators';
-import { DOCUMENT, isPlatformBrowser } from '@angular/common';
+import { DOCUMENT, isPlatformBrowser, AsyncPipe } from '@angular/common';
 import {
   AfterViewInit,
   ChangeDetectionStrategy,
@@ -31,12 +31,15 @@ import { models } from './core/core.module';
 import { ThemeService } from './shared/theme-support/theme.service';
 import { IdleModalComponent } from './shared/idle-modal/idle-modal.component';
 import { distinctNext } from './core/shared/distinct-next';
+import { ThemedRootComponent } from './root/themed-root.component';
 
 @Component({
-  selector: 'ds-app',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
+    selector: 'ds-app',
+    templateUrl: './app.component.html',
+    styleUrls: ['./app.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
+    imports: [ThemedRootComponent, AsyncPipe]
 })
 export class AppComponent implements OnInit, AfterViewInit {
   notificationOptions;

src/app/app.module.ts

@@ -115,20 +115,18 @@ const EXPORTS = [
 ];
 
 @NgModule({
-  imports: [
-    BrowserModule.withServerTransition({ appId: 'dspace-angular' }),
-    ...IMPORTS
-  ],
-  providers: [
-    ...PROVIDERS
-  ],
-  declarations: [
-    ...DECLARATIONS,
-  ],
-  exports: [
-    ...EXPORTS,
-    ...DECLARATIONS,
-  ]
+    imports: [
+        BrowserModule.withServerTransition({ appId: 'dspace-angular' }),
+        ...IMPORTS,
+        ...DECLARATIONS
+    ],
+    providers: [
+        ...PROVIDERS
+    ],
+    exports: [
+        ...EXPORTS,
+        ...DECLARATIONS,
+    ]
 })
 export class AppModule {
 

src/app/bitstream-page/bitstream-authorizations/bitstream-authorizations.component.spec.ts

@@ -42,23 +42,23 @@ describe('BitstreamAuthorizationsComponent', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      imports: [
+    imports: [
         CommonModule,
         TranslateModule.forRoot({
-          loader: {
-            provide: TranslateLoader,
-            useClass: TranslateLoaderMock
-          }
-        })
-      ],
-      declarations: [BitstreamAuthorizationsComponent],
-      providers: [
+            loader: {
+                provide: TranslateLoader,
+                useClass: TranslateLoaderMock
+            }
+        }),
+        BitstreamAuthorizationsComponent
+    ],
+    providers: [
         { provide: ActivatedRoute, useValue: routeStub },
         ChangeDetectorRef,
         BitstreamAuthorizationsComponent,
-      ],
-      schemas: [NO_ERRORS_SCHEMA],
-    }).compileComponents();
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+}).compileComponents();
   }));
 
   beforeEach(() => {

src/app/bitstream-page/bitstream-authorizations/bitstream-authorizations.component.ts

@@ -1,15 +1,25 @@
 import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 
 import { Observable } from 'rxjs';
 import { first, map } from 'rxjs/operators';
 
 import { RemoteData } from '../../core/data/remote-data';
 import { DSpaceObject } from '../../core/shared/dspace-object.model';
+import { ResourcePoliciesComponent } from '../../shared/resource-policies/resource-policies.component';
+import { AsyncPipe } from '@angular/common';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
   selector: 'ds-collection-authorizations',
   templateUrl: './bitstream-authorizations.component.html',
+  imports: [
+    ResourcePoliciesComponent,
+    AsyncPipe,
+    TranslateModule,
+    RouterLink
+  ],
+  standalone: true
 })
 /**
  * Component that handles the Collection Authorizations

src/app/bitstream-page/bitstream-download-page/bitstream-download-page.component.spec.ts

@@ -90,9 +90,8 @@ describe('BitstreamDownloadPageComponent', () => {
 
   function initTestbed() {
     TestBed.configureTestingModule({
-      imports: [CommonModule, TranslateModule.forRoot()],
-      declarations: [BitstreamDownloadPageComponent],
-      providers: [
+    imports: [CommonModule, TranslateModule.forRoot(), BitstreamDownloadPageComponent],
+    providers: [
         { provide: ActivatedRoute, useValue: activatedRoute },
         { provide: Router, useValue: router },
         { provide: AuthorizationDataService, useValue: authorizationService },
@@ -102,8 +101,8 @@ describe('BitstreamDownloadPageComponent', () => {
         { provide: ServerResponseService, useValue: serverResponseService },
         { provide: SignpostingDataService, useValue: signpostingDataService },
         { provide: PLATFORM_ID, useValue: 'server' }
-      ]
-    })
+    ]
+})
       .compileComponents();
   }
 

src/app/bitstream-page/bitstream-download-page/bitstream-download-page.component.ts

@@ -13,15 +13,21 @@ import { HardRedirectService } from '../../core/services/hard-redirect.service';
 import { getForbiddenRoute } from '../../app-routing-paths';
 import { RemoteData } from '../../core/data/remote-data';
 import { redirectOn4xx } from '../../core/shared/authorized.operators';
-import { isPlatformServer, Location } from '@angular/common';
+import { AsyncPipe, isPlatformServer, Location } from '@angular/common';
 import { DSONameService } from '../../core/breadcrumbs/dso-name.service';
 import { SignpostingDataService } from '../../core/data/signposting-data.service';
 import { ServerResponseService } from '../../core/services/server-response.service';
 import { SignpostingLink } from '../../core/data/signposting-links.model';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
   selector: 'ds-bitstream-download-page',
-  templateUrl: './bitstream-download-page.component.html'
+  templateUrl: './bitstream-download-page.component.html',
+  imports: [
+    AsyncPipe,
+    TranslateModule
+  ],
+  standalone: true
 })
 /**
  * Page component for downloading a bitstream

src/app/bitstream-page/bitstream-page.module.ts

@@ -13,19 +13,17 @@ import { ThemedEditBitstreamPageComponent } from './edit-bitstream-page/themed-e
  * This module handles all components that are necessary for Bitstream related pages
  */
 @NgModule({
-  imports: [
-    CommonModule,
-    SharedModule,
-    BitstreamPageRoutingModule,
-    FormModule,
-    ResourcePoliciesModule
-  ],
-  declarations: [
-    BitstreamAuthorizationsComponent,
-    EditBitstreamPageComponent,
-    ThemedEditBitstreamPageComponent,
-    BitstreamDownloadPageComponent,
-  ]
+    imports: [
+        CommonModule,
+        SharedModule,
+        BitstreamPageRoutingModule,
+        FormModule,
+        ResourcePoliciesModule,
+        BitstreamAuthorizationsComponent,
+        EditBitstreamPageComponent,
+        ThemedEditBitstreamPageComponent,
+        BitstreamDownloadPageComponent
+    ]
 })
 export class BitstreamPageModule {
 }

src/app/bitstream-page/edit-bitstream-page/edit-bitstream-page.component.spec.ts

@@ -192,26 +192,25 @@ describe('EditBitstreamPageComponent', () => {
       });
 
       TestBed.configureTestingModule({
-        imports: [TranslateModule.forRoot(), RouterTestingModule],
-        declarations: [EditBitstreamPageComponent, FileSizePipe, VarDirective],
-        providers: [
-          { provide: NotificationsService, useValue: notificationsService },
-          { provide: DynamicFormService, useValue: formService },
-          {
+    imports: [TranslateModule.forRoot(), RouterTestingModule, EditBitstreamPageComponent, FileSizePipe, VarDirective],
+    providers: [
+        { provide: NotificationsService, useValue: notificationsService },
+        { provide: DynamicFormService, useValue: formService },
+        {
             provide: ActivatedRoute,
             useValue: {
-              data: observableOf({ bitstream: createSuccessfulRemoteDataObject(bitstream) }),
-              snapshot: { queryParams: {} }
+                data: observableOf({ bitstream: createSuccessfulRemoteDataObject(bitstream) }),
+                snapshot: { queryParams: {} }
             }
-          },
-          { provide: BitstreamDataService, useValue: bitstreamService },
-          { provide: DSONameService, useValue: dsoNameService },
-          { provide: BitstreamFormatDataService, useValue: bitstreamFormatService },
-          { provide: PrimaryBitstreamService, useValue: primaryBitstreamService },
-          ChangeDetectorRef
-        ],
-        schemas: [NO_ERRORS_SCHEMA]
-      }).compileComponents();
+        },
+        { provide: BitstreamDataService, useValue: bitstreamService },
+        { provide: DSONameService, useValue: dsoNameService },
+        { provide: BitstreamFormatDataService, useValue: bitstreamFormatService },
+        { provide: PrimaryBitstreamService, useValue: primaryBitstreamService },
+        ChangeDetectorRef
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+}).compileComponents();
 
     }));
 
@@ -481,26 +480,25 @@ describe('EditBitstreamPageComponent', () => {
       });
 
       TestBed.configureTestingModule({
-        imports: [TranslateModule.forRoot(), RouterTestingModule],
-        declarations: [EditBitstreamPageComponent, FileSizePipe, VarDirective],
-        providers: [
-          {provide: NotificationsService, useValue: notificationsService},
-          {provide: DynamicFormService, useValue: formService},
-          {
+    imports: [TranslateModule.forRoot(), RouterTestingModule, EditBitstreamPageComponent, FileSizePipe, VarDirective],
+    providers: [
+        { provide: NotificationsService, useValue: notificationsService },
+        { provide: DynamicFormService, useValue: formService },
+        {
             provide: ActivatedRoute,
             useValue: {
-              data: observableOf({bitstream: createSuccessfulRemoteDataObject(bitstream)}),
-              snapshot: {queryParams: {}}
+                data: observableOf({ bitstream: createSuccessfulRemoteDataObject(bitstream) }),
+                snapshot: { queryParams: {} }
             }
-          },
-          {provide: BitstreamDataService, useValue: bitstreamService},
-          {provide: DSONameService, useValue: dsoNameService},
-          {provide: BitstreamFormatDataService, useValue: bitstreamFormatService},
-          { provide: PrimaryBitstreamService, useValue: primaryBitstreamService },
-          ChangeDetectorRef
-        ],
-        schemas: [NO_ERRORS_SCHEMA]
-      }).compileComponents();
+        },
+        { provide: BitstreamDataService, useValue: bitstreamService },
+        { provide: DSONameService, useValue: dsoNameService },
+        { provide: BitstreamFormatDataService, useValue: bitstreamFormatService },
+        { provide: PrimaryBitstreamService, useValue: primaryBitstreamService },
+        ChangeDetectorRef
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+}).compileComponents();
     }));
 
     beforeEach(() => {
@@ -606,25 +604,24 @@ describe('EditBitstreamPageComponent', () => {
         });
 
         TestBed.configureTestingModule({
-          imports: [TranslateModule.forRoot(), RouterTestingModule],
-          declarations: [EditBitstreamPageComponent, FileSizePipe, VarDirective],
-          providers: [
-            {provide: NotificationsService, useValue: notificationsService},
-            {provide: DynamicFormService, useValue: formService},
-            {provide: ActivatedRoute,
-              useValue: {
-                data: observableOf({bitstream: createSuccessfulRemoteDataObject(bitstream)}),
-                snapshot: {queryParams: {}}
-              }
-            },
-            {provide: BitstreamDataService, useValue: bitstreamService},
-            {provide: DSONameService, useValue: dsoNameService},
-            {provide: BitstreamFormatDataService, useValue: bitstreamFormatService},
-            { provide: PrimaryBitstreamService, useValue: primaryBitstreamService },
-            ChangeDetectorRef
-          ],
-          schemas: [NO_ERRORS_SCHEMA]
-        }).compileComponents();
+    imports: [TranslateModule.forRoot(), RouterTestingModule, EditBitstreamPageComponent, FileSizePipe, VarDirective],
+    providers: [
+        { provide: NotificationsService, useValue: notificationsService },
+        { provide: DynamicFormService, useValue: formService },
+        { provide: ActivatedRoute,
+            useValue: {
+                data: observableOf({ bitstream: createSuccessfulRemoteDataObject(bitstream) }),
+                snapshot: { queryParams: {} }
+            }
+        },
+        { provide: BitstreamDataService, useValue: bitstreamService },
+        { provide: DSONameService, useValue: dsoNameService },
+        { provide: BitstreamFormatDataService, useValue: bitstreamFormatService },
+        { provide: PrimaryBitstreamService, useValue: primaryBitstreamService },
+        ChangeDetectorRef
+    ],
+    schemas: [NO_ERRORS_SCHEMA]
+}).compileComponents();
       }));
 
       beforeEach(() => {

src/app/bitstream-page/edit-bitstream-page/edit-bitstream-page.component.ts

@@ -1,11 +1,11 @@
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
 import { Bitstream } from '../../core/shared/bitstream.model';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { filter, map, switchMap, tap } from 'rxjs/operators';
 import { combineLatest, combineLatest as observableCombineLatest, Observable, of as observableOf, Subscription } from 'rxjs';
 import { DynamicFormControlModel, DynamicFormGroupModel, DynamicFormLayout, DynamicFormService, DynamicInputModel, DynamicSelectModel } from '@ng-dynamic-forms/core';
 import { UntypedFormGroup } from '@angular/forms';
-import { TranslateService } from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { DynamicCustomSwitchModel } from '../../shared/form/builder/ds-dynamic-form-ui/models/custom-switch/custom-switch.model';
 import cloneDeep from 'lodash/cloneDeep';
 import { BitstreamDataService } from '../../core/data/bitstream-data.service';
@@ -16,7 +16,7 @@ import { BitstreamFormat } from '../../core/shared/bitstream-format.model';
 import { BitstreamFormatSupportLevel } from '../../core/shared/bitstream-format-support-level';
 import { hasValue, hasValueOperator, isEmpty, isNotEmpty } from '../../shared/empty.util';
 import { Metadata } from '../../core/shared/metadata.utils';
-import { Location } from '@angular/common';
+import { AsyncPipe, Location, NgIf } from '@angular/common';
 import { RemoteData } from '../../core/data/remote-data';
 import { PaginatedList } from '../../core/data/paginated-list.model';
 import { getEntityEditRoute } from '../../item-page/item-page-routing-paths';
@@ -26,12 +26,31 @@ import { Item } from '../../core/shared/item.model';
 import { DsDynamicInputModel } from '../../shared/form/builder/ds-dynamic-form-ui/models/ds-dynamic-input.model';
 import { DsDynamicTextAreaModel } from '../../shared/form/builder/ds-dynamic-form-ui/models/ds-dynamic-textarea.model';
 import { PrimaryBitstreamService } from '../../core/data/primary-bitstream.service';
+import { FormComponent } from '../../shared/form/form.component';
+import { VarDirective } from '../../shared/utils/var.directive';
+import { ThemedThumbnailComponent } from '../../thumbnail/themed-thumbnail.component';
+import { ErrorComponent } from '../../shared/error/error.component';
+import { ThemedLoadingComponent } from '../../shared/loading/themed-loading.component';
+import { FileSizePipe } from '../../shared/utils/file-size-pipe';
 
 @Component({
   selector: 'ds-edit-bitstream-page',
   styleUrls: ['./edit-bitstream-page.component.scss'],
   templateUrl: './edit-bitstream-page.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [
+    FormComponent,
+    NgIf,
+    VarDirective,
+    ThemedThumbnailComponent,
+    AsyncPipe,
+    RouterLink,
+    ErrorComponent,
+    ThemedLoadingComponent,
+    TranslateModule,
+    FileSizePipe
+  ],
+  standalone: true
 })
 /**
  * Page component for editing a bitstream

src/app/bitstream-page/edit-bitstream-page/themed-edit-bitstream-page.component.ts

@@ -3,9 +3,10 @@ import { EditBitstreamPageComponent } from './edit-bitstream-page.component';
 import { ThemedComponent } from '../../shared/theme-support/themed.component';
 
 @Component({
-  selector: 'ds-themed-edit-bitstream-page',
-  styleUrls: [],
-  templateUrl: '../../shared/theme-support/themed.component.html',
+    selector: 'ds-themed-edit-bitstream-page',
+    styleUrls: [],
+    templateUrl: '../../shared/theme-support/themed.component.html',
+    standalone: true
 })
 export class ThemedEditBitstreamPageComponent extends ThemedComponent<EditBitstreamPageComponent> {
   protected getComponentName(): string {

src/app/breadcrumbs/breadcrumbs.component.spec.ts

@@ -40,23 +40,21 @@ describe('BreadcrumbsComponent', () => {
     } as BreadcrumbsService;
 
     TestBed.configureTestingModule({
-      declarations: [
-        BreadcrumbsComponent,
-        VarDirective,
-      ],
-      imports: [
+    imports: [
         RouterTestingModule.withRoutes([]),
         TranslateModule.forRoot({
-          loader: {
-            provide: TranslateLoader,
-            useClass: TranslateLoaderMock,
-          }
+            loader: {
+                provide: TranslateLoader,
+                useClass: TranslateLoaderMock,
+            }
         }),
-      ],
-      providers: [
+        BreadcrumbsComponent,
+        VarDirective
+    ],
+    providers: [
         { provide: BreadcrumbsService, useValue: breadcrumbsServiceMock },
-      ],
-    }).compileComponents();
+    ]
+}).compileComponents();
 
     fixture = TestBed.createComponent(BreadcrumbsComponent);
     component = fixture.componentInstance;