Chore: update to Angular v19

2025-04-29 11:09:27 -05:00 · 2024-12-05 20:50:47 -08:00 · 2024-12-05 20:50:47 -08:00 · a5e71a03a0
commit a5e71a03a0
parent 75de53eb83
116 changed files with 3772 additions and 2304 deletions
--- a/src-ui/package-lock.json
+++ b/src-ui/package-lock.json
--- a/src-ui/package.json
+++ b/src-ui/package.json
@ -3,7 +3,7 @@
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
-    "start": "ng serve --host 0.0.0.0",
+    "start": "ng serve",
    "build": "ng build",
    "test": "ng test --no-watch --coverage",
    "lint": "ng lint",
@ -11,17 +11,17 @@
  },
  "private": true,
  "dependencies": {
-    "@angular/cdk": "^18.2.11",
-    "@angular/common": "~18.2.10",
-    "@angular/compiler": "~18.2.10",
-    "@angular/core": "~18.2.10",
-    "@angular/forms": "~18.2.10",
-    "@angular/localize": "~18.2.10",
-    "@angular/platform-browser": "~18.2.10",
-    "@angular/platform-browser-dynamic": "~18.2.10",
-    "@angular/router": "~18.2.10",
-    "@ng-bootstrap/ng-bootstrap": "^17.0.1",
-    "@ng-select/ng-select": "^13.9.1",
+    "@angular/cdk": "^19.0.2",
+    "@angular/common": "~19.0.3",
+    "@angular/compiler": "~19.0.3",
+    "@angular/core": "~19.0.3",
+    "@angular/forms": "~19.0.3",
+    "@angular/localize": "~19.0.3",
+    "@angular/platform-browser": "~19.0.3",
+    "@angular/platform-browser-dynamic": "~19.0.3",
+    "@angular/router": "~19.0.3",
+    "@ng-bootstrap/ng-bootstrap": "^18.0.0",
+    "@ng-select/ng-select": "^14.1.0",
    "@ngneat/dirty-check-forms": "^3.0.3",
    "@popperjs/core": "^2.11.8",
    "bootstrap": "^5.3.3",
@ -30,28 +30,28 @@
    "ng2-pdf-viewer": "^10.4.0",
    "ngx-bootstrap-icons": "^1.9.3",
    "ngx-color": "^9.0.0",
-    "ngx-cookie-service": "^18.0.0",
+    "ngx-cookie-service": "^19.0.0",
    "ngx-file-drop": "^16.0.0",
-    "ngx-ui-tour-ng-bootstrap": "^15.0.0",
+    "ngx-ui-tour-ng-bootstrap": "^16.0.0",
    "rxjs": "^7.8.1",
    "tslib": "^2.8.1",
    "utif": "^3.1.0",
    "uuid": "^11.0.2",
-    "zone.js": "^0.14.8"
+    "zone.js": "^0.15.0"
  },
  "devDependencies": {
-    "@angular-builders/custom-webpack": "^18.0.0",
-    "@angular-builders/jest": "^18.0.0",
-    "@angular-devkit/build-angular": "^18.2.2",
-    "@angular-devkit/core": "^18.2.11",
-    "@angular-devkit/schematics": "^18.2.11",
-    "@angular-eslint/builder": "18.4.0",
-    "@angular-eslint/eslint-plugin": "18.4.0",
-    "@angular-eslint/eslint-plugin-template": "18.4.0",
-    "@angular-eslint/schematics": "18.4.0",
-    "@angular-eslint/template-parser": "18.4.0",
-    "@angular/cli": "~18.2.11",
-    "@angular/compiler-cli": "~18.2.2",
+    "@angular-builders/custom-webpack": "^19.0.0-beta.0",
+    "@angular-builders/jest": "^19.0.0-beta.1",
+    "@angular-devkit/build-angular": "^19.0.4",
+    "@angular-devkit/core": "^19.0.4",
+    "@angular-devkit/schematics": "^19.0.4",
+    "@angular-eslint/builder": "19.0.0",
+    "@angular-eslint/eslint-plugin": "19.0.0",
+    "@angular-eslint/eslint-plugin-template": "19.0.0",
+    "@angular-eslint/schematics": "19.0.0",
+    "@angular-eslint/template-parser": "19.0.0",
+    "@angular/cli": "~19.0.4",
+    "@angular/compiler-cli": "~19.0.3",
    "@codecov/webpack-plugin": "^1.2.1",
    "@playwright/test": "^1.48.2",
    "@types/jest": "^29.5.14",
@ -62,7 +62,7 @@
    "eslint": "^9.14.0",
    "jest": "29.7.0",
    "jest-environment-jsdom": "^29.7.0",
-    "jest-preset-angular": "^14.2.4",
+    "jest-preset-angular": "^14.4.2",
    "jest-websocket-mock": "^2.5.0",
    "patch-package": "^8.0.0",
    "prettier-plugin-organize-imports": "^4.1.0",
--- a/src-ui/src/app/app.component.ts
+++ b/src-ui/src/app/app.component.ts
@ -18,6 +18,7 @@ import { ToastService } from './services/toast.service'
  selector: 'pngx-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss'],
+  standalone: false,
 })
 export class AppComponent implements OnInit, OnDestroy {
  newDocumentSubscription: Subscription
--- a/src-ui/src/app/app.module.ts
+++ b/src-ui/src/app/app.module.ts
@ -1,20 +1,138 @@
-import { DragDropModule } from '@angular/cdk/drag-drop'
-import { DatePipe, registerLocaleData } from '@angular/common'
-import {
-  HTTP_INTERCEPTORS,
-  provideHttpClient,
-  withInterceptorsFromDi,
-} from '@angular/common/http'
-import { APP_INITIALIZER, NgModule } from '@angular/core'
-import { FormsModule, ReactiveFormsModule } from '@angular/forms'
 import { BrowserModule } from '@angular/platform-browser'
+import { NgModule, inject, provideAppInitializer } from '@angular/core'
+import { AppRoutingModule } from './app-routing.module'
+import { AppComponent } from './app.component'
 import {
  NgbDateAdapter,
  NgbDateParserFormatter,
  NgbModule,
 } from '@ng-bootstrap/ng-bootstrap'
+import {
+  HTTP_INTERCEPTORS,
+  provideHttpClient,
+  withInterceptorsFromDi,
+} from '@angular/common/http'
+import { DocumentListComponent } from './components/document-list/document-list.component'
+import { DocumentDetailComponent } from './components/document-detail/document-detail.component'
+import { DashboardComponent } from './components/dashboard/dashboard.component'
+import { TagListComponent } from './components/manage/tag-list/tag-list.component'
+import { DocumentTypeListComponent } from './components/manage/document-type-list/document-type-list.component'
+import { CorrespondentListComponent } from './components/manage/correspondent-list/correspondent-list.component'
+import { LogsComponent } from './components/admin/logs/logs.component'
+import { SettingsComponent } from './components/admin/settings/settings.component'
+import { FormsModule, ReactiveFormsModule } from '@angular/forms'
+import { DatePipe, registerLocaleData } from '@angular/common'
+import { NotFoundComponent } from './components/not-found/not-found.component'
+import { ConfirmDialogComponent } from './components/common/confirm-dialog/confirm-dialog.component'
+import { CorrespondentEditDialogComponent } from './components/common/edit-dialog/correspondent-edit-dialog/correspondent-edit-dialog.component'
+import { TagEditDialogComponent } from './components/common/edit-dialog/tag-edit-dialog/tag-edit-dialog.component'
+import { DocumentTypeEditDialogComponent } from './components/common/edit-dialog/document-type-edit-dialog/document-type-edit-dialog.component'
+import { TagComponent } from './components/common/tag/tag.component'
+import { ClearableBadgeComponent } from './components/common/clearable-badge/clearable-badge.component'
+import { PageHeaderComponent } from './components/common/page-header/page-header.component'
+import { AppFrameComponent } from './components/app-frame/app-frame.component'
+import { ToastsComponent } from './components/common/toasts/toasts.component'
+import { FilterEditorComponent } from './components/document-list/filter-editor/filter-editor.component'
+import { FilterableDropdownComponent } from './components/common/filterable-dropdown/filterable-dropdown.component'
+import { ToggleableDropdownButtonComponent } from './components/common/filterable-dropdown/toggleable-dropdown-button/toggleable-dropdown-button.component'
+import { DatesDropdownComponent } from './components/common/dates-dropdown/dates-dropdown.component'
+import { DocumentCardLargeComponent } from './components/document-list/document-card-large/document-card-large.component'
+import { DocumentCardSmallComponent } from './components/document-list/document-card-small/document-card-small.component'
+import { BulkEditorComponent } from './components/document-list/bulk-editor/bulk-editor.component'
+import { NgxFileDropModule } from 'ngx-file-drop'
+import { TextComponent } from './components/common/input/text/text.component'
+import { TextAreaComponent } from './components/common/input/textarea/textarea.component'
+import { SelectComponent } from './components/common/input/select/select.component'
+import { CheckComponent } from './components/common/input/check/check.component'
+import { UrlComponent } from './components/common/input/url/url.component'
+import { PasswordComponent } from './components/common/input/password/password.component'
+import { SaveViewConfigDialogComponent } from './components/document-list/save-view-config-dialog/save-view-config-dialog.component'
+import { TagsComponent } from './components/common/input/tags/tags.component'
+import { IfPermissionsDirective } from './directives/if-permissions.directive'
+import { SortableDirective } from './directives/sortable.directive'
+import { CookieService } from 'ngx-cookie-service'
+import { CsrfInterceptor } from './interceptors/csrf.interceptor'
+import { SavedViewWidgetComponent } from './components/dashboard/widgets/saved-view-widget/saved-view-widget.component'
+import { StatisticsWidgetComponent } from './components/dashboard/widgets/statistics-widget/statistics-widget.component'
+import { UploadFileWidgetComponent } from './components/dashboard/widgets/upload-file-widget/upload-file-widget.component'
+import { WidgetFrameComponent } from './components/dashboard/widgets/widget-frame/widget-frame.component'
+import { WelcomeWidgetComponent } from './components/dashboard/widgets/welcome-widget/welcome-widget.component'
+import { YesNoPipe } from './pipes/yes-no.pipe'
+import { FileSizePipe } from './pipes/file-size.pipe'
+import { FilterPipe } from './pipes/filter.pipe'
+import { DocumentTitlePipe } from './pipes/document-title.pipe'
+import { MetadataCollapseComponent } from './components/document-detail/metadata-collapse/metadata-collapse.component'
+import { SelectDialogComponent } from './components/common/select-dialog/select-dialog.component'
 import { NgSelectModule } from '@ng-select/ng-select'
+import { NumberComponent } from './components/common/input/number/number.component'
+import { SafeUrlPipe } from './pipes/safeurl.pipe'
+import { SafeHtmlPipe } from './pipes/safehtml.pipe'
+import { CustomDatePipe } from './pipes/custom-date.pipe'
+import { DateComponent } from './components/common/input/date/date.component'
+import { ISODateAdapter } from './utils/ngb-iso-date-adapter'
+import { LocalizedDateParserFormatter } from './utils/ngb-date-parser-formatter'
+import { ApiVersionInterceptor } from './interceptors/api-version.interceptor'
+import { ColorSliderModule } from 'ngx-color/slider'
+import { ColorComponent } from './components/common/input/color/color.component'
+import { DocumentAsnComponent } from './components/document-asn/document-asn.component'
+import { DocumentNotesComponent } from './components/document-notes/document-notes.component'
+import { PermissionsGuard } from './guards/permissions.guard'
+import { DirtyDocGuard } from './guards/dirty-doc.guard'
+import { DirtySavedViewGuard } from './guards/dirty-saved-view.guard'
+import { StoragePathListComponent } from './components/manage/storage-path-list/storage-path-list.component'
+import { StoragePathEditDialogComponent } from './components/common/edit-dialog/storage-path-edit-dialog/storage-path-edit-dialog.component'
+import { SettingsService } from './services/settings.service'
+import { TasksComponent } from './components/admin/tasks/tasks.component'
+import { TourNgBootstrapModule } from 'ngx-ui-tour-ng-bootstrap'
+import { UserEditDialogComponent } from './components/common/edit-dialog/user-edit-dialog/user-edit-dialog.component'
+import { GroupEditDialogComponent } from './components/common/edit-dialog/group-edit-dialog/group-edit-dialog.component'
+import { PermissionsSelectComponent } from './components/common/permissions-select/permissions-select.component'
+import { MailAccountEditDialogComponent } from './components/common/edit-dialog/mail-account-edit-dialog/mail-account-edit-dialog.component'
+import { MailRuleEditDialogComponent } from './components/common/edit-dialog/mail-rule-edit-dialog/mail-rule-edit-dialog.component'
+import { PermissionsUserComponent } from './components/common/input/permissions/permissions-user/permissions-user.component'
+import { PermissionsGroupComponent } from './components/common/input/permissions/permissions-group/permissions-group.component'
+import { IfOwnerDirective } from './directives/if-owner.directive'
+import { IfObjectPermissionsDirective } from './directives/if-object-permissions.directive'
+import { PermissionsDialogComponent } from './components/common/permissions-dialog/permissions-dialog.component'
+import { PermissionsFormComponent } from './components/common/input/permissions/permissions-form/permissions-form.component'
+import { PermissionsFilterDropdownComponent } from './components/common/permissions-filter-dropdown/permissions-filter-dropdown.component'
+import { UsernamePipe } from './pipes/username.pipe'
+import { LogoComponent } from './components/common/logo/logo.component'
+import { IsNumberPipe } from './pipes/is-number.pipe'
+import { ShareLinksDropdownComponent } from './components/common/share-links-dropdown/share-links-dropdown.component'
+import { WorkflowsComponent } from './components/manage/workflows/workflows.component'
+import { WorkflowEditDialogComponent } from './components/common/edit-dialog/workflow-edit-dialog/workflow-edit-dialog.component'
+import { MailComponent } from './components/manage/mail/mail.component'
+import { UsersAndGroupsComponent } from './components/admin/users-groups/users-groups.component'
+import { DragDropModule } from '@angular/cdk/drag-drop'
+import { FileDropComponent } from './components/file-drop/file-drop.component'
+import { CustomFieldsComponent } from './components/manage/custom-fields/custom-fields.component'
+import { CustomFieldEditDialogComponent } from './components/common/edit-dialog/custom-field-edit-dialog/custom-field-edit-dialog.component'
+import { CustomFieldsDropdownComponent } from './components/common/custom-fields-dropdown/custom-fields-dropdown.component'
+import { CustomFieldsQueryDropdownComponent } from './components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component'
+import { ProfileEditDialogComponent } from './components/common/profile-edit-dialog/profile-edit-dialog.component'
 import { PdfViewerModule } from 'ng2-pdf-viewer'
+import { DocumentLinkComponent } from './components/common/input/document-link/document-link.component'
+import { PreviewPopupComponent } from './components/common/preview-popup/preview-popup.component'
+import { SwitchComponent } from './components/common/input/switch/switch.component'
+import { ConfigComponent } from './components/admin/config/config.component'
+import { FileComponent } from './components/common/input/file/file.component'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
+import { ConfirmButtonComponent } from './components/common/confirm-button/confirm-button.component'
+import { MonetaryComponent } from './components/common/input/monetary/monetary.component'
+import { SystemStatusDialogComponent } from './components/common/system-status-dialog/system-status-dialog.component'
+import { RotateConfirmDialogComponent } from './components/common/confirm-dialog/rotate-confirm-dialog/rotate-confirm-dialog.component'
+import { MergeConfirmDialogComponent } from './components/common/confirm-dialog/merge-confirm-dialog/merge-confirm-dialog.component'
+import { SplitConfirmDialogComponent } from './components/common/confirm-dialog/split-confirm-dialog/split-confirm-dialog.component'
+import { DocumentHistoryComponent } from './components/document-history/document-history.component'
+import { DragDropSelectComponent } from './components/common/input/drag-drop-select/drag-drop-select.component'
+import { CustomFieldDisplayComponent } from './components/common/custom-field-display/custom-field-display.component'
+import { GlobalSearchComponent } from './components/app-frame/global-search/global-search.component'
+import { HotkeyDialogComponent } from './components/common/hotkey-dialog/hotkey-dialog.component'
+import { DeletePagesConfirmDialogComponent } from './components/common/confirm-dialog/delete-pages-confirm-dialog/delete-pages-confirm-dialog.component'
+import { TrashComponent } from './components/admin/trash/trash.component'
+import { EntriesComponent } from './components/common/input/entries/entries.component'
+import { SavedViewsComponent } from './components/manage/saved-views/saved-views.component'
 import {
  airplane,
  archive,
@ -27,11 +145,11 @@ import {
  arrowRightShort,
  arrowUpRight,
  asterisk,
+  braces,
  bodyText,
  boxArrowUp,
  boxArrowUpRight,
  boxes,
-  braces,
  calendar,
  calendarEvent,
  calendarEventFill,
@ -89,7 +207,6 @@ import {
  listTask,
  listUl,
  microsoft,
-  NgxBootstrapIconsModule,
  nodePlus,
  pencil,
  people,
@ -109,8 +226,8 @@ import {
  sliders2Vertical,
  sortAlphaDown,
  sortAlphaUpAlt,
-  tag,
  tagFill,
+  tag,
  tags,
  textIndentLeft,
  textLeft,
@ -124,124 +241,6 @@ import {
  xCircle,
  xLg,
 } from 'ngx-bootstrap-icons'
-import { ColorSliderModule } from 'ngx-color/slider'
-import { CookieService } from 'ngx-cookie-service'
-import { NgxFileDropModule } from 'ngx-file-drop'
-import { TourNgBootstrapModule } from 'ngx-ui-tour-ng-bootstrap'
-import { AppRoutingModule } from './app-routing.module'
-import { AppComponent } from './app.component'
-import { ConfigComponent } from './components/admin/config/config.component'
-import { LogsComponent } from './components/admin/logs/logs.component'
-import { SettingsComponent } from './components/admin/settings/settings.component'
-import { TasksComponent } from './components/admin/tasks/tasks.component'
-import { TrashComponent } from './components/admin/trash/trash.component'
-import { UsersAndGroupsComponent } from './components/admin/users-groups/users-groups.component'
-import { AppFrameComponent } from './components/app-frame/app-frame.component'
-import { GlobalSearchComponent } from './components/app-frame/global-search/global-search.component'
-import { ClearableBadgeComponent } from './components/common/clearable-badge/clearable-badge.component'
-import { ConfirmButtonComponent } from './components/common/confirm-button/confirm-button.component'
-import { ConfirmDialogComponent } from './components/common/confirm-dialog/confirm-dialog.component'
-import { DeletePagesConfirmDialogComponent } from './components/common/confirm-dialog/delete-pages-confirm-dialog/delete-pages-confirm-dialog.component'
-import { MergeConfirmDialogComponent } from './components/common/confirm-dialog/merge-confirm-dialog/merge-confirm-dialog.component'
-import { RotateConfirmDialogComponent } from './components/common/confirm-dialog/rotate-confirm-dialog/rotate-confirm-dialog.component'
-import { SplitConfirmDialogComponent } from './components/common/confirm-dialog/split-confirm-dialog/split-confirm-dialog.component'
-import { CustomFieldDisplayComponent } from './components/common/custom-field-display/custom-field-display.component'
-import { CustomFieldsDropdownComponent } from './components/common/custom-fields-dropdown/custom-fields-dropdown.component'
-import { CustomFieldsQueryDropdownComponent } from './components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component'
-import { DatesDropdownComponent } from './components/common/dates-dropdown/dates-dropdown.component'
-import { CorrespondentEditDialogComponent } from './components/common/edit-dialog/correspondent-edit-dialog/correspondent-edit-dialog.component'
-import { CustomFieldEditDialogComponent } from './components/common/edit-dialog/custom-field-edit-dialog/custom-field-edit-dialog.component'
-import { DocumentTypeEditDialogComponent } from './components/common/edit-dialog/document-type-edit-dialog/document-type-edit-dialog.component'
-import { GroupEditDialogComponent } from './components/common/edit-dialog/group-edit-dialog/group-edit-dialog.component'
-import { MailAccountEditDialogComponent } from './components/common/edit-dialog/mail-account-edit-dialog/mail-account-edit-dialog.component'
-import { MailRuleEditDialogComponent } from './components/common/edit-dialog/mail-rule-edit-dialog/mail-rule-edit-dialog.component'
-import { StoragePathEditDialogComponent } from './components/common/edit-dialog/storage-path-edit-dialog/storage-path-edit-dialog.component'
-import { TagEditDialogComponent } from './components/common/edit-dialog/tag-edit-dialog/tag-edit-dialog.component'
-import { UserEditDialogComponent } from './components/common/edit-dialog/user-edit-dialog/user-edit-dialog.component'
-import { WorkflowEditDialogComponent } from './components/common/edit-dialog/workflow-edit-dialog/workflow-edit-dialog.component'
-import { FilterableDropdownComponent } from './components/common/filterable-dropdown/filterable-dropdown.component'
-import { ToggleableDropdownButtonComponent } from './components/common/filterable-dropdown/toggleable-dropdown-button/toggleable-dropdown-button.component'
-import { HotkeyDialogComponent } from './components/common/hotkey-dialog/hotkey-dialog.component'
-import { CheckComponent } from './components/common/input/check/check.component'
-import { ColorComponent } from './components/common/input/color/color.component'
-import { DateComponent } from './components/common/input/date/date.component'
-import { DocumentLinkComponent } from './components/common/input/document-link/document-link.component'
-import { DragDropSelectComponent } from './components/common/input/drag-drop-select/drag-drop-select.component'
-import { EntriesComponent } from './components/common/input/entries/entries.component'
-import { FileComponent } from './components/common/input/file/file.component'
-import { MonetaryComponent } from './components/common/input/monetary/monetary.component'
-import { NumberComponent } from './components/common/input/number/number.component'
-import { PasswordComponent } from './components/common/input/password/password.component'
-import { PermissionsFormComponent } from './components/common/input/permissions/permissions-form/permissions-form.component'
-import { PermissionsGroupComponent } from './components/common/input/permissions/permissions-group/permissions-group.component'
-import { PermissionsUserComponent } from './components/common/input/permissions/permissions-user/permissions-user.component'
-import { SelectComponent } from './components/common/input/select/select.component'
-import { SwitchComponent } from './components/common/input/switch/switch.component'
-import { TagsComponent } from './components/common/input/tags/tags.component'
-import { TextComponent } from './components/common/input/text/text.component'
-import { TextAreaComponent } from './components/common/input/textarea/textarea.component'
-import { UrlComponent } from './components/common/input/url/url.component'
-import { LogoComponent } from './components/common/logo/logo.component'
-import { PageHeaderComponent } from './components/common/page-header/page-header.component'
-import { PermissionsDialogComponent } from './components/common/permissions-dialog/permissions-dialog.component'
-import { PermissionsFilterDropdownComponent } from './components/common/permissions-filter-dropdown/permissions-filter-dropdown.component'
-import { PermissionsSelectComponent } from './components/common/permissions-select/permissions-select.component'
-import { PreviewPopupComponent } from './components/common/preview-popup/preview-popup.component'
-import { ProfileEditDialogComponent } from './components/common/profile-edit-dialog/profile-edit-dialog.component'
-import { SelectDialogComponent } from './components/common/select-dialog/select-dialog.component'
-import { ShareLinksDropdownComponent } from './components/common/share-links-dropdown/share-links-dropdown.component'
-import { SystemStatusDialogComponent } from './components/common/system-status-dialog/system-status-dialog.component'
-import { TagComponent } from './components/common/tag/tag.component'
-import { ToastsComponent } from './components/common/toasts/toasts.component'
-import { DashboardComponent } from './components/dashboard/dashboard.component'
-import { SavedViewWidgetComponent } from './components/dashboard/widgets/saved-view-widget/saved-view-widget.component'
-import { StatisticsWidgetComponent } from './components/dashboard/widgets/statistics-widget/statistics-widget.component'
-import { UploadFileWidgetComponent } from './components/dashboard/widgets/upload-file-widget/upload-file-widget.component'
-import { WelcomeWidgetComponent } from './components/dashboard/widgets/welcome-widget/welcome-widget.component'
-import { WidgetFrameComponent } from './components/dashboard/widgets/widget-frame/widget-frame.component'
-import { DocumentAsnComponent } from './components/document-asn/document-asn.component'
-import { DocumentDetailComponent } from './components/document-detail/document-detail.component'
-import { MetadataCollapseComponent } from './components/document-detail/metadata-collapse/metadata-collapse.component'
-import { DocumentHistoryComponent } from './components/document-history/document-history.component'
-import { BulkEditorComponent } from './components/document-list/bulk-editor/bulk-editor.component'
-import { CustomFieldsBulkEditDialogComponent } from './components/document-list/bulk-editor/custom-fields-bulk-edit-dialog/custom-fields-bulk-edit-dialog.component'
-import { DocumentCardLargeComponent } from './components/document-list/document-card-large/document-card-large.component'
-import { DocumentCardSmallComponent } from './components/document-list/document-card-small/document-card-small.component'
-import { DocumentListComponent } from './components/document-list/document-list.component'
-import { FilterEditorComponent } from './components/document-list/filter-editor/filter-editor.component'
-import { SaveViewConfigDialogComponent } from './components/document-list/save-view-config-dialog/save-view-config-dialog.component'
-import { DocumentNotesComponent } from './components/document-notes/document-notes.component'
-import { FileDropComponent } from './components/file-drop/file-drop.component'
-import { CorrespondentListComponent } from './components/manage/correspondent-list/correspondent-list.component'
-import { CustomFieldsComponent } from './components/manage/custom-fields/custom-fields.component'
-import { DocumentTypeListComponent } from './components/manage/document-type-list/document-type-list.component'
-import { MailComponent } from './components/manage/mail/mail.component'
-import { SavedViewsComponent } from './components/manage/saved-views/saved-views.component'
-import { StoragePathListComponent } from './components/manage/storage-path-list/storage-path-list.component'
-import { TagListComponent } from './components/manage/tag-list/tag-list.component'
-import { WorkflowsComponent } from './components/manage/workflows/workflows.component'
-import { NotFoundComponent } from './components/not-found/not-found.component'
-import { IfObjectPermissionsDirective } from './directives/if-object-permissions.directive'
-import { IfOwnerDirective } from './directives/if-owner.directive'
-import { IfPermissionsDirective } from './directives/if-permissions.directive'
-import { SortableDirective } from './directives/sortable.directive'
-import { DirtyDocGuard } from './guards/dirty-doc.guard'
-import { DirtySavedViewGuard } from './guards/dirty-saved-view.guard'
-import { PermissionsGuard } from './guards/permissions.guard'
-import { ApiVersionInterceptor } from './interceptors/api-version.interceptor'
-import { CsrfInterceptor } from './interceptors/csrf.interceptor'
-import { CustomDatePipe } from './pipes/custom-date.pipe'
-import { DocumentTitlePipe } from './pipes/document-title.pipe'
-import { FileSizePipe } from './pipes/file-size.pipe'
-import { FilterPipe } from './pipes/filter.pipe'
-import { IsNumberPipe } from './pipes/is-number.pipe'
-import { SafeHtmlPipe } from './pipes/safehtml.pipe'
-import { SafeUrlPipe } from './pipes/safeurl.pipe'
-import { UsernamePipe } from './pipes/username.pipe'
-import { YesNoPipe } from './pipes/yes-no.pipe'
-import { SettingsService } from './services/settings.service'
-import { LocalizedDateParserFormatter } from './utils/ngb-date-parser-formatter'
-import { ISODateAdapter } from './utils/ngb-iso-date-adapter'

 const icons = {
  airplane,
@ -529,7 +528,6 @@ function initializeApp(settings: SettingsService) {
    TrashComponent,
    EntriesComponent,
    SavedViewsComponent,
-    CustomFieldsBulkEditDialogComponent,
  ],
  bootstrap: [AppComponent],
  imports: [
@ -547,12 +545,10 @@ function initializeApp(settings: SettingsService) {
    NgxBootstrapIconsModule.pick(icons),
  ],
  providers: [
-    {
-      provide: APP_INITIALIZER,
-      useFactory: initializeApp,
-      deps: [SettingsService],
-      multi: true,
-    },
+    provideAppInitializer(() => {
+      const initializerFn = initializeApp(inject(SettingsService))
+      return initializerFn()
+    }),
    DatePipe,
    CookieService,
    {
--- a/src-ui/src/app/components/admin/config/config.component.ts
+++ b/src-ui/src/app/components/admin/config/config.component.ts
@ -24,6 +24,7 @@ import { LoadingComponentWithPermissions } from '../../loading-component/loading
  selector: 'pngx-config',
  templateUrl: './config.component.html',
  styleUrl: './config.component.scss',
+  standalone: false,
 })
 export class ConfigComponent
  extends LoadingComponentWithPermissions
--- a/src-ui/src/app/components/admin/logs/logs.component.ts
+++ b/src-ui/src/app/components/admin/logs/logs.component.ts
@ -14,6 +14,7 @@ import { LoadingComponentWithPermissions } from '../../loading-component/loading
  selector: 'pngx-logs',
  templateUrl: './logs.component.html',
  styleUrls: ['./logs.component.scss'],
+  standalone: false,
 })
 export class LogsComponent
  extends LoadingComponentWithPermissions
--- a/src-ui/src/app/components/admin/settings/settings.component.ts
+++ b/src-ui/src/app/components/admin/settings/settings.component.ts
@ -66,6 +66,7 @@ const systemDateFormat = {
  selector: 'pngx-settings',
  templateUrl: './settings.component.html',
  styleUrls: ['./settings.component.scss'],
+  standalone: false,
 })
 export class SettingsComponent
  extends ComponentWithPermissions
--- a/src-ui/src/app/components/admin/tasks/tasks.component.ts
+++ b/src-ui/src/app/components/admin/tasks/tasks.component.ts
@ -36,6 +36,7 @@ const FILTER_TARGETS = [
  selector: 'pngx-tasks',
  templateUrl: './tasks.component.html',
  styleUrls: ['./tasks.component.scss'],
+  standalone: false,
 })
 export class TasksComponent
  extends LoadingComponentWithPermissions
--- a/src-ui/src/app/components/admin/trash/trash.component.ts
+++ b/src-ui/src/app/components/admin/trash/trash.component.ts
@ -14,6 +14,7 @@ import { LoadingComponentWithPermissions } from '../../loading-component/loading
  selector: 'pngx-trash',
  templateUrl: './trash.component.html',
  styleUrl: './trash.component.scss',
+  standalone: false,
 })
 export class TrashComponent
  extends LoadingComponentWithPermissions
--- a/src-ui/src/app/components/admin/users-groups/users-groups.component.ts
+++ b/src-ui/src/app/components/admin/users-groups/users-groups.component.ts
@ -18,6 +18,7 @@ import { ComponentWithPermissions } from '../../with-permissions/with-permission
  selector: 'pngx-users-groups',
  templateUrl: './users-groups.component.html',
  styleUrls: ['./users-groups.component.scss'],
+  standalone: false,
 })
 export class UsersAndGroupsComponent
  extends ComponentWithPermissions
--- a/src-ui/src/app/components/app-frame/app-frame.component.ts
+++ b/src-ui/src/app/components/app-frame/app-frame.component.ts
@ -40,6 +40,7 @@ import { ComponentWithPermissions } from '../with-permissions/with-permissions.c
  selector: 'pngx-app-frame',
  templateUrl: './app-frame.component.html',
  styleUrls: ['./app-frame.component.scss'],
+  standalone: false,
 })
 export class AppFrameComponent
  extends ComponentWithPermissions
--- a/src-ui/src/app/components/app-frame/global-search/global-search.component.ts
+++ b/src-ui/src/app/components/app-frame/global-search/global-search.component.ts
@ -50,6 +50,7 @@ import { WorkflowEditDialogComponent } from '../../common/edit-dialog/workflow-e
  selector: 'pngx-global-search',
  templateUrl: './global-search.component.html',
  styleUrl: './global-search.component.scss',
+  standalone: false,
 })
 export class GlobalSearchComponent implements OnInit {
  public DataType = DataType
--- a/src-ui/src/app/components/common/clearable-badge/clearable-badge.component.ts
+++ b/src-ui/src/app/components/common/clearable-badge/clearable-badge.component.ts
@ -4,6 +4,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core'
  selector: 'pngx-clearable-badge',
  templateUrl: './clearable-badge.component.html',
  styleUrls: ['./clearable-badge.component.scss'],
+  standalone: false,
 })
 export class ClearableBadgeComponent {
  constructor() {}
--- a/src-ui/src/app/components/common/confirm-button/confirm-button.component.ts
+++ b/src-ui/src/app/components/common/confirm-button/confirm-button.component.ts
@ -11,6 +11,7 @@ import { NgbPopover } from '@ng-bootstrap/ng-bootstrap'
  selector: 'pngx-confirm-button',
  templateUrl: './confirm-button.component.html',
  styleUrl: './confirm-button.component.scss',
+  standalone: false,
 })
 export class ConfirmButtonComponent {
  @Input()
--- a/src-ui/src/app/components/common/confirm-dialog/confirm-dialog.component.ts
+++ b/src-ui/src/app/components/common/confirm-dialog/confirm-dialog.component.ts
@ -7,6 +7,7 @@ import { LoadingComponentWithPermissions } from '../../loading-component/loading
  selector: 'pngx-confirm-dialog',
  templateUrl: './confirm-dialog.component.html',
  styleUrls: ['./confirm-dialog.component.scss'],
+  standalone: false,
 })
 export class ConfirmDialogComponent extends LoadingComponentWithPermissions {
  constructor(public activeModal: NgbActiveModal) {
--- a/src-ui/src/app/components/common/confirm-dialog/delete-pages-confirm-dialog/delete-pages-confirm-dialog.component.ts
+++ b/src-ui/src/app/components/common/confirm-dialog/delete-pages-confirm-dialog/delete-pages-confirm-dialog.component.ts
@ -8,6 +8,7 @@ import { ConfirmDialogComponent } from '../confirm-dialog.component'
  selector: 'pngx-delete-pages-confirm-dialog',
  templateUrl: './delete-pages-confirm-dialog.component.html',
  styleUrl: './delete-pages-confirm-dialog.component.scss',
+  standalone: false,
 })
 export class DeletePagesConfirmDialogComponent extends ConfirmDialogComponent {
  public documentID: number
--- a/src-ui/src/app/components/common/confirm-dialog/merge-confirm-dialog/merge-confirm-dialog.component.ts
+++ b/src-ui/src/app/components/common/confirm-dialog/merge-confirm-dialog/merge-confirm-dialog.component.ts
@ -11,6 +11,7 @@ import { ConfirmDialogComponent } from '../confirm-dialog.component'
  selector: 'pngx-merge-confirm-dialog',
  templateUrl: './merge-confirm-dialog.component.html',
  styleUrl: './merge-confirm-dialog.component.scss',
+  standalone: false,
 })
 export class MergeConfirmDialogComponent
  extends ConfirmDialogComponent
--- a/src-ui/src/app/components/common/confirm-dialog/rotate-confirm-dialog/rotate-confirm-dialog.component.ts
+++ b/src-ui/src/app/components/common/confirm-dialog/rotate-confirm-dialog/rotate-confirm-dialog.component.ts
@ -7,6 +7,7 @@ import { ConfirmDialogComponent } from '../confirm-dialog.component'
  selector: 'pngx-rotate-confirm-dialog',
  templateUrl: './rotate-confirm-dialog.component.html',
  styleUrl: './rotate-confirm-dialog.component.scss',
+  standalone: false,
 })
 export class RotateConfirmDialogComponent extends ConfirmDialogComponent {
  public documentID: number
--- a/src-ui/src/app/components/common/confirm-dialog/split-confirm-dialog/split-confirm-dialog.component.ts
+++ b/src-ui/src/app/components/common/confirm-dialog/split-confirm-dialog/split-confirm-dialog.component.ts
@ -10,6 +10,7 @@ import { ConfirmDialogComponent } from '../confirm-dialog.component'
  selector: 'pngx-split-confirm-dialog',
  templateUrl: './split-confirm-dialog.component.html',
  styleUrl: './split-confirm-dialog.component.scss',
+  standalone: false,
 })
 export class SplitConfirmDialogComponent
  extends ConfirmDialogComponent
--- a/src-ui/src/app/components/common/custom-field-display/custom-field-display.component.ts
+++ b/src-ui/src/app/components/common/custom-field-display/custom-field-display.component.ts
@ -12,6 +12,7 @@ import { LoadingComponentWithPermissions } from '../../loading-component/loading
  selector: 'pngx-custom-field-display',
  templateUrl: './custom-field-display.component.html',
  styleUrl: './custom-field-display.component.scss',
+  standalone: false,
 })
 export class CustomFieldDisplayComponent
  extends LoadingComponentWithPermissions
--- a/src-ui/src/app/components/common/custom-fields-dropdown/custom-fields-dropdown.component.ts
+++ b/src-ui/src/app/components/common/custom-fields-dropdown/custom-fields-dropdown.component.ts
@ -26,6 +26,7 @@ import { CustomFieldEditDialogComponent } from '../edit-dialog/custom-field-edit
  selector: 'pngx-custom-fields-dropdown',
  templateUrl: './custom-fields-dropdown.component.html',
  styleUrls: ['./custom-fields-dropdown.component.scss'],
+  standalone: false,
 })
 export class CustomFieldsDropdownComponent extends LoadingComponentWithPermissions {
  @Input()
--- a/src-ui/src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.ts
+++ b/src-ui/src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.ts
@ -156,6 +156,7 @@ export class CustomFieldQueriesModel {
  selector: 'pngx-custom-fields-query-dropdown',
  templateUrl: './custom-fields-query-dropdown.component.html',
  styleUrls: ['./custom-fields-query-dropdown.component.scss'],
+  standalone: false,
 })
 export class CustomFieldsQueryDropdownComponent extends LoadingComponentWithPermissions {
  public CustomFieldQueryComponentType = CustomFieldQueryElementType
--- a/src-ui/src/app/components/common/dates-dropdown/dates-dropdown.component.ts
+++ b/src-ui/src/app/components/common/dates-dropdown/dates-dropdown.component.ts
@ -34,6 +34,7 @@ export enum RelativeDate {
  templateUrl: './dates-dropdown.component.html',
  styleUrls: ['./dates-dropdown.component.scss'],
  providers: [{ provide: NgbDateAdapter, useClass: ISODateAdapter }],
+  standalone: false,
 })
 export class DatesDropdownComponent implements OnInit, OnDestroy {
  public popperOptions = popperOptionsReenablePreventOverflow
--- a/src-ui/src/app/components/common/edit-dialog/correspondent-edit-dialog/correspondent-edit-dialog.component.ts
+++ b/src-ui/src/app/components/common/edit-dialog/correspondent-edit-dialog/correspondent-edit-dialog.component.ts
@ -12,6 +12,7 @@ import { SettingsService } from 'src/app/services/settings.service'
  selector: 'pngx-correspondent-edit-dialog',
  templateUrl: './correspondent-edit-dialog.component.html',
  styleUrls: ['./correspondent-edit-dialog.component.scss'],
+  standalone: false,
 })
 export class CorrespondentEditDialogComponent extends EditDialogComponent<Correspondent> {
  constructor(
--- a/src-ui/src/app/components/common/edit-dialog/custom-field-edit-dialog/custom-field-edit-dialog.component.ts
+++ b/src-ui/src/app/components/common/edit-dialog/custom-field-edit-dialog/custom-field-edit-dialog.component.ts
@ -23,6 +23,7 @@ import { EditDialogComponent, EditDialogMode } from '../edit-dialog.component'
  selector: 'pngx-custom-field-edit-dialog',
  templateUrl: './custom-field-edit-dialog.component.html',
  styleUrls: ['./custom-field-edit-dialog.component.scss'],
+  standalone: false,
 })
 export class CustomFieldEditDialogComponent
  extends EditDialogComponent<CustomField>
--- a/src-ui/src/app/components/common/edit-dialog/document-type-edit-dialog/document-type-edit-dialog.component.ts
+++ b/src-ui/src/app/components/common/edit-dialog/document-type-edit-dialog/document-type-edit-dialog.component.ts
@ -12,6 +12,7 @@ import { SettingsService } from 'src/app/services/settings.service'
  selector: 'pngx-document-type-edit-dialog',
  templateUrl: './document-type-edit-dialog.component.html',
  styleUrls: ['./document-type-edit-dialog.component.scss'],
+  standalone: false,
 })
 export class DocumentTypeEditDialogComponent extends EditDialogComponent<DocumentType> {
  constructor(
--- a/src-ui/src/app/components/common/edit-dialog/edit-dialog.component.spec.ts
+++ b/src-ui/src/app/components/common/edit-dialog/edit-dialog.component.spec.ts
@ -38,6 +38,7 @@ import { EditDialogComponent, EditDialogMode } from './edit-dialog.component'
      <h4 class="modal-title" id="modal-basic-title">{{ getTitle() }}</h4>
    </div>
  `,
+  standalone: false,
 })
 class TestComponent extends EditDialogComponent<Tag> {
  constructor(
--- a/src-ui/src/app/components/common/edit-dialog/group-edit-dialog/group-edit-dialog.component.ts
+++ b/src-ui/src/app/components/common/edit-dialog/group-edit-dialog/group-edit-dialog.component.ts
@ -11,6 +11,7 @@ import { SettingsService } from 'src/app/services/settings.service'
  selector: 'pngx-group-edit-dialog',
  templateUrl: './group-edit-dialog.component.html',
  styleUrls: ['./group-edit-dialog.component.scss'],
+  standalone: false,
 })
 export class GroupEditDialogComponent extends EditDialogComponent<Group> {
  constructor(
--- a/src-ui/src/app/components/common/edit-dialog/mail-account-edit-dialog/mail-account-edit-dialog.component.ts
+++ b/src-ui/src/app/components/common/edit-dialog/mail-account-edit-dialog/mail-account-edit-dialog.component.ts
@ -17,6 +17,7 @@ const IMAP_SECURITY_OPTIONS = [
  selector: 'pngx-mail-account-edit-dialog',
  templateUrl: './mail-account-edit-dialog.component.html',
  styleUrls: ['./mail-account-edit-dialog.component.scss'],
+  standalone: false,
 })
 export class MailAccountEditDialogComponent extends EditDialogComponent<MailAccount> {
  testActive: boolean = false
--- a/src-ui/src/app/components/common/edit-dialog/mail-rule-edit-dialog/mail-rule-edit-dialog.component.ts
+++ b/src-ui/src/app/components/common/edit-dialog/mail-rule-edit-dialog/mail-rule-edit-dialog.component.ts
@ -108,6 +108,7 @@ const METADATA_CORRESPONDENT_OPTIONS = [
  selector: 'pngx-mail-rule-edit-dialog',
  templateUrl: './mail-rule-edit-dialog.component.html',
  styleUrls: ['./mail-rule-edit-dialog.component.scss'],
+  standalone: false,
 })
 export class MailRuleEditDialogComponent extends EditDialogComponent<MailRule> {
  accounts: MailAccount[]
--- a/src-ui/src/app/components/common/edit-dialog/storage-path-edit-dialog/storage-path-edit-dialog.component.ts
+++ b/src-ui/src/app/components/common/edit-dialog/storage-path-edit-dialog/storage-path-edit-dialog.component.ts
@ -28,6 +28,7 @@ import { SettingsService } from 'src/app/services/settings.service'
  selector: 'pngx-storage-path-edit-dialog',
  templateUrl: './storage-path-edit-dialog.component.html',
  styleUrls: ['./storage-path-edit-dialog.component.scss'],
+  standalone: false,
 })
 export class StoragePathEditDialogComponent
  extends EditDialogComponent<StoragePath>
--- a/src-ui/src/app/components/common/edit-dialog/tag-edit-dialog/tag-edit-dialog.component.ts
+++ b/src-ui/src/app/components/common/edit-dialog/tag-edit-dialog/tag-edit-dialog.component.ts
@ -13,6 +13,7 @@ import { randomColor } from 'src/app/utils/color'
  selector: 'pngx-tag-edit-dialog',
  templateUrl: './tag-edit-dialog.component.html',
  styleUrls: ['./tag-edit-dialog.component.scss'],
+  standalone: false,
 })
 export class TagEditDialogComponent extends EditDialogComponent<Tag> {
  constructor(
--- a/src-ui/src/app/components/common/edit-dialog/user-edit-dialog/user-edit-dialog.component.ts
+++ b/src-ui/src/app/components/common/edit-dialog/user-edit-dialog/user-edit-dialog.component.ts
@ -15,6 +15,7 @@ import { ToastService } from 'src/app/services/toast.service'
  selector: 'pngx-user-edit-dialog',
  templateUrl: './user-edit-dialog.component.html',
  styleUrls: ['./user-edit-dialog.component.scss'],
+  standalone: false,
 })
 export class UserEditDialogComponent
  extends EditDialogComponent<User>
--- a/src-ui/src/app/components/common/edit-dialog/workflow-edit-dialog/workflow-edit-dialog.component.ts
+++ b/src-ui/src/app/components/common/edit-dialog/workflow-edit-dialog/workflow-edit-dialog.component.ts
@ -115,6 +115,7 @@ const TRIGGER_MATCHING_ALGORITHMS = MATCHING_ALGORITHMS.filter(
  selector: 'pngx-workflow-edit-dialog',
  templateUrl: './workflow-edit-dialog.component.html',
  styleUrls: ['./workflow-edit-dialog.component.scss'],
+  standalone: false,
 })
 export class WorkflowEditDialogComponent
  extends EditDialogComponent<Workflow>
--- a/src-ui/src/app/components/common/filterable-dropdown/filterable-dropdown.component.ts
+++ b/src-ui/src/app/components/common/filterable-dropdown/filterable-dropdown.component.ts
@ -352,6 +352,7 @@ export class FilterableDropdownSelectionModel {
  selector: 'pngx-filterable-dropdown',
  templateUrl: './filterable-dropdown.component.html',
  styleUrls: ['./filterable-dropdown.component.scss'],
+  standalone: false,
 })
 export class FilterableDropdownComponent
  extends LoadingComponentWithPermissions
--- a/src-ui/src/app/components/common/filterable-dropdown/toggleable-dropdown-button/toggleable-dropdown-button.component.ts
+++ b/src-ui/src/app/components/common/filterable-dropdown/toggleable-dropdown-button/toggleable-dropdown-button.component.ts
@ -12,6 +12,7 @@ export enum ToggleableItemState {
  selector: 'pngx-toggleable-dropdown-button',
  templateUrl: './toggleable-dropdown-button.component.html',
  styleUrls: ['./toggleable-dropdown-button.component.scss'],
+  standalone: false,
 })
 export class ToggleableDropdownButtonComponent {
  @Input()
--- a/src-ui/src/app/components/common/hotkey-dialog/hotkey-dialog.component.ts
+++ b/src-ui/src/app/components/common/hotkey-dialog/hotkey-dialog.component.ts
@ -17,6 +17,7 @@ const SYMBOLS = {
  selector: 'pngx-hotkey-dialog',
  templateUrl: './hotkey-dialog.component.html',
  styleUrl: './hotkey-dialog.component.scss',
+  standalone: false,
 })
 export class HotkeyDialogComponent {
  public title: string = $localize`Keyboard shortcuts`
--- a/src-ui/src/app/components/common/input/abstract-input.spec.ts
+++ b/src-ui/src/app/components/common/input/abstract-input.spec.ts
@ -18,6 +18,7 @@ import { AbstractInputComponent } from './abstract-input'
      />
    </div>
  `,
+  standalone: false,
 })
 class TestComponent extends AbstractInputComponent<string> {
  constructor() {
--- a/src-ui/src/app/components/common/input/check/check.component.ts
+++ b/src-ui/src/app/components/common/input/check/check.component.ts
@ -13,6 +13,7 @@ import { AbstractInputComponent } from '../abstract-input'
  selector: 'pngx-input-check',
  templateUrl: './check.component.html',
  styleUrls: ['./check.component.scss'],
+  standalone: false,
 })
 export class CheckComponent extends AbstractInputComponent<boolean> {
  constructor() {
--- a/src-ui/src/app/components/common/input/color/color.component.ts
+++ b/src-ui/src/app/components/common/input/color/color.component.ts
@ -14,6 +14,7 @@ import { AbstractInputComponent } from '../abstract-input'
  selector: 'pngx-input-color',
  templateUrl: './color.component.html',
  styleUrls: ['./color.component.scss'],
+  standalone: false,
 })
 export class ColorComponent extends AbstractInputComponent<string> {
  constructor() {
--- a/src-ui/src/app/components/common/input/date/date.component.ts
+++ b/src-ui/src/app/components/common/input/date/date.component.ts
@ -26,6 +26,7 @@ import { AbstractInputComponent } from '../abstract-input'
  selector: 'pngx-input-date',
  templateUrl: './date.component.html',
  styleUrls: ['./date.component.scss'],
+  standalone: false,
 })
 export class DateComponent
  extends AbstractInputComponent<string>
--- a/src-ui/src/app/components/common/input/document-link/document-link.component.ts
+++ b/src-ui/src/app/components/common/input/document-link/document-link.component.ts
@ -28,6 +28,7 @@ import { AbstractInputComponent } from '../abstract-input'
  selector: 'pngx-input-document-link',
  templateUrl: './document-link.component.html',
  styleUrls: ['./document-link.component.scss'],
+  standalone: false,
 })
 export class DocumentLinkComponent
  extends AbstractInputComponent<any[]>
--- a/src-ui/src/app/components/common/input/drag-drop-select/drag-drop-select.component.ts
+++ b/src-ui/src/app/components/common/input/drag-drop-select/drag-drop-select.component.ts
@ -18,6 +18,7 @@ import { AbstractInputComponent } from '../abstract-input'
  selector: 'pngx-input-drag-drop-select',
  templateUrl: './drag-drop-select.component.html',
  styleUrl: './drag-drop-select.component.scss',
+  standalone: false,
 })
 export class DragDropSelectComponent extends AbstractInputComponent<string[]> {
  @Input() title: string = $localize`Selected items`
--- a/src-ui/src/app/components/common/input/entries/entries.component.ts
+++ b/src-ui/src/app/components/common/input/entries/entries.component.ts
@ -13,6 +13,7 @@ import { AbstractInputComponent } from '../abstract-input'
  selector: 'pngx-input-entries',
  templateUrl: './entries.component.html',
  styleUrl: './entries.component.scss',
+  standalone: false,
 })
 export class EntriesComponent extends AbstractInputComponent<object> {
  entries = []
--- a/src-ui/src/app/components/common/input/file/file.component.ts
+++ b/src-ui/src/app/components/common/input/file/file.component.ts
@ -20,6 +20,7 @@ import { AbstractInputComponent } from '../abstract-input'
  selector: 'pngx-input-file',
  templateUrl: './file.component.html',
  styleUrl: './file.component.scss',
+  standalone: false,
 })
 export class FileComponent extends AbstractInputComponent<string> {
  @Output()
--- a/src-ui/src/app/components/common/input/monetary/monetary.component.ts
+++ b/src-ui/src/app/components/common/input/monetary/monetary.component.ts
@ -14,6 +14,7 @@ import { AbstractInputComponent } from '../abstract-input'
  selector: 'pngx-input-monetary',
  templateUrl: './monetary.component.html',
  styleUrls: ['./monetary.component.scss'],
+  standalone: false,
 })
 export class MonetaryComponent extends AbstractInputComponent<string> {
  public currency: string = ''
--- a/src-ui/src/app/components/common/input/number/number.component.ts
+++ b/src-ui/src/app/components/common/input/number/number.component.ts
@ -14,6 +14,7 @@ import { AbstractInputComponent } from '../abstract-input'
  selector: 'pngx-input-number',
  templateUrl: './number.component.html',
  styleUrls: ['./number.component.scss'],
+  standalone: false,
 })
 export class NumberComponent extends AbstractInputComponent<number> {
  @Input()
--- a/src-ui/src/app/components/common/input/password/password.component.ts
+++ b/src-ui/src/app/components/common/input/password/password.component.ts
@ -13,6 +13,7 @@ import { AbstractInputComponent } from '../abstract-input'
  selector: 'pngx-input-password',
  templateUrl: './password.component.html',
  styleUrls: ['./password.component.scss'],
+  standalone: false,
 })
 export class PasswordComponent extends AbstractInputComponent<string> {
  @Input()
--- a/src-ui/src/app/components/common/input/permissions/permissions-form/permissions-form.component.ts
+++ b/src-ui/src/app/components/common/input/permissions/permissions-form/permissions-form.component.ts
@ -28,6 +28,7 @@ export interface PermissionsFormObject {
  selector: 'pngx-permissions-form',
  templateUrl: './permissions-form.component.html',
  styleUrls: ['./permissions-form.component.scss'],
+  standalone: false,
 })
 export class PermissionsFormComponent
  extends AbstractInputComponent<PermissionsFormObject>
--- a/src-ui/src/app/components/common/input/permissions/permissions-group/permissions-group.component.ts
+++ b/src-ui/src/app/components/common/input/permissions/permissions-group/permissions-group.component.ts
@ -16,6 +16,7 @@ import { AbstractInputComponent } from '../../abstract-input'
  selector: 'pngx-permissions-group',
  templateUrl: './permissions-group.component.html',
  styleUrls: ['./permissions-group.component.scss'],
+  standalone: false,
 })
 export class PermissionsGroupComponent extends AbstractInputComponent<Group> {
  groups: Group[]
--- a/src-ui/src/app/components/common/input/permissions/permissions-user/permissions-user.component.ts
+++ b/src-ui/src/app/components/common/input/permissions/permissions-user/permissions-user.component.ts
@ -17,6 +17,7 @@ import { AbstractInputComponent } from '../../abstract-input'
  selector: 'pngx-permissions-user',
  templateUrl: './permissions-user.component.html',
  styleUrls: ['./permissions-user.component.scss'],
+  standalone: false,
 })
 export class PermissionsUserComponent extends AbstractInputComponent<User[]> {
  users: User[]
--- a/src-ui/src/app/components/common/input/select/select.component.ts
+++ b/src-ui/src/app/components/common/input/select/select.component.ts
@ -19,6 +19,7 @@ import { AbstractInputComponent } from '../abstract-input'
  selector: 'pngx-input-select',
  templateUrl: './select.component.html',
  styleUrls: ['./select.component.scss'],
+  standalone: false,
 })
 export class SelectComponent extends AbstractInputComponent<number> {
  constructor() {
--- a/src-ui/src/app/components/common/input/switch/switch.component.ts
+++ b/src-ui/src/app/components/common/input/switch/switch.component.ts
@ -13,6 +13,7 @@ import { AbstractInputComponent } from '../abstract-input'
  selector: 'pngx-input-switch',
  templateUrl: './switch.component.html',
  styleUrls: ['./switch.component.scss'],
+  standalone: false,
 })
 export class SwitchComponent extends AbstractInputComponent<boolean> {
  @Input()
--- a/src-ui/src/app/components/common/input/tags/tags.component.ts
+++ b/src-ui/src/app/components/common/input/tags/tags.component.ts
@ -27,6 +27,7 @@ import { TagEditDialogComponent } from '../../edit-dialog/tag-edit-dialog/tag-ed
  selector: 'pngx-input-tags',
  templateUrl: './tags.component.html',
  styleUrls: ['./tags.component.scss'],
+  standalone: false,
 })
 export class TagsComponent implements OnInit, ControlValueAccessor {
  constructor(
--- a/src-ui/src/app/components/common/input/text/text.component.ts
+++ b/src-ui/src/app/components/common/input/text/text.component.ts
@ -13,6 +13,7 @@ import { AbstractInputComponent } from '../abstract-input'
  selector: 'pngx-input-text',
  templateUrl: './text.component.html',
  styleUrls: ['./text.component.scss'],
+  standalone: false,
 })
 export class TextComponent extends AbstractInputComponent<string> {
  @Input()
--- a/src-ui/src/app/components/common/input/textarea/textarea.component.ts
+++ b/src-ui/src/app/components/common/input/textarea/textarea.component.ts
@ -13,6 +13,7 @@ import { AbstractInputComponent } from '../abstract-input'
  selector: 'pngx-input-textarea',
  templateUrl: './textarea.component.html',
  styleUrls: ['./textarea.component.scss'],
+  standalone: false,
 })
 export class TextAreaComponent extends AbstractInputComponent<string> {
  @Input()
--- a/src-ui/src/app/components/common/input/url/url.component.ts
+++ b/src-ui/src/app/components/common/input/url/url.component.ts
@ -13,6 +13,7 @@ import { AbstractInputComponent } from '../abstract-input'
  selector: 'pngx-input-url',
  templateUrl: './url.component.html',
  styleUrls: ['./url.component.scss'],
+  standalone: false,
 })
 export class UrlComponent extends AbstractInputComponent<string> {
  constructor() {
--- a/src-ui/src/app/components/common/logo/logo.component.ts
+++ b/src-ui/src/app/components/common/logo/logo.component.ts
@ -7,6 +7,7 @@ import { environment } from 'src/environments/environment'
  selector: 'pngx-logo',
  templateUrl: './logo.component.html',
  styleUrls: ['./logo.component.scss'],
+  standalone: false,
 })
 export class LogoComponent {
  @Input()
--- a/src-ui/src/app/components/common/page-header/page-header.component.ts
+++ b/src-ui/src/app/components/common/page-header/page-header.component.ts
@ -6,6 +6,7 @@ import { environment } from 'src/environments/environment'
  selector: 'pngx-page-header',
  templateUrl: './page-header.component.html',
  styleUrls: ['./page-header.component.scss'],
+  standalone: false,
 })
 export class PageHeaderComponent {
  constructor(private titleService: Title) {}
--- a/src-ui/src/app/components/common/permissions-dialog/permissions-dialog.component.ts
+++ b/src-ui/src/app/components/common/permissions-dialog/permissions-dialog.component.ts
@ -9,6 +9,7 @@ import { UserService } from 'src/app/services/rest/user.service'
  selector: 'pngx-permissions-dialog',
  templateUrl: './permissions-dialog.component.html',
  styleUrls: ['./permissions-dialog.component.scss'],
+  standalone: false,
 })
 export class PermissionsDialogComponent {
  users: User[]
--- a/src-ui/src/app/components/common/permissions-filter-dropdown/permissions-filter-dropdown.component.ts
+++ b/src-ui/src/app/components/common/permissions-filter-dropdown/permissions-filter-dropdown.component.ts
@ -39,6 +39,7 @@ export enum OwnerFilterType {
  selector: 'pngx-permissions-filter-dropdown',
  templateUrl: './permissions-filter-dropdown.component.html',
  styleUrls: ['./permissions-filter-dropdown.component.scss'],
+  standalone: false,
 })
 export class PermissionsFilterDropdownComponent extends ComponentWithPermissions {
  public OwnerFilterType = OwnerFilterType
--- a/src-ui/src/app/components/common/permissions-select/permissions-select.component.ts
+++ b/src-ui/src/app/components/common/permissions-select/permissions-select.component.ts
@ -26,6 +26,7 @@ import { ComponentWithPermissions } from '../../with-permissions/with-permission
  selector: 'pngx-permissions-select',
  templateUrl: './permissions-select.component.html',
  styleUrls: ['./permissions-select.component.scss'],
+  standalone: false,
 })
 export class PermissionsSelectComponent
  extends ComponentWithPermissions
--- a/src-ui/src/app/components/common/preview-popup/preview-popup.component.ts
+++ b/src-ui/src/app/components/common/preview-popup/preview-popup.component.ts
@ -11,6 +11,7 @@ import { SettingsService } from 'src/app/services/settings.service'
  selector: 'pngx-preview-popup',
  templateUrl: './preview-popup.component.html',
  styleUrls: ['./preview-popup.component.scss'],
+  standalone: false,
 })
 export class PreviewPopupComponent implements OnDestroy {
  private _document: Document
--- a/src-ui/src/app/components/common/profile-edit-dialog/profile-edit-dialog.component.ts
+++ b/src-ui/src/app/components/common/profile-edit-dialog/profile-edit-dialog.component.ts
@ -16,6 +16,7 @@ import { LoadingComponentWithPermissions } from '../../loading-component/loading
  selector: 'pngx-profile-edit-dialog',
  templateUrl: './profile-edit-dialog.component.html',
  styleUrls: ['./profile-edit-dialog.component.scss'],
+  standalone: false,
 })
 export class ProfileEditDialogComponent
  extends LoadingComponentWithPermissions
--- a/src-ui/src/app/components/common/select-dialog/select-dialog.component.ts
+++ b/src-ui/src/app/components/common/select-dialog/select-dialog.component.ts
@ -6,6 +6,7 @@ import { ObjectWithId } from 'src/app/data/object-with-id'
  selector: 'pngx-select-dialog',
  templateUrl: './select-dialog.component.html',
  styleUrls: ['./select-dialog.component.scss'],
+  standalone: false,
 })
 export class SelectDialogComponent {
  constructor(public activeModal: NgbActiveModal) {}
--- a/src-ui/src/app/components/common/share-links-dropdown/share-links-dropdown.component.ts
+++ b/src-ui/src/app/components/common/share-links-dropdown/share-links-dropdown.component.ts
@ -10,6 +10,7 @@ import { environment } from 'src/environments/environment'
  selector: 'pngx-share-links-dropdown',
  templateUrl: './share-links-dropdown.component.html',
  styleUrls: ['./share-links-dropdown.component.scss'],
+  standalone: false,
 })
 export class ShareLinksDropdownComponent implements OnInit {
  EXPIRATION_OPTIONS = [
--- a/src-ui/src/app/components/common/system-status-dialog/system-status-dialog.component.ts
+++ b/src-ui/src/app/components/common/system-status-dialog/system-status-dialog.component.ts
@ -10,6 +10,7 @@ import {
  selector: 'pngx-system-status-dialog',
  templateUrl: './system-status-dialog.component.html',
  styleUrl: './system-status-dialog.component.scss',
+  standalone: false,
 })
 export class SystemStatusDialogComponent {
  public SystemStatusItemStatus = SystemStatusItemStatus
--- a/src-ui/src/app/components/common/tag/tag.component.ts
+++ b/src-ui/src/app/components/common/tag/tag.component.ts
@ -5,6 +5,7 @@ import { Tag } from 'src/app/data/tag'
  selector: 'pngx-tag',
  templateUrl: './tag.component.html',
  styleUrls: ['./tag.component.scss'],
+  standalone: false,
 })
 export class TagComponent {
  constructor() {}
--- a/src-ui/src/app/components/common/toasts/toasts.component.ts
+++ b/src-ui/src/app/components/common/toasts/toasts.component.ts
@ -7,6 +7,7 @@ import { Toast, ToastService } from 'src/app/services/toast.service'
  selector: 'pngx-toasts',
  templateUrl: './toasts.component.html',
  styleUrls: ['./toasts.component.scss'],
+  standalone: false,
 })
 export class ToastsComponent implements OnInit, OnDestroy {
  constructor(
--- a/src-ui/src/app/components/dashboard/dashboard.component.ts
+++ b/src-ui/src/app/components/dashboard/dashboard.component.ts
@ -17,6 +17,7 @@ import { ComponentWithPermissions } from '../with-permissions/with-permissions.c
  selector: 'pngx-dashboard',
  templateUrl: './dashboard.component.html',
  styleUrls: ['./dashboard.component.scss'],
+  standalone: false,
 })
 export class DashboardComponent extends ComponentWithPermissions {
  public dashboardViews: SavedView[] = []
--- a/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.ts
+++ b/src-ui/src/app/components/dashboard/widgets/saved-view-widget/saved-view-widget.component.ts
@ -43,6 +43,7 @@ import { SettingsService } from 'src/app/services/settings.service'
  selector: 'pngx-saved-view-widget',
  templateUrl: './saved-view-widget.component.html',
  styleUrls: ['./saved-view-widget.component.scss'],
+  standalone: false,
 })
 export class SavedViewWidgetComponent
  extends LoadingComponentWithPermissions
--- a/src-ui/src/app/components/dashboard/widgets/statistics-widget/statistics-widget.component.ts
+++ b/src-ui/src/app/components/dashboard/widgets/statistics-widget/statistics-widget.component.ts
@ -30,6 +30,7 @@ interface DocumentFileType {
  selector: 'pngx-statistics-widget',
  templateUrl: './statistics-widget.component.html',
  styleUrls: ['./statistics-widget.component.scss'],
+  standalone: false,
 })
 export class StatisticsWidgetComponent
  extends ComponentWithPermissions
--- a/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.ts
+++ b/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.ts
@ -16,6 +16,7 @@ const MAX_ALERTS = 5
  selector: 'pngx-upload-file-widget',
  templateUrl: './upload-file-widget.component.html',
  styleUrls: ['./upload-file-widget.component.scss'],
+  standalone: false,
 })
 export class UploadFileWidgetComponent extends ComponentWithPermissions {
  alertsExpanded = false
--- a/src-ui/src/app/components/dashboard/widgets/welcome-widget/welcome-widget.component.ts
+++ b/src-ui/src/app/components/dashboard/widgets/welcome-widget/welcome-widget.component.ts
@ -5,6 +5,7 @@ import { TourService } from 'ngx-ui-tour-ng-bootstrap'
  selector: 'pngx-welcome-widget',
  templateUrl: './welcome-widget.component.html',
  styleUrls: ['./welcome-widget.component.scss'],
+  standalone: false,
 })
 export class WelcomeWidgetComponent {
  constructor(public readonly tourService: TourService) {}
--- a/src-ui/src/app/components/dashboard/widgets/widget-frame/widget-frame.component.spec.ts
+++ b/src-ui/src/app/components/dashboard/widgets/widget-frame/widget-frame.component.spec.ts
@ -19,6 +19,7 @@ import { WidgetFrameComponent } from './widget-frame.component'
      </button>
    </div>
  `,
+  standalone: false,
 })
 class TestComponent extends WidgetFrameComponent {}

--- a/src-ui/src/app/components/dashboard/widgets/widget-frame/widget-frame.component.ts
+++ b/src-ui/src/app/components/dashboard/widgets/widget-frame/widget-frame.component.ts
@ -5,6 +5,7 @@ import { LoadingComponentWithPermissions } from 'src/app/components/loading-comp
  selector: 'pngx-widget-frame',
  templateUrl: './widget-frame.component.html',
  styleUrls: ['./widget-frame.component.scss'],
+  standalone: false,
 })
 export class WidgetFrameComponent
  extends LoadingComponentWithPermissions
--- a/src-ui/src/app/components/document-asn/document-asn.component.ts
+++ b/src-ui/src/app/components/document-asn/document-asn.component.ts
@ -7,6 +7,7 @@ import { DocumentService } from '../../services/rest/document.service'
  selector: 'pngx-document-asncomponent',
  templateUrl: './document-asn.component.html',
  styleUrls: ['./document-asn.component.scss'],
+  standalone: false,
 })
 export class DocumentAsnComponent implements OnInit {
  asn: string
--- a/src-ui/src/app/components/document-detail/document-detail.component.ts
+++ b/src-ui/src/app/components/document-detail/document-detail.component.ts
@ -109,6 +109,7 @@ enum ZoomSetting {
  selector: 'pngx-document-detail',
  templateUrl: './document-detail.component.html',
  styleUrls: ['./document-detail.component.scss'],
+  standalone: false,
 })
 export class DocumentDetailComponent
  extends ComponentWithPermissions
--- a/src-ui/src/app/components/document-detail/metadata-collapse/metadata-collapse.component.ts
+++ b/src-ui/src/app/components/document-detail/metadata-collapse/metadata-collapse.component.ts
@ -4,6 +4,7 @@ import { Component, Input } from '@angular/core'
  selector: 'pngx-metadata-collapse',
  templateUrl: './metadata-collapse.component.html',
  styleUrls: ['./metadata-collapse.component.scss'],
+  standalone: false,
 })
 export class MetadataCollapseComponent {
  constructor() {}
--- a/src-ui/src/app/components/document-history/document-history.component.ts
+++ b/src-ui/src/app/components/document-history/document-history.component.ts
@ -12,6 +12,7 @@ import { UserService } from 'src/app/services/rest/user.service'
  selector: 'pngx-document-history',
  templateUrl: './document-history.component.html',
  styleUrl: './document-history.component.scss',
+  standalone: false,
 })
 export class DocumentHistoryComponent implements OnInit {
  public AuditLogAction = AuditLogAction
--- a/src-ui/src/app/components/document-list/bulk-editor/bulk-editor.component.ts
+++ b/src-ui/src/app/components/document-list/bulk-editor/bulk-editor.component.ts
@ -50,6 +50,7 @@ import { CustomFieldsBulkEditDialogComponent } from './custom-fields-bulk-edit-d
  selector: 'pngx-bulk-editor',
  templateUrl: './bulk-editor.component.html',
  styleUrls: ['./bulk-editor.component.scss'],
+  standalone: false,
 })
 export class BulkEditorComponent
  extends ComponentWithPermissions
--- a/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.ts
+++ b/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.ts
@ -21,6 +21,7 @@ import { LoadingComponentWithPermissions } from '../../loading-component/loading
  selector: 'pngx-document-card-large',
  templateUrl: './document-card-large.component.html',
  styleUrls: ['./document-card-large.component.scss'],
+  standalone: false,
 })
 export class DocumentCardLargeComponent
  extends LoadingComponentWithPermissions
--- a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.ts
+++ b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.ts
@ -22,6 +22,7 @@ import { LoadingComponentWithPermissions } from '../../loading-component/loading
  selector: 'pngx-document-card-small',
  templateUrl: './document-card-small.component.html',
  styleUrls: ['./document-card-small.component.scss'],
+  standalone: false,
 })
 export class DocumentCardSmallComponent
  extends LoadingComponentWithPermissions
--- a/src-ui/src/app/components/document-list/document-list.component.ts
+++ b/src-ui/src/app/components/document-list/document-list.component.ts
@ -43,6 +43,7 @@ import { SaveViewConfigDialogComponent } from './save-view-config-dialog/save-vi
  selector: 'pngx-document-list',
  templateUrl: './document-list.component.html',
  styleUrls: ['./document-list.component.scss'],
+  standalone: false,
 })
 export class DocumentListComponent
  extends ComponentWithPermissions
--- a/src-ui/src/app/components/document-list/filter-editor/filter-editor.component.ts
+++ b/src-ui/src/app/components/document-list/filter-editor/filter-editor.component.ts
@ -184,6 +184,7 @@ const DEFAULT_TEXT_FILTER_MODIFIER_OPTIONS = [
  selector: 'pngx-filter-editor',
  templateUrl: './filter-editor.component.html',
  styleUrls: ['./filter-editor.component.scss'],
+  standalone: false,
 })
 export class FilterEditorComponent
  extends LoadingComponentWithPermissions
--- a/src-ui/src/app/components/document-list/save-view-config-dialog/save-view-config-dialog.component.ts
+++ b/src-ui/src/app/components/document-list/save-view-config-dialog/save-view-config-dialog.component.ts
@ -6,6 +6,7 @@ import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap'
  selector: 'pngx-save-view-config-dialog',
  templateUrl: './save-view-config-dialog.component.html',
  styleUrls: ['./save-view-config-dialog.component.scss'],
+  standalone: false,
 })
 export class SaveViewConfigDialogComponent implements OnInit {
  constructor(private modal: NgbActiveModal) {}
--- a/src-ui/src/app/components/document-notes/document-notes.component.ts
+++ b/src-ui/src/app/components/document-notes/document-notes.component.ts
@ -11,6 +11,7 @@ import { ComponentWithPermissions } from '../with-permissions/with-permissions.c
  selector: 'pngx-document-notes',
  templateUrl: './document-notes.component.html',
  styleUrls: ['./document-notes.component.scss'],
+  standalone: false,
 })
 export class DocumentNotesComponent extends ComponentWithPermissions {
  noteForm: FormGroup = new FormGroup({
--- a/src-ui/src/app/components/file-drop/file-drop.component.ts
+++ b/src-ui/src/app/components/file-drop/file-drop.component.ts
@ -13,6 +13,7 @@ import { UploadDocumentsService } from 'src/app/services/upload-documents.servic
  selector: 'pngx-file-drop',
  templateUrl: './file-drop.component.html',
  styleUrls: ['./file-drop.component.scss'],
+  standalone: false,
 })
 export class FileDropComponent {
  private fileLeaveTimeoutID: any
--- a/src-ui/src/app/components/manage/correspondent-list/correspondent-list.component.ts
+++ b/src-ui/src/app/components/manage/correspondent-list/correspondent-list.component.ts
@ -18,6 +18,7 @@ import { ManagementListComponent } from '../management-list/management-list.comp
  templateUrl: './../management-list/management-list.component.html',
  styleUrls: ['./../management-list/management-list.component.scss'],
  providers: [{ provide: CustomDatePipe }],
+  standalone: false,
 })
 export class CorrespondentListComponent extends ManagementListComponent<Correspondent> {
  constructor(
--- a/src-ui/src/app/components/manage/custom-fields/custom-fields.component.ts
+++ b/src-ui/src/app/components/manage/custom-fields/custom-fields.component.ts
@ -21,6 +21,7 @@ import { LoadingComponentWithPermissions } from '../../loading-component/loading
  selector: 'pngx-custom-fields',
  templateUrl: './custom-fields.component.html',
  styleUrls: ['./custom-fields.component.scss'],
+  standalone: false,
 })
 export class CustomFieldsComponent
  extends LoadingComponentWithPermissions
--- a/src-ui/src/app/components/manage/document-type-list/document-type-list.component.ts
+++ b/src-ui/src/app/components/manage/document-type-list/document-type-list.component.ts
@ -16,6 +16,7 @@ import { ManagementListComponent } from '../management-list/management-list.comp
  selector: 'pngx-document-type-list',
  templateUrl: './../management-list/management-list.component.html',
  styleUrls: ['./../management-list/management-list.component.scss'],
+  standalone: false,
 })
 export class DocumentTypeListComponent extends ManagementListComponent<DocumentType> {
  constructor(
--- a/src-ui/src/app/components/manage/mail/mail.component.ts
+++ b/src-ui/src/app/components/manage/mail/mail.component.ts
@ -26,6 +26,7 @@ import { ComponentWithPermissions } from '../../with-permissions/with-permission
  selector: 'pngx-mail',
  templateUrl: './mail.component.html',
  styleUrls: ['./mail.component.scss'],
+  standalone: false,
 })
 export class MailComponent
  extends ComponentWithPermissions
--- a/src-ui/src/app/components/manage/saved-views/saved-views.component.ts
+++ b/src-ui/src/app/components/manage/saved-views/saved-views.component.ts
@ -13,6 +13,7 @@ import { LoadingComponentWithPermissions } from '../../loading-component/loading
  selector: 'pngx-saved-views',
  templateUrl: './saved-views.component.html',
  styleUrl: './saved-views.component.scss',
+  standalone: false,
 })
 export class SavedViewsComponent
  extends LoadingComponentWithPermissions
--- a/src-ui/src/app/components/manage/storage-path-list/storage-path-list.component.ts
+++ b/src-ui/src/app/components/manage/storage-path-list/storage-path-list.component.ts
@ -16,6 +16,7 @@ import { ManagementListComponent } from '../management-list/management-list.comp
  selector: 'pngx-storage-path-list',
  templateUrl: './../management-list/management-list.component.html',
  styleUrls: ['./../management-list/management-list.component.scss'],
+  standalone: false,
 })
 export class StoragePathListComponent extends ManagementListComponent<StoragePath> {
  constructor(
--- a/src-ui/src/app/components/manage/tag-list/tag-list.component.ts
+++ b/src-ui/src/app/components/manage/tag-list/tag-list.component.ts
@ -16,6 +16,7 @@ import { ManagementListComponent } from '../management-list/management-list.comp
  selector: 'pngx-tag-list',
  templateUrl: './../management-list/management-list.component.html',
  styleUrls: ['./../management-list/management-list.component.scss'],
+  standalone: false,
 })
 export class TagListComponent extends ManagementListComponent<Tag> {
  constructor(
--- a/src-ui/src/app/components/manage/workflows/workflows.component.ts
+++ b/src-ui/src/app/components/manage/workflows/workflows.component.ts
@ -17,6 +17,7 @@ import { LoadingComponentWithPermissions } from '../../loading-component/loading
  selector: 'pngx-workflows',
  templateUrl: './workflows.component.html',
  styleUrls: ['./workflows.component.scss'],
+  standalone: false,
 })
 export class WorkflowsComponent
  extends LoadingComponentWithPermissions
--- a/src-ui/src/app/components/not-found/not-found.component.ts
+++ b/src-ui/src/app/components/not-found/not-found.component.ts
@ -4,6 +4,7 @@ import { Component } from '@angular/core'
  selector: 'pngx-not-found',
  templateUrl: './not-found.component.html',
  styleUrls: ['./not-found.component.scss'],
+  standalone: false,
 })
 export class NotFoundComponent {
  constructor() {}
--- a/src-ui/src/app/directives/if-object-permissions.directive.spec.ts
+++ b/src-ui/src/app/directives/if-object-permissions.directive.spec.ts
@ -16,6 +16,7 @@ import { IfObjectPermissionsDirective } from './if-object-permissions.directive'
      </button>
    </div>
  `,
+  standalone: false,
 })
 class TestComponent {}

--- a/src-ui/src/app/directives/if-object-permissions.directive.ts
+++ b/src-ui/src/app/directives/if-object-permissions.directive.ts
@ -15,6 +15,7 @@ import {

@Directive({
  selector: '[pngxIfObjectPermissions]',
+  standalone: false,
 })
 export class IfObjectPermissionsDirective implements OnInit, OnChanges {
  // The role the user must have
--- a/src-ui/src/app/directives/if-owner.directive.spec.ts
+++ b/src-ui/src/app/directives/if-owner.directive.spec.ts
@ -9,6 +9,7 @@ import { IfOwnerDirective } from './if-owner.directive'
      <button *pngxIfOwner="{ id: 2, owner: user1 }">Some Text</button>
    </div>
  `,
+  standalone: false,
 })
 class TestComponent {}

--- a/Show More
+++ b/Show More