Chore: update to Angular v19

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/cdk": "^19.0.2",
-    "@angular/common": "~18.2.10",
+    "@angular/common": "~19.0.3",
-    "@angular/compiler": "~18.2.10",
+    "@angular/compiler": "~19.0.3",
-    "@angular/core": "~18.2.10",
+    "@angular/core": "~19.0.3",
-    "@angular/forms": "~18.2.10",
+    "@angular/forms": "~19.0.3",
-    "@angular/localize": "~18.2.10",
+    "@angular/localize": "~19.0.3",
-    "@angular/platform-browser": "~18.2.10",
+    "@angular/platform-browser": "~19.0.3",
-    "@angular/platform-browser-dynamic": "~18.2.10",
+    "@angular/platform-browser-dynamic": "~19.0.3",
-    "@angular/router": "~18.2.10",
+    "@angular/router": "~19.0.3",
-    "@ng-bootstrap/ng-bootstrap": "^17.0.1",
+    "@ng-bootstrap/ng-bootstrap": "^18.0.0",
-    "@ng-select/ng-select": "^13.9.1",
+    "@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/custom-webpack": "^19.0.0-beta.0",
-    "@angular-builders/jest": "^18.0.0",
+    "@angular-builders/jest": "^19.0.0-beta.1",
-    "@angular-devkit/build-angular": "^18.2.2",
+    "@angular-devkit/build-angular": "^19.0.4",
-    "@angular-devkit/core": "^18.2.11",
+    "@angular-devkit/core": "^19.0.4",
-    "@angular-devkit/schematics": "^18.2.11",
+    "@angular-devkit/schematics": "^19.0.4",
-    "@angular-eslint/builder": "18.4.0",
+    "@angular-eslint/builder": "19.0.0",
-    "@angular-eslint/eslint-plugin": "18.4.0",
+    "@angular-eslint/eslint-plugin": "19.0.0",
-    "@angular-eslint/eslint-plugin-template": "18.4.0",
+    "@angular-eslint/eslint-plugin-template": "19.0.0",
-    "@angular-eslint/schematics": "18.4.0",
+    "@angular-eslint/schematics": "19.0.0",
-    "@angular-eslint/template-parser": "18.4.0",
+    "@angular-eslint/template-parser": "19.0.0",
-    "@angular/cli": "~18.2.11",
+    "@angular/cli": "~19.0.4",
-    "@angular/compiler-cli": "~18.2.2",
+    "@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",

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

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: [
-    {
+    provideAppInitializer(() => {
-      provide: APP_INITIALIZER,
+      const initializerFn = initializeApp(inject(SettingsService))
-      useFactory: initializeApp,
+      return initializerFn()
-      deps: [SettingsService],
+    }),
-      multi: true,
-    },
     DatePipe,
     CookieService,
     {

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

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

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

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

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

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

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

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

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() {}

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()

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) {

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

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

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

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

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

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()

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

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

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(

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>

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(

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(

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(

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

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[]

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>

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(

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>

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>

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

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()

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`

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() {

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() {

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() {

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>

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[]>

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`

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 = []

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()

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 = ''

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()

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()

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>

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[]

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[]

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() {

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()

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(

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()

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()

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() {

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()

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) {}

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[]

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

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

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

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

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) {}

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 = [

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

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() {}

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(

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[] = []

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

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

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

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) {}

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 {}
 

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

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

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

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() {}

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

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

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

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

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

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

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) {}

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({

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

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(

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

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(

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

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

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(

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(

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

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() {}

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 {}
 

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

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 {}