Enhancement: angular 19 (#8584)

src-ui/src/app/components/common/permissions-dialog/permissions-dialog.component.spec.ts

@@ -35,7 +35,11 @@ describe('PermissionsDialogComponent', () => {
 
   beforeEach(async () => {
     TestBed.configureTestingModule({
-      declarations: [
+      imports: [
+        NgSelectModule,
+        FormsModule,
+        ReactiveFormsModule,
+        NgbModule,
         PermissionsDialogComponent,
         SafeHtmlPipe,
         SelectComponent,
@@ -44,7 +48,6 @@ describe('PermissionsDialogComponent', () => {
         PermissionsUserComponent,
         PermissionsGroupComponent,
       ],
-      imports: [NgSelectModule, FormsModule, ReactiveFormsModule, NgbModule],
       providers: [
         NgbActiveModal,
         {

src-ui/src/app/components/common/permissions-dialog/permissions-dialog.component.ts

@@ -1,14 +1,27 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core'
-import { FormControl, FormGroup } from '@angular/forms'
+import {
+  FormControl,
+  FormGroup,
+  FormsModule,
+  ReactiveFormsModule,
+} from '@angular/forms'
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap'
 import { ObjectWithPermissions } from 'src/app/data/object-with-permissions'
 import { User } from 'src/app/data/user'
 import { UserService } from 'src/app/services/rest/user.service'
+import { PermissionsFormComponent } from '../input/permissions/permissions-form/permissions-form.component'
+import { SwitchComponent } from '../input/switch/switch.component'
 
 @Component({
   selector: 'pngx-permissions-dialog',
   templateUrl: './permissions-dialog.component.html',
   styleUrls: ['./permissions-dialog.component.scss'],
+  imports: [
+    SwitchComponent,
+    PermissionsFormComponent,
+    FormsModule,
+    ReactiveFormsModule,
+  ],
 })
 export class PermissionsDialogComponent {
   users: User[]