Angular 19 migration (#10795)

2025-07-24 17:32:15 +00:00 · 2025-07-03 12:09:53 +02:00
parent c7f28d54d6
commit 951b22e098
561 changed files with 9574 additions and 17354 deletions
--- a/lib/process-services-cloud/src/lib/app/components/app-details-cloud/app-details-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/app/components/app-details-cloud/app-details-cloud.component.ts
@@ -24,7 +24,6 @@ import { MatCardModule } from '@angular/material/card';

@Component({
    selector: 'adf-cloud-app-details',
-    standalone: true,
    imports: [CommonModule, TranslatePipe, MatIconModule, MatCardModule],
    templateUrl: './app-details-cloud.component.html',
    styleUrls: ['./app-details-cloud.component.scss'],
--- a/lib/process-services-cloud/src/lib/app/components/app-list-cloud/app-list-cloud.component.spec.ts
+++ b/lib/process-services-cloud/src/lib/app/components/app-list-cloud/app-list-cloud.component.spec.ts
@@ -42,7 +42,6 @@ describe('AppListCloudComponent', () => {
    };

    @Component({
-        standalone: true,
        imports: [MatIconModule, CustomEmptyContentTemplateDirective, AppListCloudComponent],
        template: `
            <adf-cloud-app-list>
--- a/lib/process-services-cloud/src/lib/app/components/app-list-cloud/app-list-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/app/components/app-list-cloud/app-list-cloud.component.ts
@@ -35,7 +35,6 @@ export const DEPLOYED_STATUS: string = 'DEPLOYED';

@Component({
    selector: 'adf-cloud-app-list',
-    standalone: true,
    imports: [
        CommonModule,
        TranslatePipe,
--- a/lib/process-services-cloud/src/lib/common/date-range-filter/date-range-filter.component.ts
+++ b/lib/process-services-cloud/src/lib/common/date-range-filter/date-range-filter.component.ts
@@ -35,7 +35,6 @@ interface DateRangeFormProps {

@Component({
    selector: 'adf-cloud-date-range-filter',
-    standalone: true,
    imports: [CommonModule, TranslatePipe, MatDatepickerModule, MatFormFieldModule, ReactiveFormsModule, MatSelectModule],
    styleUrls: ['./date-range-filter.component.scss'],
    templateUrl: './date-range-filter.component.html',
--- a/lib/process-services-cloud/src/lib/form/components/form-cloud-custom-outcomes.component.spec.ts
+++ b/lib/process-services-cloud/src/lib/form/components/form-cloud-custom-outcomes.component.spec.ts
@@ -26,7 +26,6 @@ import { MatButtonModule } from '@angular/material/button';

@Component({
    selector: 'adf-cloud-form-with-custom-outcomes',
-    standalone: true,
    imports: [FormCustomOutcomesComponent, FormCloudComponent, MatButtonModule],
    template: `<adf-cloud-form #adfCloudForm>
        <adf-cloud-form-custom-outcomes>
--- a/lib/process-services-cloud/src/lib/form/components/form-cloud-custom-outcomes.component.ts
+++ b/lib/process-services-cloud/src/lib/form/components/form-cloud-custom-outcomes.component.ts
@@ -19,7 +19,6 @@ import { Component } from '@angular/core';

@Component({
    selector: 'adf-cloud-form-custom-outcomes',
-    standalone: true,
    template: '<ng-content />'
 })
 export class FormCustomOutcomesComponent {}
--- a/lib/process-services-cloud/src/lib/form/components/form-cloud.component.spec.ts
+++ b/lib/process-services-cloud/src/lib/form/components/form-cloud.component.spec.ts
@@ -94,7 +94,8 @@ describe('FormCloudComponent', () => {

    @Component({
        selector: 'adf-cloud-custom-widget',
-        template: '<div></div>'
+        template: '<div></div>',
+        standalone: false
    })
    // eslint-disable-next-line @angular-eslint/component-class-suffix
    class CustomWidget {
--- a/lib/process-services-cloud/src/lib/form/components/form-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/form/components/form-cloud.component.ts
@@ -73,7 +73,6 @@ export const FORM_CLOUD_FIELD_VALIDATORS_TOKEN = new InjectionToken<FormFieldVal

@Component({
    selector: 'adf-cloud-form',
-    standalone: true,
    imports: [
        CommonModule,
        TranslatePipe,
--- a/lib/process-services-cloud/src/lib/form/components/form-definition-selector-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/form/components/form-definition-selector-cloud.component.ts
@@ -25,7 +25,6 @@ import { TranslatePipe } from '@ngx-translate/core';

@Component({
    selector: 'adf-cloud-form-definition-selector',
-    standalone: true,
    imports: [CommonModule, TranslatePipe, MatSelectModule],
    templateUrl: './form-definition-selector-cloud.component.html',
    styleUrls: ['./form-definition-selector-cloud.component.scss']
--- a/lib/process-services-cloud/src/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.ts
+++ b/lib/process-services-cloud/src/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.ts
@@ -53,7 +53,6 @@ const VALID_ALIAS = [ALIAS_ROOT_FOLDER, ALIAS_USER_FOLDER, '-shared-'];

@Component({
    selector: 'adf-cloud-attach-file-cloud-widget',
-    standalone: true,
    imports: [CommonModule, ErrorWidgetComponent, TranslatePipe, MatIconModule, FilePropertiesTableCloudComponent, MatButtonModule],
    templateUrl: './attach-file-cloud-widget.component.html',
    styleUrls: ['./attach-file-cloud-widget.component.scss'],
--- a/lib/process-services-cloud/src/lib/form/components/widgets/attach-file/file-properties-table/file-properties-table-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/form/components/widgets/attach-file/file-properties-table/file-properties-table-cloud.component.ts
@@ -34,7 +34,6 @@ const RETRIEVE_METADATA_OPTION = 'retrieveMetadata';

@Component({
    selector: 'adf-cloud-file-properties-table',
-    standalone: true,
    imports: [
        CommonModule,
        MatIconModule,
--- a/lib/process-services-cloud/src/lib/form/components/widgets/date/date-cloud.widget.ts
+++ b/lib/process-services-cloud/src/lib/form/components/widgets/date/date-cloud.widget.ts
@@ -41,7 +41,6 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';

@Component({
    selector: 'date-widget',
-    standalone: true,
    imports: [NgIf, TranslatePipe, MatFormFieldModule, MatInputModule, MatDatepickerModule, ReactiveFormsModule, ErrorWidgetComponent],
    providers: [
        { provide: MAT_DATE_FORMATS, useValue: ADF_DATE_FORMATS },
--- a/lib/process-services-cloud/src/lib/form/components/widgets/display-rich-text/display-rich-text.widget.ts
+++ b/lib/process-services-cloud/src/lib/form/components/widgets/display-rich-text/display-rich-text.widget.ts
@@ -24,7 +24,6 @@ import { DomSanitizer } from '@angular/platform-browser';

@Component({
    selector: 'display-rich-text',
-    standalone: true,
    templateUrl: './display-rich-text.widget.html',
    styleUrls: ['./display-rich-text.widget.scss'],
    host: {
--- a/lib/process-services-cloud/src/lib/form/components/widgets/dropdown/dropdown-cloud.widget.ts
+++ b/lib/process-services-cloud/src/lib/form/components/widgets/dropdown/dropdown-cloud.widget.ts
@@ -56,7 +56,6 @@ export const HIDE_FILTER_LIMIT = 5;
    templateUrl: './dropdown-cloud.widget.html',
    styleUrls: ['./dropdown-cloud.widget.scss'],
    encapsulation: ViewEncapsulation.None,
-    standalone: true,
    imports: [
        NgIf,
        NgFor,
--- a/lib/process-services-cloud/src/lib/form/components/widgets/file-viewer/file-viewer.widget.ts
+++ b/lib/process-services-cloud/src/lib/form/components/widgets/file-viewer/file-viewer.widget.ts
@@ -25,7 +25,6 @@ import { NgIf } from '@angular/common';

@Component({
    selector: 'file-viewer-widget',
-    standalone: true,
    imports: [NgIf, ErrorWidgetComponent, AlfrescoViewerComponent, TranslatePipe],
    templateUrl: './file-viewer.widget.html',
    styleUrls: ['./file-viewer.widget.scss'],
--- a/lib/process-services-cloud/src/lib/form/components/widgets/group/group-cloud.widget.ts
+++ b/lib/process-services-cloud/src/lib/form/components/widgets/group/group-cloud.widget.ts
@@ -30,7 +30,6 @@ import { GroupCloudComponent } from '../../../../group/components/group-cloud.co

@Component({
    selector: 'group-cloud-widget',
-    standalone: true,
    imports: [CommonModule, TranslatePipe, ErrorWidgetComponent, GroupCloudComponent],
    templateUrl: './group-cloud.widget.html',
    host: {
--- a/lib/process-services-cloud/src/lib/form/components/widgets/people/people-cloud.widget.ts
+++ b/lib/process-services-cloud/src/lib/form/components/widgets/people/people-cloud.widget.ts
@@ -32,7 +32,6 @@ import { MatFormFieldModule } from '@angular/material/form-field';

@Component({
    selector: 'people-cloud-widget',
-    standalone: true,
    imports: [CommonModule, TranslatePipe, ErrorWidgetComponent, PeopleCloudComponent, MatFormFieldModule],
    templateUrl: './people-cloud.widget.html',
    host: {
--- a/lib/process-services-cloud/src/lib/form/components/widgets/properties-viewer/properties-viewer-wrapper/properties-viewer-wrapper.component.ts
+++ b/lib/process-services-cloud/src/lib/form/components/widgets/properties-viewer/properties-viewer-wrapper/properties-viewer-wrapper.component.ts
@@ -25,7 +25,6 @@ import { CommonModule } from '@angular/common';

@Component({
    selector: 'adf-properties-viewer-wrapper',
-    standalone: true,
    imports: [CommonModule, MatProgressSpinnerModule, ContentMetadataComponent],
    templateUrl: './properties-viewer-wrapper.component.html',
    encapsulation: ViewEncapsulation.None
--- a/lib/process-services-cloud/src/lib/form/components/widgets/properties-viewer/properties-viewer.widget.ts
+++ b/lib/process-services-cloud/src/lib/form/components/widgets/properties-viewer/properties-viewer.widget.ts
@@ -26,7 +26,6 @@ import { CommonModule } from '@angular/common';

@Component({
    selector: 'adf-properties-viewer-widget',
-    standalone: true,
    imports: [CommonModule, ErrorWidgetComponent, PropertiesViewerWrapperComponent, TranslatePipe],
    templateUrl: './properties-viewer.widget.html',
    styleUrls: ['./properties-viewer.widget.scss'],
--- a/lib/process-services-cloud/src/lib/form/components/widgets/radio-buttons/radio-buttons-cloud.widget.ts
+++ b/lib/process-services-cloud/src/lib/form/components/widgets/radio-buttons/radio-buttons-cloud.widget.ts
@@ -29,7 +29,6 @@ import { FormsModule } from '@angular/forms';

@Component({
    selector: 'radio-buttons-cloud-widget',
-    standalone: true,
    imports: [CommonModule, ErrorWidgetComponent, MatRadioModule, TranslatePipe, FormsModule],
    templateUrl: './radio-buttons-cloud.widget.html',
    styleUrls: ['./radio-buttons-cloud.widget.scss'],
--- a/lib/process-services-cloud/src/lib/form/components/widgets/upload/upload-cloud.widget.ts
+++ b/lib/process-services-cloud/src/lib/form/components/widgets/upload/upload-cloud.widget.ts
@@ -34,7 +34,6 @@ import { MatLineModule } from '@angular/material/core';

@Component({
    selector: 'upload-cloud-widget',
-    standalone: true,
    imports: [CommonModule, TranslatePipe, ErrorWidgetComponent, MatIconModule, MatButtonModule, MatListModule, MatLineModule],
    templateUrl: './upload-cloud.widget.html',
    styleUrls: ['./upload-cloud.widget.scss'],
--- a/lib/process-services-cloud/src/lib/form/mocks/cloud-form.mock.ts
+++ b/lib/process-services-cloud/src/lib/form/mocks/cloud-form.mock.ts
@@ -836,7 +836,6 @@ export const emptyFormRepresentationJSON = {
    processDefinitionId: 'ed4a6233-0ad8-11ea-8616-e6267bbdb057',
    processInstanceId: 'ec921948-0ad9-11ea-8616-e6267bbdb057',
    processVariables: [],
-    standAlone: true,
    tabs: [],
    taskId: 'ec92194b-0ad9-11ea-8616-e6267bbdb057',
    taskName: null,
--- a/lib/process-services-cloud/src/lib/form/services/spinner/form-cloud-spinner.service.spec.ts
+++ b/lib/process-services-cloud/src/lib/form/services/spinner/form-cloud-spinner.service.spec.ts
@@ -31,7 +31,8 @@ import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';

@Component({
    selector: 'adf-cloud-overlay-test',
-    template: `<div>adf-cloud-overlay-test</div>`
+    template: `<div>adf-cloud-overlay-test</div>`,
+    standalone: false
 })
 class SpinnerTestComponent {
    destroyRef = inject(DestroyRef);
--- a/lib/process-services-cloud/src/lib/group/components/group-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/group/components/group-cloud.component.ts
@@ -50,7 +50,6 @@ import { IdentityGroupService } from '../services/identity-group.service';

@Component({
    selector: 'adf-cloud-group',
-    standalone: true,
    imports: [
        CommonModule,
        TranslatePipe,
--- a/lib/process-services-cloud/src/lib/mock/task-cloud-model.mock.ts
+++ b/lib/process-services-cloud/src/lib/mock/task-cloud-model.mock.ts
@@ -37,9 +37,9 @@ export const getTaskCloudModelMock = (cloudModel: Partial<TaskCloudModel> = {}):
    serviceFullName: '',
    serviceName: '',
    serviceVersion: '',
-    standalone: true,
    status: '',
    taskDefinitionKey: '',
+    standalone: true,
    processVariables: undefined,
    ...cloudModel
 });
--- a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.ts
@@ -52,7 +52,6 @@ import { MatTooltipModule } from '@angular/material/tooltip';

@Component({
    selector: 'adf-cloud-people',
-    standalone: true,
    imports: [
        CommonModule,
        TranslatePipe,
--- a/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter/edit-process-filter-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter/edit-process-filter-cloud.component.ts
@@ -80,7 +80,6 @@ interface ProcessFilterFormProps {

@Component({
    selector: 'adf-cloud-edit-process-filter',
-    standalone: true,
    imports: [
        IconComponent,
        MatProgressSpinnerModule,
--- a/lib/process-services-cloud/src/lib/process/process-filters/components/process-filter-dialog/process-filter-dialog-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/process/process-filters/components/process-filter-dialog/process-filter-dialog-cloud.component.ts
@@ -25,7 +25,6 @@ import { MatInputModule } from '@angular/material/input';

@Component({
    selector: 'adf-cloud-process-filter-dialog-cloud',
-    standalone: true,
    imports: [TranslatePipe, MatButtonModule, MatCardModule, MatInputModule, ReactiveFormsModule, MatDialogModule],
    templateUrl: './process-filter-dialog-cloud.component.html',
    styleUrls: ['./process-filter-dialog-cloud.component.scss'],
--- a/lib/process-services-cloud/src/lib/process/process-filters/components/process-filters/process-filters-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/process/process-filters/components/process-filters/process-filters-cloud.component.ts
@@ -32,7 +32,6 @@ import { MatListModule } from '@angular/material/list';

@Component({
    selector: 'adf-cloud-process-filters',
-    standalone: true,
    imports: [TranslatePipe, IconComponent, NgIf, MatProgressSpinnerModule, NgForOf, MatListModule, AsyncPipe],
    templateUrl: './process-filters-cloud.component.html',
    styleUrls: ['./process-filters-cloud.component.scss'],
--- a/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.ts
@@ -33,7 +33,6 @@ import { NgIf } from '@angular/common';

@Component({
    selector: 'adf-cloud-process-header',
-    standalone: true,
    imports: [CardViewComponent, MatCardModule, NgIf],
    templateUrl: './process-header-cloud.component.html',
    encapsulation: ViewEncapsulation.None,
--- a/lib/process-services-cloud/src/lib/process/process-list/components/process-list-cloud.component.spec.ts
+++ b/lib/process-services-cloud/src/lib/process/process-list/components/process-list-cloud.component.spec.ts
@@ -128,7 +128,6 @@ const fakeProcessCloudList = {
 };

@Component({
-    standalone: true,
    imports: [DataColumnComponent, DataColumnListComponent, ProcessListCloudComponent],
    template: ` <adf-cloud-process-list #processListCloud>
        <data-columns>
@@ -1129,7 +1128,6 @@ describe('ProcessListCloudComponent: Injecting custom columns for task list - Cu

 describe('ProcessListCloudComponent: Creating an empty custom template - EmptyTemplateComponent', () => {
    @Component({
-        standalone: true,
        imports: [CustomEmptyContentTemplateDirective, ProcessListCloudComponent],
        template: `
            <adf-cloud-process-list #processListCloud>
--- a/lib/process-services-cloud/src/lib/process/process-list/components/process-list-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/process/process-list/components/process-list-cloud.component.ts
@@ -72,7 +72,6 @@ const PRESET_KEY = 'adf-cloud-process-list.presets';

@Component({
    selector: 'adf-cloud-process-list',
-    standalone: true,
    imports: [
        DataTableComponent,
        MatProgressSpinnerModule,
--- a/lib/process-services-cloud/src/lib/process/start-process/components/start-process-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/process/start-process/components/start-process-cloud.component.ts
@@ -71,7 +71,6 @@ const PROCESS_DEFINITION_IDENTIFIER_REG_EXP = new RegExp('%{processdefinition}',

@Component({
    selector: 'adf-cloud-start-process',
-    standalone: true,
    imports: [
        CommonModule,
        TranslatePipe,
--- a/lib/process-services-cloud/src/lib/process/start-process/mock/start-process.component.mock.ts
+++ b/lib/process-services-cloud/src/lib/process/start-process/mock/start-process.component.mock.ts
@@ -288,7 +288,6 @@ export const fakeFormModelJson = {
    name: 'f',
    description: '',
    version: 0,
-    standAlone: true,
    tabs: [],
    fields: [
        {
--- a/lib/process-services-cloud/src/lib/rich-text-editor/rich-text-editor.component.ts
+++ b/lib/process-services-cloud/src/lib/rich-text-editor/rich-text-editor.component.ts
@@ -23,7 +23,6 @@ import { editorJsConfig } from './editorjs-config';

@Component({
    selector: 'adf-cloud-rich-text-editor',
-    standalone: true,
    templateUrl: './rich-text-editor.component.html',
    styleUrls: ['./rich-text-editor.component.scss'],
    encapsulation: ViewEncapsulation.None
--- a/lib/process-services-cloud/src/lib/screen/components/screen-cloud/screen-cloud.component.spec.ts
+++ b/lib/process-services-cloud/src/lib/screen/components/screen-cloud/screen-cloud.component.spec.ts
@@ -32,8 +32,7 @@ import { TaskScreenCloudComponent } from './screen-cloud.component';
            <button class="adf-cloud-test-container-complete-btn" (click)="onComplete()">complete</button>
        </div>
    `,
-    imports: [CommonModule],
-    standalone: true
+    imports: [CommonModule]
 })
 class TestComponent {
    @Input() taskId = '';
@@ -60,8 +59,7 @@ class TestComponent {
            (taskCompleted)="onTaskCompleted()"
        />
    `,
-    imports: [CommonModule, TaskScreenCloudComponent],
-    standalone: true
+    imports: [CommonModule, TaskScreenCloudComponent]
 })
 class TestWrapperComponent {
    @Input() screenId = '';
--- a/lib/process-services-cloud/src/lib/screen/components/screen-cloud/screen-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/screen/components/screen-cloud/screen-cloud.component.ts
@@ -25,7 +25,6 @@ import { MatCheckboxChange } from '@angular/material/checkbox';

@Component({
    selector: 'adf-cloud-task-screen',
-    standalone: true,
    imports: [CommonModule, MatCardModule],
    templateUrl: './screen-cloud.component.html'
 })
--- a/lib/process-services-cloud/src/lib/task/task-filters/components/edit-task-filters/edit-service-task-filter/edit-service-task-filter-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/task/task-filters/components/edit-task-filters/edit-service-task-filter/edit-service-task-filter-cloud.component.ts
@@ -40,7 +40,6 @@ import { TaskAssignmentFilterCloudComponent } from '../../task-assignment-filter

@Component({
    selector: 'adf-cloud-edit-service-task-filter',
-    standalone: true,
    imports: [
        CommonModule,
        TranslatePipe,
--- a/lib/process-services-cloud/src/lib/task/task-filters/components/edit-task-filters/edit-task-filter/edit-task-filter-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/task/task-filters/components/edit-task-filters/edit-task-filter/edit-task-filter-cloud.component.ts
@@ -43,7 +43,6 @@ import { TaskAssignmentFilterCloudComponent } from '../../task-assignment-filter

@Component({
    selector: 'adf-cloud-edit-task-filter',
-    standalone: true,
    imports: [
        CommonModule,
        TranslatePipe,
--- a/lib/process-services-cloud/src/lib/task/task-filters/components/service-task-filters/service-task-filters-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/task/task-filters/components/service-task-filters/service-task-filters-cloud.component.ts
@@ -29,7 +29,6 @@ import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';

@Component({
    selector: 'adf-cloud-service-task-filters',
-    standalone: true,
    imports: [CommonModule, TranslatePipe, MatListModule, IconComponent, MatProgressSpinnerModule],
    templateUrl: './service-task-filters-cloud.component.html',
    styleUrls: ['./service-task-filters-cloud.component.scss'],
--- a/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.ts
+++ b/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.ts
@@ -30,7 +30,6 @@ import { PeopleCloudComponent } from '../../../../people/components/people-cloud

@Component({
    selector: 'adf-cloud-task-assignment-filter',
-    standalone: true,
    imports: [CommonModule, GroupCloudComponent, TranslatePipe, MatSelectModule, FormsModule, PeopleCloudComponent],
    templateUrl: './task-assignment-filter.component.html',
    styleUrls: ['./task-assignment-filter.component.scss']
--- a/lib/process-services-cloud/src/lib/task/task-filters/components/task-filter-dialog/task-filter-dialog-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/task/task-filters/components/task-filter-dialog/task-filter-dialog-cloud.component.ts
@@ -26,7 +26,6 @@ import { MatButtonModule } from '@angular/material/button';

@Component({
    selector: 'adf-cloud-task-filter-dialog',
-    standalone: true,
    imports: [CommonModule, TranslatePipe, MatInputModule, ReactiveFormsModule, MatDialogModule, MatCardModule, MatButtonModule],
    templateUrl: './task-filter-dialog-cloud.component.html',
    styleUrls: ['./task-filter-dialog-cloud.component.scss'],
--- a/lib/process-services-cloud/src/lib/task/task-filters/components/task-filters/task-filters-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/task/task-filters/components/task-filters/task-filters-cloud.component.ts
@@ -34,7 +34,6 @@ import { MatListModule } from '@angular/material/list';

@Component({
    selector: 'adf-cloud-task-filters',
-    standalone: true,
    imports: [CommonModule, MatProgressSpinnerModule, TranslatePipe, IconComponent, MatListModule],
    templateUrl: './task-filters-cloud.component.html',
    styleUrls: ['./task-filters-cloud.component.scss'],
--- a/lib/process-services-cloud/src/lib/task/task-form/components/task-form-cloud/task-form-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/task/task-form/components/task-form-cloud/task-form-cloud.component.ts
@@ -31,7 +31,6 @@ import { MatCheckboxChange } from '@angular/material/checkbox';

@Component({
    selector: 'adf-cloud-task-form',
-    standalone: true,
    imports: [CommonModule, UserTaskCloudButtonsComponent, FormCustomOutcomesComponent, FormCloudComponent],
    templateUrl: './task-form-cloud.component.html',
    styleUrls: ['./task-form-cloud.component.scss'],
--- a/lib/process-services-cloud/src/lib/task/task-form/components/user-task-cloud-buttons/claim-task/claim-task-cloud.directive.spec.ts
+++ b/lib/process-services-cloud/src/lib/task/task-form/components/user-task-cloud-buttons/claim-task/claim-task-cloud.directive.spec.ts
@@ -27,9 +27,8 @@ import { By } from '@angular/platform-browser';
 describe('ClaimTaskCloudDirective', () => {
    @Component({
        selector: 'adf-cloud-claim-test-component',
-        standalone: true,
        imports: [ClaimTaskCloudDirective],
-        template: '<button adf-cloud-claim-task [taskId]="taskMock" [appName]="appNameMock" (error)="onError($event)"></button>'
+        template: '<button adf-cloud-claim-task [taskId]="taskMock" [appName]="appNameMock" (error)="onError($event)">Task</button>'
    })
    class TestComponent {
        taskMock = 'test1234';
@@ -97,9 +96,8 @@ describe('ClaimTaskCloudDirective', () => {
 describe('Claim Task Directive validation errors', () => {
    @Component({
        selector: 'adf-cloud-claim-no-fields-validation-component',
-        standalone: true,
        imports: [ClaimTaskCloudDirective],
-        template: '<button adf-cloud-claim-task></button>'
+        template: '<button adf-cloud-claim-task>Task</button>'
    })
    class ClaimTestMissingInputDirectiveComponent {
        appName = 'simple-app';
@@ -112,9 +110,8 @@ describe('Claim Task Directive validation errors', () => {

    @Component({
        selector: 'adf-cloud-claim-no-taskid-validation-component',
-        standalone: true,
        imports: [ClaimTaskCloudDirective],
-        template: '<button adf-cloud-claim-task [appName]="appName"></button>'
+        template: '<button adf-cloud-claim-task [appName]="appName">Task</button>'
    })
    class ClaimTestMissingTaskIdDirectiveComponent {
        appName = 'simple-app';
@@ -125,9 +122,8 @@ describe('Claim Task Directive validation errors', () => {

    @Component({
        selector: 'adf-cloud-claim-undefined-appname-component',
-        standalone: true,
        imports: [ClaimTaskCloudDirective],
-        template: '<button adf-cloud-claim-task [taskId]="taskMock" [appName]="appNameUndefined"></button>'
+        template: '<button adf-cloud-claim-task [taskId]="taskMock" [appName]="appNameUndefined">Task</button>'
    })
    class ClaimTestInvalidAppNameUndefinedDirectiveComponent {
        appNameUndefined = undefined;
@@ -139,9 +135,8 @@ describe('Claim Task Directive validation errors', () => {

    @Component({
        selector: 'adf-cloud-claim-null-appname-component',
-        standalone: true,
        imports: [ClaimTaskCloudDirective],
-        template: '<button adf-cloud-claim-task [taskId]="taskMock" [appName]="appNameNull"></button>'
+        template: '<button adf-cloud-claim-task [taskId]="taskMock" [appName]="appNameNull">Task</button>'
    })
    class ClaimTestInvalidAppNameNullDirectiveComponent {
        appNameNull = null;
--- a/lib/process-services-cloud/src/lib/task/task-form/components/user-task-cloud-buttons/claim-task/claim-task-cloud.directive.ts
+++ b/lib/process-services-cloud/src/lib/task/task-form/components/user-task-cloud-buttons/claim-task/claim-task-cloud.directive.ts
@@ -21,8 +21,7 @@ import { TaskCloudService } from '../../../../services/task-cloud.service';

@Directive({
    // eslint-disable-next-line @angular-eslint/directive-selector
-    selector: '[adf-cloud-claim-task]',
-    standalone: true
+    selector: '[adf-cloud-claim-task]'
 })
 export class ClaimTaskCloudDirective implements OnInit {
    /** (Required) The id of the task. */
--- a/lib/process-services-cloud/src/lib/task/task-form/components/user-task-cloud-buttons/unclaim-task/unclaim-task-cloud.directive.spec.ts
+++ b/lib/process-services-cloud/src/lib/task/task-form/components/user-task-cloud-buttons/unclaim-task/unclaim-task-cloud.directive.spec.ts
@@ -27,9 +27,8 @@ import { By } from '@angular/platform-browser';
 describe('UnClaimTaskCloudDirective', () => {
    @Component({
        selector: 'adf-cloud-test-component',
-        standalone: true,
        imports: [UnClaimTaskCloudDirective],
-        template: '<button adf-cloud-unclaim-task [taskId]="taskIdMock" [appName]="appName" (error)="onError($event)"></button>'
+        template: '<button adf-cloud-unclaim-task [taskId]="taskIdMock" [appName]="appName" (error)="onError($event)">Task</button>'
    })
    class TestComponent {
        appName = 'simple-app';
@@ -96,9 +95,8 @@ describe('UnClaimTaskCloudDirective', () => {
 describe('UnClaim Task Directive validation errors', () => {
    @Component({
        selector: 'adf-cloud-claim-no-fields-validation-component',
-        standalone: true,
        imports: [UnClaimTaskCloudDirective],
-        template: '<button adf-cloud-unclaim-task></button>'
+        template: '<button adf-cloud-unclaim-task>Task</button>'
    })
    class ClaimTestMissingInputDirectiveComponent {
        appName = 'simple-app';
@@ -111,9 +109,8 @@ describe('UnClaim Task Directive validation errors', () => {

    @Component({
        selector: 'adf-cloud-claim-no-taskid-validation-component',
-        standalone: true,
        imports: [UnClaimTaskCloudDirective],
-        template: '<button adf-cloud-unclaim-task [appName]="appName"></button>'
+        template: '<button adf-cloud-unclaim-task [appName]="appName">Task</button>'
    })
    class ClaimTestMissingTaskIdDirectiveComponent {
        appName = 'simple-app';
@@ -124,9 +121,8 @@ describe('UnClaim Task Directive validation errors', () => {

    @Component({
        selector: 'adf-cloud-claim-undefined-appname-component',
-        standalone: true,
        imports: [UnClaimTaskCloudDirective],
-        template: '<button adf-cloud-unclaim-task [taskId]="taskMock" [appName]="appNameUndefined"></button>'
+        template: '<button adf-cloud-unclaim-task [taskId]="taskMock" [appName]="appNameUndefined">Task</button>'
    })
    class ClaimTestInvalidAppNameUndefinedDirectiveComponent {
        appNameUndefined = undefined;
@@ -138,9 +134,8 @@ describe('UnClaim Task Directive validation errors', () => {

    @Component({
        selector: 'adf-cloud-claim-null-appname-component',
-        standalone: true,
        imports: [UnClaimTaskCloudDirective],
-        template: '<button adf-cloud-unclaim-task [taskId]="taskMock" [appName]="appNameNull"></button>'
+        template: '<button adf-cloud-unclaim-task [taskId]="taskMock" [appName]="appNameNull">Task</button>'
    })
    class ClaimTestInvalidAppNameNullDirectiveComponent {
        appNameNull = null;
--- a/lib/process-services-cloud/src/lib/task/task-form/components/user-task-cloud-buttons/unclaim-task/unclaim-task-cloud.directive.ts
+++ b/lib/process-services-cloud/src/lib/task/task-form/components/user-task-cloud-buttons/unclaim-task/unclaim-task-cloud.directive.ts
@@ -20,8 +20,7 @@ import { TaskCloudService } from '../../../../services/task-cloud.service';

@Directive({
    // eslint-disable-next-line @angular-eslint/directive-selector
-    selector: '[adf-cloud-unclaim-task]',
-    standalone: true
+    selector: '[adf-cloud-unclaim-task]'
 })
 export class UnClaimTaskCloudDirective implements OnInit {
    /** (Required) The id of the task. */
--- a/lib/process-services-cloud/src/lib/task/task-form/components/user-task-cloud-buttons/user-task-cloud-buttons.component.ts
+++ b/lib/process-services-cloud/src/lib/task/task-form/components/user-task-cloud-buttons/user-task-cloud-buttons.component.ts
@@ -24,7 +24,6 @@ import { ClaimTaskCloudDirective } from './claim-task/claim-task-cloud.directive

@Component({
    selector: 'adf-cloud-user-task-cloud-buttons',
-    standalone: true,
    imports: [CommonModule, TranslatePipe, UnClaimTaskCloudDirective, ClaimTaskCloudDirective, MatButtonModule],
    styles: ['button { margin-right: 8px; }'],
    templateUrl: './user-task-cloud-buttons.component.html'
--- a/lib/process-services-cloud/src/lib/task/task-form/components/user-task-cloud/complete-task/complete-task.directive.spec.ts
+++ b/lib/process-services-cloud/src/lib/task/task-form/components/user-task-cloud/complete-task/complete-task.directive.spec.ts
@@ -27,7 +27,6 @@ import { By } from '@angular/platform-browser';
 describe('CompleteTaskDirective', () => {
    @Component({
        selector: 'adf-cloud-test-component',
-        standalone: true,
        imports: [CompleteTaskDirective],
        template: `<button
            adf-cloud-complete-task
@@ -35,7 +34,9 @@ describe('CompleteTaskDirective', () => {
            [appName]="appNameMock"
            (success)="onCompleteTask($event)"
            (error)="onError($event)"
-        ></button>`
+        >
+            Task
+        </button>`
    })
    class TestComponent {
        taskMock = 'test1234';
@@ -106,9 +107,8 @@ describe('CompleteTaskDirective', () => {
 describe('Complete Task Directive validation errors', () => {
    @Component({
        selector: 'adf-cloud-no-fields-validation-component',
-        standalone: true,
        imports: [CompleteTaskDirective],
-        template: '<button adf-cloud-complete-task (success)="onCompleteTask($event)"></button>'
+        template: '<button adf-cloud-complete-task (success)="onCompleteTask($event)">Task</button>'
    })
    class TestMissingInputDirectiveComponent {
        appName = 'simple-app';
@@ -125,9 +125,8 @@ describe('Complete Task Directive validation errors', () => {

    @Component({
        selector: 'adf-cloud-no-taskid-validation-component',
-        standalone: true,
        imports: [CompleteTaskDirective],
-        template: '<button adf-cloud-complete-task [appName]="appName" (success)="onCompleteTask($event)"></button>'
+        template: '<button adf-cloud-complete-task [appName]="appName" (success)="onCompleteTask($event)">Task</button>'
    })
    class TestMissingTaskIdDirectiveComponent {
        appName = 'simple-app';
@@ -142,9 +141,8 @@ describe('Complete Task Directive validation errors', () => {

    @Component({
        selector: 'adf-cloud-undefined-appname-component',
-        standalone: true,
        imports: [CompleteTaskDirective],
-        template: '<button adf-cloud-complete-task [taskId]="taskMock" [appName]="undefined" (success)="onCompleteTask($event)"></button>'
+        template: '<button adf-cloud-complete-task [taskId]="taskMock" [appName]="undefined" (success)="onCompleteTask($event)">Task</button>'
    })
    class TestInvalidAppNameUndefinedDirectiveComponent {
        appName = 'simple-app';
@@ -160,9 +158,8 @@ describe('Complete Task Directive validation errors', () => {

    @Component({
        selector: 'adf-cloud-null-appname-component',
-        standalone: true,
        imports: [CompleteTaskDirective],
-        template: '<button adf-cloud-complete-task [taskId]="taskMock" [appName]="null" (success)="onCompleteTask($event)"></button>'
+        template: '<button adf-cloud-complete-task [taskId]="taskMock" [appName]="null" (success)="onCompleteTask($event)">Task</button>'
    })
    class TestInvalidAppNameNullDirectiveComponent {
        appName = 'simple-app';
--- a/lib/process-services-cloud/src/lib/task/task-form/components/user-task-cloud/complete-task/complete-task.directive.ts
+++ b/lib/process-services-cloud/src/lib/task/task-form/components/user-task-cloud/complete-task/complete-task.directive.ts
@@ -20,8 +20,7 @@ import { TaskCloudService } from '../../../../services/task-cloud.service';

@Directive({
    // eslint-disable-next-line @angular-eslint/directive-selector
-    selector: '[adf-cloud-complete-task]',
-    standalone: true
+    selector: '[adf-cloud-complete-task]'
 })
 export class CompleteTaskDirective implements OnInit {
    /** (Required) The id of the task. */
--- a/lib/process-services-cloud/src/lib/task/task-form/components/user-task-cloud/user-task-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/task/task-form/components/user-task-cloud/user-task-cloud.component.ts
@@ -43,7 +43,6 @@ type TaskTypesType = (typeof TaskTypes)[keyof typeof TaskTypes];

@Component({
    selector: 'adf-cloud-user-task',
-    standalone: true,
    imports: [
        CommonModule,
        MatProgressSpinnerModule,
--- a/lib/process-services-cloud/src/lib/task/task-header/components/task-header-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/task/task-header/components/task-header-cloud.component.ts
@@ -42,7 +42,6 @@ import { MatCardModule } from '@angular/material/card';

@Component({
    selector: 'adf-cloud-task-header',
-    standalone: true,
    imports: [CommonModule, MatProgressSpinnerModule, CardViewComponent, MatCardModule],
    templateUrl: './task-header-cloud.component.html',
    styleUrls: ['./task-header-cloud.component.scss'],
--- a/lib/process-services-cloud/src/lib/task/task-header/mocks/task-details-cloud.mock.ts
+++ b/lib/process-services-cloud/src/lib/task/task-header/mocks/task-details-cloud.mock.ts
@@ -37,8 +37,7 @@ export const taskDetailsWithParentTaskIdMock: TaskDetailsCloudModel = {
    formKey: null,
    lastModified: new Date(1545048055900),
    lastModifiedTo: null,
-    lastModifiedFrom: null,
-    standalone: true
+    lastModifiedFrom: null
 };

 export const assignedTaskDetailsCloudMock: TaskDetailsCloudModel = {
@@ -61,8 +60,7 @@ export const assignedTaskDetailsCloudMock: TaskDetailsCloudModel = {
    formKey: null,
    lastModified: new Date(1545048055900),
    lastModifiedTo: null,
-    lastModifiedFrom: null,
-    standalone: true
+    lastModifiedFrom: null
 };

 export const createdTaskDetailsCloudMock: TaskDetailsCloudModel = {
@@ -85,8 +83,7 @@ export const createdTaskDetailsCloudMock: TaskDetailsCloudModel = {
    formKey: null,
    lastModified: new Date(1545048055900),
    lastModifiedTo: null,
-    lastModifiedFrom: null,
-    standalone: true
+    lastModifiedFrom: null
 };

 export const emptyOwnerTaskDetailsCloudMock: TaskDetailsCloudModel = {
@@ -109,8 +106,7 @@ export const emptyOwnerTaskDetailsCloudMock: TaskDetailsCloudModel = {
    formKey: null,
    lastModified: new Date(1545048055900),
    lastModifiedTo: null,
-    lastModifiedFrom: null,
-    standalone: true
+    lastModifiedFrom: null
 };

 export const createdStateTaskDetailsCloudMock: TaskDetailsCloudModel = {
@@ -182,8 +178,7 @@ export const suspendedTaskDetailsCloudMock: TaskDetailsCloudModel = {
    formKey: null,
    lastModified: new Date(1545048055900),
    lastModifiedTo: null,
-    lastModifiedFrom: null,
-    standalone: true
+    lastModifiedFrom: null
 };

 export const noCandidateUsersTaskDetailsCloudMock: TaskDetailsCloudModel = {
@@ -249,7 +244,6 @@ export const taskWithFormDetailsMock: TaskDetailsCloudModel = {
    id: 'bd6b1741-6046-11e9-80f0-0a586460040d',
    name: 'Task1',
    owner: 'fakeAdmin',
-    standalone: true,
    status: 'ASSIGNED'
 };

--- a/lib/process-services-cloud/src/lib/task/task-list/components/service-task-list/service-task-list-cloud.component.spec.ts
+++ b/lib/process-services-cloud/src/lib/task/task-list/components/service-task-list/service-task-list-cloud.component.spec.ts
@@ -36,7 +36,8 @@ import { MatProgressSpinnerHarness } from '@angular/material/progress-spinner/te
            <data-column key="activityName" title="ADF_CLOUD_TASK_LIST.PROPERTIES.NAME" class="adf-full-width adf-name-column" [order]="2" />
            <data-column key="startedDate" title="ADF_CLOUD_TASK_LIST.PROPERTIES.CREATED" class="adf-hidden" />
        </data-columns>
-    </adf-cloud-service-task-list>`
+    </adf-cloud-service-task-list>`,
+    standalone: false
 })
 class CustomTaskListComponent {
    @ViewChild(ServiceTaskListCloudComponent)
@@ -49,7 +50,8 @@ class CustomTaskListComponent {
                <p id="custom-id"></p>
            </adf-custom-empty-content-template>
        </adf-cloud-service-task-list>
-    `
+    `,
+    standalone: false
 })
 class EmptyTemplateComponent {}
@Component({
@@ -58,7 +60,8 @@ class EmptyTemplateComponent {}
            <data-column [copyContent]="true" key="id" title="ADF_CLOUD_TASK_LIST.PROPERTIES.ID" />
            <data-column key="activityName" title="ADF_CLOUD_TASK_LIST.PROPERTIES.NAME" />
        </data-columns>
-    </adf-cloud-service-task-list>`
+    </adf-cloud-service-task-list>`,
+    standalone: false
 })
 class CustomCopyContentTaskListComponent {
    @ViewChild(ServiceTaskListCloudComponent, { static: true })
--- a/lib/process-services-cloud/src/lib/task/task-list/components/service-task-list/service-task-list-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/task/task-list/components/service-task-list/service-task-list-cloud.component.ts
@@ -42,7 +42,6 @@ const PRESET_KEY = 'adf-cloud-service-task-list.presets';

@Component({
    selector: 'adf-cloud-service-task-list',
-    standalone: true,
    imports: [
        CommonModule,
        ColumnsSelectorComponent,
--- a/lib/process-services-cloud/src/lib/task/task-list/components/task-list/task-list-cloud.component.spec.ts
+++ b/lib/process-services-cloud/src/lib/task/task-list/components/task-list/task-list-cloud.component.spec.ts
@@ -45,7 +45,6 @@ import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
 import { MatProgressSpinnerHarness } from '@angular/material/progress-spinner/testing';

@Component({
-    standalone: true,
    imports: [TaskListCloudComponent, DataColumnListComponent, DataColumnComponent],
    template: ` <adf-cloud-task-list #taskListCloud>
        <data-columns>
@@ -74,7 +73,6 @@ class CustomTaskListComponent {
 }

@Component({
-    standalone: true,
    imports: [CustomEmptyContentTemplateDirective, TaskListCloudComponent],
    template: `
        <adf-cloud-task-list>
@@ -87,7 +85,6 @@ class CustomTaskListComponent {
 class EmptyTemplateComponent {}

@Component({
-    standalone: true,
    imports: [TaskListCloudComponent, DataColumnListComponent, DataColumnComponent],
    template: ` <adf-cloud-task-list>
        <data-columns>
--- a/lib/process-services-cloud/src/lib/task/task-list/components/task-list/task-list-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/task/task-list/components/task-list/task-list-cloud.component.ts
@@ -54,7 +54,6 @@ const PRESET_KEY = 'adf-cloud-task-list.presets';

@Component({
    selector: 'adf-cloud-task-list',
-    standalone: true,
    imports: [
        CommonModule,
        ColumnsSelectorComponent,
--- a/lib/process-services-cloud/src/lib/task/task-list/mock/fake-task-response.mock.ts
+++ b/lib/process-services-cloud/src/lib/task/task-list/mock/fake-task-response.mock.ts
@@ -30,8 +30,7 @@ export const fakeGlobalTask = getTaskCloudModelMock({
    processDefinitionId: null,
    processInstanceId: null,
    status: 'CREATED',
-    lastModified: '1538059139420',
-    standalone: true
+    lastModified: '1538059139420'
 });

 export const fakeGlobalTasks = {