Enhancement: angular 19 (#8584)

src-ui/src/app/components/document-list/document-card-large/document-card-large.component.spec.ts

@@ -43,7 +43,12 @@ describe('DocumentCardLargeComponent', () => {
 
   beforeEach(async () => {
     TestBed.configureTestingModule({
-      declarations: [
+      imports: [
+        RouterTestingModule,
+        NgbPopoverModule,
+        NgbTooltipModule,
+        NgbProgressbarModule,
+        NgxBootstrapIconsModule.pick(allIcons),
         DocumentCardLargeComponent,
         DocumentTitlePipe,
         CustomDatePipe,
@@ -53,13 +58,6 @@ describe('DocumentCardLargeComponent', () => {
         PreviewPopupComponent,
         CustomFieldDisplayComponent,
       ],
-      imports: [
-        RouterTestingModule,
-        NgbPopoverModule,
-        NgbTooltipModule,
-        NgbProgressbarModule,
-        NgxBootstrapIconsModule.pick(allIcons),
-      ],
       providers: [
         DatePipe,
         provideHttpClient(withInterceptorsFromDi()),

src-ui/src/app/components/document-list/document-card-large/document-card-large.component.ts

@@ -1,3 +1,4 @@
+import { AsyncPipe } from '@angular/common'
 import {
   AfterViewInit,
   Component,
@@ -6,21 +7,49 @@ import {
   Output,
   ViewChild,
 } from '@angular/core'
+import { RouterModule } from '@angular/router'
+import {
+  NgbProgressbarModule,
+  NgbTooltipModule,
+} from '@ng-bootstrap/ng-bootstrap'
+import { NgxBootstrapIconsModule } from 'ngx-bootstrap-icons'
 import {
   DEFAULT_DISPLAY_FIELDS,
   DisplayField,
   Document,
 } from 'src/app/data/document'
 import { SETTINGS_KEYS } from 'src/app/data/ui-settings'
+import { IfPermissionsDirective } from 'src/app/directives/if-permissions.directive'
+import { CustomDatePipe } from 'src/app/pipes/custom-date.pipe'
+import { DocumentTitlePipe } from 'src/app/pipes/document-title.pipe'
+import { IsNumberPipe } from 'src/app/pipes/is-number.pipe'
+import { UsernamePipe } from 'src/app/pipes/username.pipe'
 import { DocumentService } from 'src/app/services/rest/document.service'
 import { SettingsService } from 'src/app/services/settings.service'
+import { CustomFieldDisplayComponent } from '../../common/custom-field-display/custom-field-display.component'
 import { PreviewPopupComponent } from '../../common/preview-popup/preview-popup.component'
+import { TagComponent } from '../../common/tag/tag.component'
 import { LoadingComponentWithPermissions } from '../../loading-component/loading.component'
 
 @Component({
   selector: 'pngx-document-card-large',
   templateUrl: './document-card-large.component.html',
   styleUrls: ['./document-card-large.component.scss'],
+  imports: [
+    DocumentTitlePipe,
+    IsNumberPipe,
+    PreviewPopupComponent,
+    TagComponent,
+    CustomFieldDisplayComponent,
+    AsyncPipe,
+    UsernamePipe,
+    IfPermissionsDirective,
+    CustomDatePipe,
+    RouterModule,
+    NgbTooltipModule,
+    NgbProgressbarModule,
+    NgxBootstrapIconsModule,
+  ],
 })
 export class DocumentCardLargeComponent
   extends LoadingComponentWithPermissions