@alfresco/adf-process-services-cloud 8.2.0-17234132289 → 8.2.0

package/fesm2022/adf-process-services-cloud.mjs

@@ -1,42 +1,40 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, ViewEncapsulation, Component, Injectable, ContentChild, inject, DestroyRef, Directive, InjectionToken, Inject, NgModule, ViewChild, Optional, ChangeDetectorRef, HostListener, ViewContainerRef, ChangeDetectionStrategy, SecurityContext } from '@angular/core';
+import { inject, Injectable, EventEmitter, DestroyRef, Output, Input, ContentChild, Directive, InjectionToken, Inject, ViewEncapsulation, Component, NgModule, ViewChild, Optional, ChangeDetectorRef, HostListener, ViewContainerRef, ChangeDetectionStrategy, input, output, signal, SecurityContext } from '@angular/core';
 import * as i1$1 from '@alfresco/adf-core';
-import { EmptyContentComponent, CustomEmptyContentTemplateDirective, AppConfigService, JwtHelperService, TranslationService, DataTableSchema, UserPreferenceValues, ObjectDataTableAdapter, ColumnsSelectorComponent, MainMenuDataTableTemplateDirective, NoContentTemplateDirective, LoadingContentTemplateDirective, DataTableComponent, AdfDateFnsAdapter, MOMENT_DATE_FORMATS, IconComponent, UserPreferencesService, DateFnsUtils, ADF_DATE_FORMATS, FullNamePipe, InitialUsernamePipe, FormModel, FormService, FormBaseComponent, WidgetVisibilityService, UploadWidgetContentLinkModel, FormEvent, FormOutcomeModel, ConfirmDialogComponent, FormOutcomeEvent, FormatSpacePipe, FormRendererComponent, ToolbarDividerComponent, ToolbarComponent, WidgetComponent, ThumbnailService, NotificationService, ErrorWidgetComponent, LocalizedDatePipe, UploadDirective, ContentLinkModel, ErrorMessageModel, DEFAULT_DATE_FORMAT, FormFieldEvent, FormFieldTypes, SelectFilterInputComponent, DynamicComponentMapper, CardViewTextItemModel, CardViewSelectItemModel, CardViewDatetimeItemModel, CardViewDateItemModel, CardViewArrayItemModel, CardViewComponent, CustomLoadingContentTemplateDirective, isOutcomeButtonVisible, InplaceFormInputComponent, BaseViewerWidgetComponent, ObjectDataColumn, ObjectDataRow, FormBaseModule, FormRenderingService, provideTranslations } from '@alfresco/adf-core';
-import * as i2 from '@angular/common';
-import { CommonModule, NgIf, NgFor, NgClass, AsyncPipe, NgForOf } from '@angular/common';
-import { TranslatePipe, TranslateService } from '@ngx-translate/core';
-import * as i3 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i4 from '@angular/material/card';
-import { MatCardModule } from '@angular/material/card';
-import { of, from, Subject, EMPTY, throwError, BehaviorSubject, combineLatest, forkJoin, catchError as catchError$1 } from 'rxjs';
-import { map, catchError, take, tap, filter, switchMap, debounceTime, finalize, mergeMap, distinctUntilChanged, expand, reduce, mapTo, concatMap } from 'rxjs/operators';
-import * as i1 from '@alfresco/adf-core/api';
-import * as i6 from '@angular/material/core';
-import { MatLineModule, DateAdapter, MAT_DATE_FORMATS, MatOptionModule } from '@angular/material/core';
-import * as i5 from '@angular/material/list';
-import { MatListModule } from '@angular/material/list';
-import * as i4$1 from '@angular/material/progress-spinner';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import * as i1$4 from '@alfresco/adf-content-services';
+import { AppConfigService, JwtHelperService, TranslationService, DataTableSchema, UserPreferenceValues, CustomEmptyContentTemplateDirective, ObjectDataTableAdapter, ColumnsSelectorComponent, MainMenuDataTableTemplateDirective, EmptyContentComponent, NoContentTemplateDirective, LoadingContentTemplateDirective, DataTableComponent, AdfDateFnsAdapter, MOMENT_DATE_FORMATS, IconComponent, UserPreferencesService, DateFnsUtils, ADF_DATE_FORMATS, FullNamePipe, InitialUsernamePipe, FormService, FormModel, FormBaseComponent, WidgetVisibilityService, UploadWidgetContentLinkModel, FormEvent, FormOutcomeModel, ConfirmDialogComponent, FormOutcomeEvent, FormatSpacePipe, FormRendererComponent, ToolbarDividerComponent, ToolbarComponent, WidgetComponent, ThumbnailService, NotificationService, ErrorWidgetComponent, LocalizedDatePipe, UploadDirective, ContentLinkModel, ErrorMessageModel, DEFAULT_DATE_FORMAT, FormFieldEvent, FormFieldTypes, SelectFilterInputComponent, DynamicComponentMapper, CardViewTextItemModel, CardViewSelectItemModel, CardViewDatetimeItemModel, CardViewDateItemModel, CardViewArrayItemModel, CardViewComponent, CustomLoadingContentTemplateDirective, isOutcomeButtonVisible, InplaceFormInputComponent, BaseViewerWidgetComponent, ObjectDataColumn, ObjectDataRow, FormBaseModule, FormRenderingService, provideTranslations } from '@alfresco/adf-core';
+import { from, EMPTY, Subject, throwError, of, BehaviorSubject, combineLatest, firstValueFrom, forkJoin, catchError as catchError$1 } from 'rxjs';
+import { map, take, tap, filter, switchMap, debounceTime, finalize, mergeMap, distinctUntilChanged, expand, reduce, mapTo, catchError, concatMap } from 'rxjs/operators';
+import * as i1$5 from '@alfresco/adf-content-services';
 import { AlfrescoApiService, NodeAction, ContentNodeSelectorComponent, ContentNodeSelectorPanelService, NewVersionUploaderService, NewVersionUploaderDataAction, ContentMetadataComponent, AlfrescoViewerComponent } from '@alfresco/adf-content-services';
+import * as i1 from '@alfresco/adf-core/api';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1$2 from '@angular/common';
+import { CommonModule, NgIf, NgClass, AsyncPipe, NgForOf } from '@angular/common';
+import { TranslatePipe, TranslateService } from '@ngx-translate/core';
+import * as i4 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i6 from '@angular/material/core';
+import { DateAdapter, MAT_DATE_FORMATS, MatLineModule, MatOptionModule } from '@angular/material/core';
 import { split, InMemoryCache, from as from$1, gql } from '@apollo/client/core';
 import { createClient } from 'graphql-ws';
 import { GraphQLWsLink } from '@apollo/client/link/subscriptions';
-import * as i1$2 from 'apollo-angular';
-import * as i2$1 from 'apollo-angular/http';
+import * as i1$3 from 'apollo-angular';
+import * as i2 from 'apollo-angular/http';
 import { Kind, OperationTypeNode } from 'graphql';
 import { onError } from '@apollo/client/link/error';
 import { RetryLink } from '@apollo/client/link/retry';
 import { getMainDefinition } from '@apollo/client/utilities';
 import { add, startOfDay, endOfDay, endOfYear, startOfYear, endOfWeek, startOfWeek, endOfMonth, startOfMonth, endOfQuarter, startOfQuarter, isValid, set, addDays, parseISO, getTime } from 'date-fns';
-import * as i1$3 from '@angular/forms';
+import * as i2$1 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import * as i1$4 from '@angular/forms';
 import { Validators, ReactiveFormsModule, UntypedFormBuilder, FormGroup, FormControl, UntypedFormControl, FormsModule } from '@angular/forms';
 import * as i2$2 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule, MatDialog, MatDialogRef } from '@angular/material/dialog';
-import * as i3$1 from '@angular/material/input';
+import * as i3 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
+import * as i4$1 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
 import * as i4$2 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i2$4 from '@angular/material/expansion';
@@ -46,10 +44,12 @@ import * as i7 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import * as i2$3 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
+import * as i3$1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
 import * as i10$1 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { trigger, state, transition, style, animate } from '@angular/animations';
-import * as i5$1 from '@angular/material/progress-bar';
+import * as i5 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import * as i7$1 from '@angular/material/autocomplete';
 import { MatAutocompleteModule, MatAutocompleteTrigger } from '@angular/material/autocomplete';
@@ -61,310 +61,16 @@ import { UploadApi, NodesApi, AuthenticationApi } from '@alfresco/js-api';
 import { v4 } from 'uuid';
 import { Overlay } from '@angular/cdk/overlay';
 import { ComponentPortal } from '@angular/cdk/portal';
-import * as i5$2 from '@angular/cdk/a11y';
+import * as i5$1 from '@angular/cdk/a11y';
 import { A11yModule } from '@angular/cdk/a11y';
 import * as i3$2 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
-import * as i5$3 from '@angular/material/table';
+import * as i5$2 from '@angular/material/table';
 import { MatTableModule } from '@angular/material/table';
 import * as i3$3 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
+import { DomSanitizer } from '@angular/platform-browser';
 import edjsHTML from 'editorjs-html';
-import * as i2$5 from '@angular/platform-browser';
-
-/*!
- * @license
- * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-const DEFAULT_APP_INSTANCE_THEME = 'theme-2';
-const DEFAULT_APP_INSTANCE_ICON = 'favorite_border';
-var DescriptorCustomUIAuthFlowType;
-(function (DescriptorCustomUIAuthFlowType) {
-    DescriptorCustomUIAuthFlowType["CODE"] = "CODE";
-    DescriptorCustomUIAuthFlowType["IMPLICIT"] = "IMPLICIT";
-})(DescriptorCustomUIAuthFlowType || (DescriptorCustomUIAuthFlowType = {}));
-
-/*!
- * @license
- * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class AppDetailsCloudComponent {
-    constructor() {
-        this.selectedApp = new EventEmitter();
-    }
-    /**
-     * Pass the selected app as next
-     *
-     * @param app application model
-     */
-    onSelectApp(app) {
-        this.selectedApp.emit(app);
-    }
-    /**
-     * Get application instance theme
-     *
-     * @returns the name of the theme
-     */
-    getTheme() {
-        return this.applicationInstance.theme || DEFAULT_APP_INSTANCE_THEME;
-    }
-    /**
-     * Get application instance icon
-     *
-     * @returns the name of the icon
-     */
-    getIcon() {
-        return this.applicationInstance.icon || DEFAULT_APP_INSTANCE_ICON;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AppDetailsCloudComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AppDetailsCloudComponent, isStandalone: true, selector: "adf-cloud-app-details", inputs: { applicationInstance: "applicationInstance" }, outputs: { selectedApp: "selectedApp" }, ngImport: i0, template: "<div class=\"adf-app-listgrid\">\n    <div class=\"adf-app-listgrid-item\">\n        <mat-card\n            appearance=\"outlined\"\n            tabindex=\"0\"\n            role=\"button\"\n            class=\"adf-app-listgrid-item-card\"\n            title=\"{{applicationInstance.name}}\"\n            [ngClass]=\"getTheme()\"\n            (click)=\"onSelectApp(applicationInstance)\"\n            (keyup.enter)=\"onSelectApp(applicationInstance)\">\n            <div class=\"adf-app-listgrid-item-card-logo\">\n                <mat-icon class=\"adf-app-listgrid-item-card-logo-icon\">{{ getIcon() }}</mat-icon>\n            </div>\n            <div mat-card-title class=\"adf-app-listgrid-item-card-title\">\n                <h1 class=\"adf-app-listgrid-item-card-title-text\">{{applicationInstance.name}}</h1>\n            </div>\n            <mat-card-subtitle class=\"adf-app-listgrid-item-card-subtitle\">\n                <div class=\"adf-line-clamp\">{{applicationInstance.description}}</div>\n            </mat-card-subtitle>\n        </mat-card>\n    </div>\n  </div>\n", styles: ["adf-cloud-app-details .adf-app-listgrid{padding:8px;display:block}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item{outline:none;padding:8px;box-sizing:border-box;flex:unset;max-width:unset}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card{outline:none;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);min-height:200px;flex-direction:column;box-sizing:border-box;display:flex;padding:0;max-width:unset}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-1{background-color:#269abc}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-1 .adf-app-listgrid-item-card-logo-icon{color:#168aac}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-2{background-color:#7da9b0}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-2 .adf-app-listgrid-item-card-logo-icon{color:#6d99a0}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-3{background-color:#7689ab}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-3 .adf-app-listgrid-item-card-logo-icon{color:#66799b}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-4{background-color:#c74e3e}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-4 .adf-app-listgrid-item-card-logo-icon{color:#b73e2e}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-5{background-color:#fab96c}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-5 .adf-app-listgrid-item-card-logo-icon{color:#eaa95c}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-6{background-color:#759d4c}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-6 .adf-app-listgrid-item-card-logo-icon{color:#658d3c}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-7{background-color:#b1b489}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-7 .adf-app-listgrid-item-card-logo-icon{color:#a1a479}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-8{background-color:#a17299}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-8 .adf-app-listgrid-item-card-logo-icon{color:#916289}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-9{background-color:#696c67}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-9 .adf-app-listgrid-item-card-logo-icon{color:#595c57}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-10{background-color:#cabb33}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-10 .adf-app-listgrid-item-card-logo-icon{color:#baab23}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card:hover{box-shadow:0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f,0 5px 5px -3px #0003;cursor:pointer;transform:scale(1.015)}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-logo{position:absolute;right:20px;top:20px;padding:16px;z-index:9}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-logo .adf-app-listgrid-item-card-logo-icon{font-size:70px;width:1em;height:1em}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-title:has(.adf-app-listgrid-item-card-title-text){padding:16px;margin-bottom:0;z-index:9999}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-title:has(.adf-app-listgrid-item-card-title-text) h1{color:#fff;width:80%;font-size:var(--theme-headline-font-size);margin:0;line-height:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-subtitle:has(.adf-line-clamp){color:#fff;z-index:9999;padding:16px;flex:1 0 auto}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-subtitle:has(.adf-line-clamp) .adf-line-clamp{position:relative;line-height:1.25;padding:0;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 1){adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-subtitle:has(.adf-line-clamp) .adf-line-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:3.7125em}}@supports not (-webkit-line-clamp: 1){adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-subtitle:has(.adf-line-clamp) .adf-line-clamp{white-space:nowrap;width:100%}}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-actions{padding:0 16px 16px;border-top:1px solid rgba(0,0,0,.1);min-height:48px;box-sizing:border-box}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-actions-icon{color:#e9f1f3}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AppDetailsCloudComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'adf-cloud-app-details', imports: [CommonModule, TranslatePipe, MatIconModule, MatCardModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-app-listgrid\">\n    <div class=\"adf-app-listgrid-item\">\n        <mat-card\n            appearance=\"outlined\"\n            tabindex=\"0\"\n            role=\"button\"\n            class=\"adf-app-listgrid-item-card\"\n            title=\"{{applicationInstance.name}}\"\n            [ngClass]=\"getTheme()\"\n            (click)=\"onSelectApp(applicationInstance)\"\n            (keyup.enter)=\"onSelectApp(applicationInstance)\">\n            <div class=\"adf-app-listgrid-item-card-logo\">\n                <mat-icon class=\"adf-app-listgrid-item-card-logo-icon\">{{ getIcon() }}</mat-icon>\n            </div>\n            <div mat-card-title class=\"adf-app-listgrid-item-card-title\">\n                <h1 class=\"adf-app-listgrid-item-card-title-text\">{{applicationInstance.name}}</h1>\n            </div>\n            <mat-card-subtitle class=\"adf-app-listgrid-item-card-subtitle\">\n                <div class=\"adf-line-clamp\">{{applicationInstance.description}}</div>\n            </mat-card-subtitle>\n        </mat-card>\n    </div>\n  </div>\n", styles: ["adf-cloud-app-details .adf-app-listgrid{padding:8px;display:block}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item{outline:none;padding:8px;box-sizing:border-box;flex:unset;max-width:unset}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card{outline:none;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);min-height:200px;flex-direction:column;box-sizing:border-box;display:flex;padding:0;max-width:unset}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-1{background-color:#269abc}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-1 .adf-app-listgrid-item-card-logo-icon{color:#168aac}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-2{background-color:#7da9b0}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-2 .adf-app-listgrid-item-card-logo-icon{color:#6d99a0}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-3{background-color:#7689ab}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-3 .adf-app-listgrid-item-card-logo-icon{color:#66799b}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-4{background-color:#c74e3e}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-4 .adf-app-listgrid-item-card-logo-icon{color:#b73e2e}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-5{background-color:#fab96c}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-5 .adf-app-listgrid-item-card-logo-icon{color:#eaa95c}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-6{background-color:#759d4c}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-6 .adf-app-listgrid-item-card-logo-icon{color:#658d3c}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-7{background-color:#b1b489}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-7 .adf-app-listgrid-item-card-logo-icon{color:#a1a479}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-8{background-color:#a17299}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-8 .adf-app-listgrid-item-card-logo-icon{color:#916289}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-9{background-color:#696c67}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-9 .adf-app-listgrid-item-card-logo-icon{color:#595c57}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-10{background-color:#cabb33}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-10 .adf-app-listgrid-item-card-logo-icon{color:#baab23}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card:hover{box-shadow:0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f,0 5px 5px -3px #0003;cursor:pointer;transform:scale(1.015)}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-logo{position:absolute;right:20px;top:20px;padding:16px;z-index:9}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-logo .adf-app-listgrid-item-card-logo-icon{font-size:70px;width:1em;height:1em}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-title:has(.adf-app-listgrid-item-card-title-text){padding:16px;margin-bottom:0;z-index:9999}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-title:has(.adf-app-listgrid-item-card-title-text) h1{color:#fff;width:80%;font-size:var(--theme-headline-font-size);margin:0;line-height:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-subtitle:has(.adf-line-clamp){color:#fff;z-index:9999;padding:16px;flex:1 0 auto}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-subtitle:has(.adf-line-clamp) .adf-line-clamp{position:relative;line-height:1.25;padding:0;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 1){adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-subtitle:has(.adf-line-clamp) .adf-line-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:3.7125em}}@supports not (-webkit-line-clamp: 1){adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-subtitle:has(.adf-line-clamp) .adf-line-clamp{white-space:nowrap;width:100%}}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-actions{padding:0 16px 16px;border-top:1px solid rgba(0,0,0,.1);min-height:48px;box-sizing:border-box}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-actions-icon{color:#e9f1f3}\n"] }]
-        }], propDecorators: { applicationInstance: [{
-                type: Input,
-                args: [{ required: true }]
-            }], selectedApp: [{
-                type: Output
-            }] } });
-
-/*!
- * @license
- * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class AppsProcessCloudService {
-    constructor(adfHttpClient, appConfigService) {
-        this.adfHttpClient = adfHttpClient;
-        this.appConfigService = appConfigService;
-        this.loadApps();
-    }
-    /**
-     * Gets a list of deployed apps for this user by status.
-     *
-     * @param status Required status value
-     * @param roles to filter the apps
-     * @returns The list of deployed apps
-     */
-    getDeployedApplicationsByStatus(status, roles) {
-        return this.hasDeployedApps() ? of(this.deployedApps) : this.getApplicationsByStatus(status, roles);
-    }
-    hasDeployedApps() {
-        return this.deployedApps && this.deployedApps.length > 0;
-    }
-    loadApps() {
-        const apps = this.appConfigService.get('alfresco-deployed-apps', []);
-        for (const app of apps) {
-            app.theme = app.theme ?? 'theme-1';
-            app.icon = app.icon ?? 'favorite';
-        }
-        this.deployedApps = apps;
-    }
-    getApplicationLabel(application, environmentList) {
-        const envName = environmentList?.find((env) => env.id === application.environmentId)?.name;
-        if (application.environmentId && environmentList && envName) {
-            return `${application.displayName} (${envName})`;
-        }
-        else {
-            return application.displayName;
-        }
-    }
-    getApplicationsByStatus(status, roles) {
-        if (status === '') {
-            return of([]);
-        }
-        const path = this.getApplicationUrl();
-        const pathParams = {};
-        const queryParams = { status, roles, sort: 'name' };
-        const httpMethod = 'GET';
-        const headerParams = {};
-        const formParams = {};
-        const bodyParam = {};
-        const contentTypes = ['application/json'];
-        const accepts = ['application/json'];
-        const requestOptions = {
-            path,
-            pathParams,
-            queryParams,
-            headerParams,
-            formParams,
-            bodyParam,
-            contentTypes,
-            accepts,
-            httpMethod
-        };
-        return from(this.adfHttpClient.request(path, requestOptions)).pipe(map((applications) => applications.list.entries.map((application) => application.entry)));
-    }
-    getApplicationUrl() {
-        return `${this.appConfigService.get('bpmHost')}/deployment-service/v1/applications`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AppsProcessCloudService, deps: [{ token: i1.AdfHttpClient }, { token: i1$1.AppConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AppsProcessCloudService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AppsProcessCloudService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1.AdfHttpClient }, { type: i1$1.AppConfigService }] });
-
-/*!
- * @license
- * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-const LAYOUT_LIST = 'LIST';
-const LAYOUT_GRID = 'GRID';
-const DEPLOYED_STATUS = 'DEPLOYED';
-class AppListCloudComponent {
-    constructor(appsProcessCloudService) {
-        this.appsProcessCloudService = appsProcessCloudService;
-        /**
-         * Defines the layout of the apps. There are two possible
-         * values, "GRID" and "LIST".
-         */
-        this.layoutType = LAYOUT_GRID;
-        /** Emitted when an app entry is clicked. */
-        this.appClick = new EventEmitter();
-        this.loadingError$ = new Subject();
-        this.hasEmptyCustomContentTemplate = false;
-    }
-    ngOnInit() {
-        if (!this.isValidType()) {
-            this.setDefaultLayoutType();
-        }
-        this.apps$ = this.appsProcessCloudService.getDeployedApplicationsByStatus(DEPLOYED_STATUS).pipe(catchError(() => {
-            this.loadingError$.next(true);
-            return of();
-        }));
-    }
-    ngAfterContentInit() {
-        if (this.emptyCustomContent) {
-            this.hasEmptyCustomContentTemplate = true;
-        }
-    }
-    onSelectApp(app) {
-        this.appClick.emit(app);
-    }
-    /**
-     * Check if the value of the layoutType property is an allowed value
-     *
-     * @returns `true` if layout type is valid, otherwise `false`
-     */
-    isValidType() {
-        if (this.layoutType && (this.layoutType === LAYOUT_LIST || this.layoutType === LAYOUT_GRID)) {
-            return true;
-        }
-        return false;
-    }
-    /**
-     * Assign the default value to LayoutType
-     */
-    setDefaultLayoutType() {
-        this.layoutType = LAYOUT_GRID;
-    }
-    /**
-     * Check if the layout type is LIST
-     *
-     * @returns `true` if the layout is list, otherwise `false`
-     */
-    isList() {
-        return this.layoutType === LAYOUT_LIST;
-    }
-    /**
-     * Check if the layout type is GRID
-     *
-     * @returns `true` if layout is grid, otherwise `false`
-     */
-    isGrid() {
-        return this.layoutType === LAYOUT_GRID;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AppListCloudComponent, deps: [{ token: AppsProcessCloudService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AppListCloudComponent, isStandalone: true, selector: "adf-cloud-app-list", inputs: { layoutType: "layoutType" }, outputs: { appClick: "appClick" }, queries: [{ propertyName: "emptyCustomContent", first: true, predicate: CustomEmptyContentTemplateDirective, descendants: true }], ngImport: i0, template: "<div class=\"menu-container\" *ngIf=\"apps$ | async as appsList; else loadingOrError\">\n    <ng-container *ngIf=\"appsList.length > 0; else noApps\">\n        <div\n            *ngIf=\"isGrid(); else appList\"\n            class=\"adf-app-apps-grid\">\n            <adf-cloud-app-details\n                *ngFor=\"let app of appsList\"\n                [applicationInstance]=\"app\"\n                (selectedApp)=\"onSelectApp($event)\" />\n        </div>\n\n        <ng-template #appList>\n            <mat-list class=\"adf-app-list\">\n                <mat-list-item class=\"adf-app-list-item\" (click)=\"onSelectApp(app)\" (keyup.enter)=\"onSelectApp(app)\"\n                    *ngFor=\"let app of appsList\" tabindex=\"0\" role=\"button\" title=\"{{app.name}}\">\n                    <mat-icon matListItemIcon>touch_app</mat-icon>\n                    <span class=\"adf-app-list-item-text\" matLine>{{app.name}}</span>\n                </mat-list-item>\n            </mat-list>\n        </ng-template>\n    </ng-container>\n</div>\n<ng-template #noApps>\n    <div class=\"adf-app-list-empty\">\n        <ng-content select=\"adf-custom-empty-content-template\" *ngIf=\"hasEmptyCustomContentTemplate; else defaultEmptyTemplate\"\n            class=\"adf-custom-empty-template\" />\n\n        <ng-template #defaultEmptyTemplate>\n            <adf-empty-content icon=\"apps\" [title]=\"'ADF_CLOUD_TASK_LIST.APPS.NO_APPS.TITLE' | translate\"\n                [subtitle]=\"'ADF_CLOUD_TASK_LIST.APPS.NO_APPS.SUBTITLE' | translate\" />\n        </ng-template>\n    </div>\n</ng-template>\n<ng-template #loadingOrError>\n    <div *ngIf=\"loadingError$ | async; else loading\" class=\"adf-app-list-error\">\n        <adf-empty-content icon=\"error_outline\" [title]=\"'ADF_CLOUD_TASK_LIST.APPS.ERROR.TITLE' | translate\"\n            [subtitle]=\"'ADF_CLOUD_TASK_LIST.APPS.ERROR.SUBTITLE' | translate\" />\n    </div>\n    <ng-template #loading>\n    <ng-container>\n        <div class=\"adf-app-list-spinner\">\n            <mat-spinner class=\"adf-app-list-cloud--spinner\" />\n        </div>\n    </ng-container>\n</ng-template>\n</ng-template>\n", styles: ["adf-cloud-app-list{width:100%}adf-cloud-app-list .adf-app-list-item{cursor:pointer}adf-cloud-app-list .adf-app-list-spinner,adf-cloud-app-list .adf-app-list-empty,adf-cloud-app-list .adf-app-list-error{display:flex;align-items:center;justify-content:center;flex-direction:column;height:85vh}adf-cloud-app-list .adf-app-list-spinner .adf-app-list-cloud-spinner,adf-cloud-app-list .adf-app-list-empty .adf-app-list-cloud-spinner,adf-cloud-app-list .adf-app-list-error .adf-app-list-cloud-spinner{margin:0 auto}adf-cloud-app-list .adf-app-apps-grid{flex-flow:row wrap;display:flex}adf-cloud-app-list .adf-app-apps-grid adf-cloud-app-details{flex:1 1 100%;max-width:33.3333%}@media (max-width: 959.9px){adf-cloud-app-list .adf-app-apps-grid adf-cloud-app-details{max-width:50%}}@media (max-width: 599.9px){adf-cloud-app-list .adf-app-apps-grid adf-cloud-app-details{max-width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: AppDetailsCloudComponent, selector: "adf-cloud-app-details", inputs: ["applicationInstance"], outputs: ["selectedApp"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatLineModule }, { kind: "directive", type: i6.MatLine, selector: "[mat-line], [matLine]" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i5.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i5.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AppListCloudComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'adf-cloud-app-list', imports: [
-                        CommonModule,
-                        TranslatePipe,
-                        AppDetailsCloudComponent,
-                        MatIconModule,
-                        MatLineModule,
-                        MatListModule,
-                        EmptyContentComponent,
-                        MatProgressSpinnerModule
-                    ], encapsulation: ViewEncapsulation.None, template: "<div class=\"menu-container\" *ngIf=\"apps$ | async as appsList; else loadingOrError\">\n    <ng-container *ngIf=\"appsList.length > 0; else noApps\">\n        <div\n            *ngIf=\"isGrid(); else appList\"\n            class=\"adf-app-apps-grid\">\n            <adf-cloud-app-details\n                *ngFor=\"let app of appsList\"\n                [applicationInstance]=\"app\"\n                (selectedApp)=\"onSelectApp($event)\" />\n        </div>\n\n        <ng-template #appList>\n            <mat-list class=\"adf-app-list\">\n                <mat-list-item class=\"adf-app-list-item\" (click)=\"onSelectApp(app)\" (keyup.enter)=\"onSelectApp(app)\"\n                    *ngFor=\"let app of appsList\" tabindex=\"0\" role=\"button\" title=\"{{app.name}}\">\n                    <mat-icon matListItemIcon>touch_app</mat-icon>\n                    <span class=\"adf-app-list-item-text\" matLine>{{app.name}}</span>\n                </mat-list-item>\n            </mat-list>\n        </ng-template>\n    </ng-container>\n</div>\n<ng-template #noApps>\n    <div class=\"adf-app-list-empty\">\n        <ng-content select=\"adf-custom-empty-content-template\" *ngIf=\"hasEmptyCustomContentTemplate; else defaultEmptyTemplate\"\n            class=\"adf-custom-empty-template\" />\n\n        <ng-template #defaultEmptyTemplate>\n            <adf-empty-content icon=\"apps\" [title]=\"'ADF_CLOUD_TASK_LIST.APPS.NO_APPS.TITLE' | translate\"\n                [subtitle]=\"'ADF_CLOUD_TASK_LIST.APPS.NO_APPS.SUBTITLE' | translate\" />\n        </ng-template>\n    </div>\n</ng-template>\n<ng-template #loadingOrError>\n    <div *ngIf=\"loadingError$ | async; else loading\" class=\"adf-app-list-error\">\n        <adf-empty-content icon=\"error_outline\" [title]=\"'ADF_CLOUD_TASK_LIST.APPS.ERROR.TITLE' | translate\"\n            [subtitle]=\"'ADF_CLOUD_TASK_LIST.APPS.ERROR.SUBTITLE' | translate\" />\n    </div>\n    <ng-template #loading>\n    <ng-container>\n        <div class=\"adf-app-list-spinner\">\n            <mat-spinner class=\"adf-app-list-cloud--spinner\" />\n        </div>\n    </ng-container>\n</ng-template>\n</ng-template>\n", styles: ["adf-cloud-app-list{width:100%}adf-cloud-app-list .adf-app-list-item{cursor:pointer}adf-cloud-app-list .adf-app-list-spinner,adf-cloud-app-list .adf-app-list-empty,adf-cloud-app-list .adf-app-list-error{display:flex;align-items:center;justify-content:center;flex-direction:column;height:85vh}adf-cloud-app-list .adf-app-list-spinner .adf-app-list-cloud-spinner,adf-cloud-app-list .adf-app-list-empty .adf-app-list-cloud-spinner,adf-cloud-app-list .adf-app-list-error .adf-app-list-cloud-spinner{margin:0 auto}adf-cloud-app-list .adf-app-apps-grid{flex-flow:row wrap;display:flex}adf-cloud-app-list .adf-app-apps-grid adf-cloud-app-details{flex:1 1 100%;max-width:33.3333%}@media (max-width: 959.9px){adf-cloud-app-list .adf-app-apps-grid adf-cloud-app-details{max-width:50%}}@media (max-width: 599.9px){adf-cloud-app-list .adf-app-apps-grid adf-cloud-app-details{max-width:100%}}\n"] }]
-        }], ctorParameters: () => [{ type: AppsProcessCloudService }], propDecorators: { emptyCustomContent: [{
-                type: ContentChild,
-                args: [CustomEmptyContentTemplateDirective]
-            }], layoutType: [{
-                type: Input
-            }], appClick: [{
-                type: Output
-            }] } });
-
-/*!
- * @license
- * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-const APP_LIST_CLOUD_DIRECTIVES = [AppListCloudComponent, AppDetailsCloudComponent];
 
 /*!
  * @license
@@ -1827,7 +1533,7 @@ class TaskListCloudComponent extends BaseTaskListCloudComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TaskListCloudComponent, isStandalone: true, selector: "adf-cloud-task-list", inputs: { assignee: "assignee", createdDate: "createdDate", createdFrom: "createdFrom", createdTo: "createdTo", dueDate: "dueDate", lastModifiedFrom: "lastModifiedFrom", lastModifiedTo: "lastModifiedTo", dueDateFrom: "dueDateFrom", dueDateTo: "dueDateTo", id: "id", name: "name", environmentId: "environmentId", parentTaskId: "parentTaskId", processDefinitionName: "processDefinitionName", processDefinitionId: "processDefinitionId", processInstanceId: "processInstanceId", status: "status", owner: "owner", priority: "priority", completedBy: "completedBy", standalone: "standalone", completedDate: "completedDate", completedFrom: "completedFrom", completedTo: "completedTo", candidateGroupId: "candidateGroupId", searchApiMethod: "searchApiMethod", names: "names", assignees: "assignees", statuses: "statuses", processDefinitionNames: "processDefinitionNames", ids: "ids", parentIds: "parentIds", processInstanceIds: "processInstanceIds", processNames: "processNames", priorities: "priorities", completedByUsers: "completedByUsers", processVariableFilters: "processVariableFilters" }, providers: [
             { provide: DateAdapter, useClass: AdfDateFnsAdapter },
             { provide: MAT_DATE_FORMATS, useValue: MOMENT_DATE_FORMATS }
-        ], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"!rows\">{{ 'ADF_CLOUD_TASK_LIST.FILTERS.MESSAGES.NONE' | translate }}</div>\n<ng-container *ngIf=\"rows\">\n        <adf-datatable\n            [rows]=\"rows\"\n            [columns]=\"columns\"\n            [data]=\"dataAdapter\"\n            [loading]=\"isLoading$ | async\"\n            [sorting]=\"formattedSorting\"\n            [multiselect]=\"multiselect\"\n            [selectionMode]=\"selectionMode\"\n            [stickyHeader]=\"stickyHeader\"\n            [actions]=\"showActions\"\n            [actionsPosition]=\"actionsPosition\"\n            [contextMenu]=\"showContextMenu\"\n            [resolverFn]=\"boundReplacePriorityValues\"\n            [showProvidedActions]=\"showProvidedActions\"\n            [showMainDatatableActions]=\"showMainDatatableActions\"\n            [isResizingEnabled]=\"isResizingEnabled\"\n            (showRowActionsMenu)=\"onShowRowActionsMenu($event)\"\n            (showRowContextMenu)=\"onShowRowContextMenu($event)\"\n            (executeRowAction)=\"onExecuteRowAction($event)\"\n            (row-select)=\"onRowSelect($any($event))\"\n            (row-unselect)=\"onRowUnselect($any($event))\"\n            (rowClick)=\"onRowClick($any($event))\"\n            (row-keyup)=\"onRowKeyUp($any($event))\"\n            (sorting-changed)=\"onSortingChanged($any($event))\"\n            (columnOrderChanged)=\"onColumnOrderChanged($event)\"\n            (columnsWidthChanged)=\"onColumnsWidthChanged($event)\"\n            >\n            <adf-loading-content-template>\n                <ng-template>\n                    <mat-progress-spinner\n                        class=\"adf-cloud-task-list-loading-margin\"\n                        [color]=\"'primary'\"\n                        [mode]=\"'indeterminate'\" />\n                </ng-template>\n            </adf-loading-content-template>\n            <adf-no-content-template>\n                <ng-template>\n                    <adf-empty-content\n                        *ngIf=\"!emptyCustomContent\"\n                        icon=\"assignment\"\n                        [title]=\"'ADF_CLOUD_TASK_LIST.LIST.MESSAGES.TITLE' | translate\"\n                        [subtitle]=\"'ADF_CLOUD_TASK_LIST.LIST.MESSAGES.SUBTITLE' | translate\" />\n                    <ng-content select=\"adf-custom-empty-content-template\" />\n                </ng-template>\n            </adf-no-content-template>\n\n            <adf-main-menu-datatable-template>\n                <ng-template let-mainMenuTrigger>\n                    <adf-datatable-column-selector\n                        [columns]=\"columns\"\n                        [mainMenuTrigger]=\"mainMenuTrigger\"\n                        (submitColumnsVisibility)=\"onColumnsVisibilityChange($event)\" />\n                </ng-template>\n            </adf-main-menu-datatable-template>\n        </adf-datatable>\n</ng-container>\n", styles: [".adf-cloud-task-list-loading-margin{margin-left:calc((100% - 100px)/2);margin-right:calc((100% - 100px)/2)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "component", type: ColumnsSelectorComponent, selector: "adf-datatable-column-selector", inputs: ["columns", "mainMenuTrigger", "columnsSorting", "maxColumnsVisible"], outputs: ["submitColumnsVisibility"] }, { kind: "directive", type: MainMenuDataTableTemplateDirective, selector: "adf-main-menu-datatable-template" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "directive", type: NoContentTemplateDirective, selector: "adf-no-content-template, no-content-template" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: LoadingContentTemplateDirective, selector: "adf-loading-content-template, loading-content-template" }, { kind: "component", type: DataTableComponent, selector: "adf-datatable", inputs: ["data", "rows", "sorting", "columns", "selectionMode", "multiselect", "mainTableAction", "actions", "showMainDatatableActions", "showProvidedActions", "actionsPosition", "actionsVisibleOnHover", "fallbackThumbnail", "contextMenu", "rowStyle", "rowStyleClass", "showHeader", "stickyHeader", "loading", "noPermission", "rowMenuCacheEnabled", "resolverFn", "allowFiltering", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "enableDragRows"], outputs: ["rowClick", "rowDblClick", "showRowContextMenu", "showRowActionsMenu", "executeRowAction", "columnOrderChanged", "columnsWidthChanged", "selectedItemsCountChanged", "dragDropped"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"!rows\">{{ 'ADF_CLOUD_TASK_LIST.FILTERS.MESSAGES.NONE' | translate }}</div>\n<ng-container *ngIf=\"rows\">\n        <adf-datatable\n            [rows]=\"rows\"\n            [columns]=\"columns\"\n            [data]=\"dataAdapter\"\n            [loading]=\"isLoading$ | async\"\n            [sorting]=\"formattedSorting\"\n            [multiselect]=\"multiselect\"\n            [selectionMode]=\"selectionMode\"\n            [stickyHeader]=\"stickyHeader\"\n            [actions]=\"showActions\"\n            [actionsPosition]=\"actionsPosition\"\n            [contextMenu]=\"showContextMenu\"\n            [resolverFn]=\"boundReplacePriorityValues\"\n            [showProvidedActions]=\"showProvidedActions\"\n            [showMainDatatableActions]=\"showMainDatatableActions\"\n            [isResizingEnabled]=\"isResizingEnabled\"\n            (showRowActionsMenu)=\"onShowRowActionsMenu($event)\"\n            (showRowContextMenu)=\"onShowRowContextMenu($event)\"\n            (executeRowAction)=\"onExecuteRowAction($event)\"\n            (row-select)=\"onRowSelect($any($event))\"\n            (row-unselect)=\"onRowUnselect($any($event))\"\n            (rowClick)=\"onRowClick($any($event))\"\n            (row-keyup)=\"onRowKeyUp($any($event))\"\n            (sorting-changed)=\"onSortingChanged($any($event))\"\n            (columnOrderChanged)=\"onColumnOrderChanged($event)\"\n            (columnsWidthChanged)=\"onColumnsWidthChanged($event)\"\n            >\n            <adf-loading-content-template>\n                <ng-template>\n                    <mat-progress-spinner\n                        class=\"adf-cloud-task-list-loading-margin\"\n                        [color]=\"'primary'\"\n                        [mode]=\"'indeterminate'\" />\n                </ng-template>\n            </adf-loading-content-template>\n            <adf-no-content-template>\n                <ng-template>\n                    <adf-empty-content\n                        *ngIf=\"!emptyCustomContent\"\n                        icon=\"assignment\"\n                        [title]=\"'ADF_CLOUD_TASK_LIST.LIST.MESSAGES.TITLE' | translate\"\n                        [subtitle]=\"'ADF_CLOUD_TASK_LIST.LIST.MESSAGES.SUBTITLE' | translate\" />\n                    <ng-content select=\"adf-custom-empty-content-template\" />\n                </ng-template>\n            </adf-no-content-template>\n\n            <adf-main-menu-datatable-template>\n                <ng-template let-mainMenuTrigger>\n                    <adf-datatable-column-selector\n                        [columns]=\"columns\"\n                        [mainMenuTrigger]=\"mainMenuTrigger\"\n                        (submitColumnsVisibility)=\"onColumnsVisibilityChange($event)\" />\n                </ng-template>\n            </adf-main-menu-datatable-template>\n        </adf-datatable>\n</ng-container>\n", styles: [".adf-cloud-task-list-loading-margin{margin-left:calc((100% - 100px)/2);margin-right:calc((100% - 100px)/2)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: ColumnsSelectorComponent, selector: "adf-datatable-column-selector", inputs: ["columns", "mainMenuTrigger", "columnsSorting", "maxColumnsVisible"], outputs: ["submitColumnsVisibility"] }, { kind: "directive", type: MainMenuDataTableTemplateDirective, selector: "adf-main-menu-datatable-template" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "directive", type: NoContentTemplateDirective, selector: "adf-no-content-template, no-content-template" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: LoadingContentTemplateDirective, selector: "adf-loading-content-template, loading-content-template" }, { kind: "component", type: DataTableComponent, selector: "adf-datatable", inputs: ["data", "rows", "sorting", "columns", "selectionMode", "multiselect", "mainTableAction", "actions", "showMainDatatableActions", "showProvidedActions", "actionsPosition", "actionsVisibleOnHover", "fallbackThumbnail", "contextMenu", "rowStyle", "rowStyleClass", "showHeader", "stickyHeader", "loading", "noPermission", "rowMenuCacheEnabled", "resolverFn", "allowFiltering", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "enableDragRows"], outputs: ["rowClick", "rowDblClick", "showRowContextMenu", "showRowActionsMenu", "executeRowAction", "columnOrderChanged", "columnsWidthChanged", "selectedItemsCountChanged", "dragDropped"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TaskListCloudComponent, decorators: [{
             type: Component,
@@ -2083,6 +1789,7 @@ var FormFieldType;
     FormFieldType["displayValue"] = "readonly";
     FormFieldType["displayText"] = "readonly-text";
     FormFieldType["fileViewer"] = "file-viewer";
+    FormFieldType["button"] = "button";
 })(FormFieldType || (FormFieldType = {}));
 // eslint-disable-next-line no-shadow
 var FormCloudDisplayMode;
@@ -2310,9 +2017,9 @@ class WebSocketService {
     createGraphQLWsLink(options) {
         this.wsLink = new GraphQLWsLink(createClient({
             url: this.createWsUrl(options.wsUrl) + '/v2/ws/graphql',
-            connectionParams: {
+            connectionParams: () => ({
                 Authorization: 'Bearer ' + this.authService.getToken()
-            },
+            }),
             on: {
                 error: () => {
                     this.apollo.removeClient(options.apolloClientName);
@@ -2329,7 +2036,7 @@ class WebSocketService {
             })
             : undefined;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: WebSocketService, deps: [{ token: i1$2.Apollo }, { token: i2$1.HttpLink }, { token: i1$1.AuthenticationService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: WebSocketService, deps: [{ token: i1$3.Apollo }, { token: i2.HttpLink }, { token: i1$1.AuthenticationService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: WebSocketService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: WebSocketService, decorators: [{
@@ -2337,7 +2044,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$2.Apollo }, { type: i2$1.HttpLink }, { type: i1$1.AuthenticationService }] });
+        }], ctorParameters: () => [{ type: i1$3.Apollo }, { type: i2.HttpLink }, { type: i1$1.AuthenticationService }] });
 
 /*!
  * @license
@@ -2606,7 +2313,7 @@ class ServiceTaskListCloudComponent extends BaseTaskListCloudComponent {
         return requestNode;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ServiceTaskListCloudComponent, deps: [{ token: ServiceTaskListCloudService }, { token: i1$1.AppConfigService }, { token: TaskCloudService }, { token: i1$1.UserPreferencesService }, { token: TASK_LIST_PREFERENCES_SERVICE_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ServiceTaskListCloudComponent, isStandalone: true, selector: "adf-cloud-service-task-list", inputs: { queryParams: "queryParams" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"!rows\">{{ 'ADF_CLOUD_TASK_LIST.FILTERS.MESSAGES.NONE' | translate }}</div>\n<ng-container *ngIf=\"rows\">\n        <adf-datatable\n            [rows]=\"rows\"\n            [columns]=\"columns\"\n            [data]=\"dataAdapter\"\n            [loading]=\"isLoading$ | async\"\n            [sorting]=\"formattedSorting\"\n            [multiselect]=\"multiselect\"\n            [selectionMode]=\"selectionMode\"\n            [stickyHeader]=\"stickyHeader\"\n            [actions]=\"showActions\"\n            [actionsPosition]=\"actionsPosition\"\n            [contextMenu]=\"showContextMenu\"\n            [resolverFn]=\"boundReplacePriorityValues\"\n            [showProvidedActions]=\"showProvidedActions\"\n            [showMainDatatableActions]=\"showMainDatatableActions\"\n            [isResizingEnabled]=\"isResizingEnabled\"\n            (showRowActionsMenu)=\"onShowRowActionsMenu($event)\"\n            (showRowContextMenu)=\"onShowRowContextMenu($event)\"\n            (executeRowAction)=\"onExecuteRowAction($event)\"\n            (row-select)=\"onRowSelect($any($event))\"\n            (row-unselect)=\"onRowUnselect($any($event))\"\n            (rowClick)=\"onRowClick($any($event))\"\n            (row-keyup)=\"onRowKeyUp($any($event))\"\n            (sorting-changed)=\"onSortingChanged($any($event))\"\n            (columnOrderChanged)=\"onColumnOrderChanged($event)\"\n            (columnsWidthChanged)=\"onColumnsWidthChanged($event)\"\n            >\n            <adf-loading-content-template>\n                <ng-template>\n                    <mat-progress-spinner\n                        class=\"adf-cloud-task-list-loading-margin\"\n                        [color]=\"'primary'\"\n                        [mode]=\"'indeterminate'\" />\n                </ng-template>\n            </adf-loading-content-template>\n            <adf-no-content-template>\n                <ng-template>\n                    <adf-empty-content\n                        *ngIf=\"!emptyCustomContent\"\n                        icon=\"assignment\"\n                        [title]=\"'ADF_CLOUD_TASK_LIST.LIST.MESSAGES.TITLE' | translate\"\n                        [subtitle]=\"'ADF_CLOUD_TASK_LIST.LIST.MESSAGES.SUBTITLE' | translate\" />\n                    <ng-content select=\"adf-custom-empty-content-template\" />\n                </ng-template>\n            </adf-no-content-template>\n\n            <adf-main-menu-datatable-template>\n                <ng-template let-mainMenuTrigger>\n                    <adf-datatable-column-selector\n                        [columns]=\"columns\"\n                        [mainMenuTrigger]=\"mainMenuTrigger\"\n                        (submitColumnsVisibility)=\"onColumnsVisibilityChange($event)\" />\n                </ng-template>\n            </adf-main-menu-datatable-template>\n        </adf-datatable>\n</ng-container>\n", styles: [".adf-cloud-task-list-loading-margin{margin-left:calc((100% - 100px)/2);margin-right:calc((100% - 100px)/2)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "component", type: ColumnsSelectorComponent, selector: "adf-datatable-column-selector", inputs: ["columns", "mainMenuTrigger", "columnsSorting", "maxColumnsVisible"], outputs: ["submitColumnsVisibility"] }, { kind: "directive", type: MainMenuDataTableTemplateDirective, selector: "adf-main-menu-datatable-template" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "directive", type: NoContentTemplateDirective, selector: "adf-no-content-template, no-content-template" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: LoadingContentTemplateDirective, selector: "adf-loading-content-template, loading-content-template" }, { kind: "component", type: DataTableComponent, selector: "adf-datatable", inputs: ["data", "rows", "sorting", "columns", "selectionMode", "multiselect", "mainTableAction", "actions", "showMainDatatableActions", "showProvidedActions", "actionsPosition", "actionsVisibleOnHover", "fallbackThumbnail", "contextMenu", "rowStyle", "rowStyleClass", "showHeader", "stickyHeader", "loading", "noPermission", "rowMenuCacheEnabled", "resolverFn", "allowFiltering", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "enableDragRows"], outputs: ["rowClick", "rowDblClick", "showRowContextMenu", "showRowActionsMenu", "executeRowAction", "columnOrderChanged", "columnsWidthChanged", "selectedItemsCountChanged", "dragDropped"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ServiceTaskListCloudComponent, isStandalone: true, selector: "adf-cloud-service-task-list", inputs: { queryParams: "queryParams" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"!rows\">{{ 'ADF_CLOUD_TASK_LIST.FILTERS.MESSAGES.NONE' | translate }}</div>\n<ng-container *ngIf=\"rows\">\n        <adf-datatable\n            [rows]=\"rows\"\n            [columns]=\"columns\"\n            [data]=\"dataAdapter\"\n            [loading]=\"isLoading$ | async\"\n            [sorting]=\"formattedSorting\"\n            [multiselect]=\"multiselect\"\n            [selectionMode]=\"selectionMode\"\n            [stickyHeader]=\"stickyHeader\"\n            [actions]=\"showActions\"\n            [actionsPosition]=\"actionsPosition\"\n            [contextMenu]=\"showContextMenu\"\n            [resolverFn]=\"boundReplacePriorityValues\"\n            [showProvidedActions]=\"showProvidedActions\"\n            [showMainDatatableActions]=\"showMainDatatableActions\"\n            [isResizingEnabled]=\"isResizingEnabled\"\n            (showRowActionsMenu)=\"onShowRowActionsMenu($event)\"\n            (showRowContextMenu)=\"onShowRowContextMenu($event)\"\n            (executeRowAction)=\"onExecuteRowAction($event)\"\n            (row-select)=\"onRowSelect($any($event))\"\n            (row-unselect)=\"onRowUnselect($any($event))\"\n            (rowClick)=\"onRowClick($any($event))\"\n            (row-keyup)=\"onRowKeyUp($any($event))\"\n            (sorting-changed)=\"onSortingChanged($any($event))\"\n            (columnOrderChanged)=\"onColumnOrderChanged($event)\"\n            (columnsWidthChanged)=\"onColumnsWidthChanged($event)\"\n            >\n            <adf-loading-content-template>\n                <ng-template>\n                    <mat-progress-spinner\n                        class=\"adf-cloud-task-list-loading-margin\"\n                        [color]=\"'primary'\"\n                        [mode]=\"'indeterminate'\" />\n                </ng-template>\n            </adf-loading-content-template>\n            <adf-no-content-template>\n                <ng-template>\n                    <adf-empty-content\n                        *ngIf=\"!emptyCustomContent\"\n                        icon=\"assignment\"\n                        [title]=\"'ADF_CLOUD_TASK_LIST.LIST.MESSAGES.TITLE' | translate\"\n                        [subtitle]=\"'ADF_CLOUD_TASK_LIST.LIST.MESSAGES.SUBTITLE' | translate\" />\n                    <ng-content select=\"adf-custom-empty-content-template\" />\n                </ng-template>\n            </adf-no-content-template>\n\n            <adf-main-menu-datatable-template>\n                <ng-template let-mainMenuTrigger>\n                    <adf-datatable-column-selector\n                        [columns]=\"columns\"\n                        [mainMenuTrigger]=\"mainMenuTrigger\"\n                        (submitColumnsVisibility)=\"onColumnsVisibilityChange($event)\" />\n                </ng-template>\n            </adf-main-menu-datatable-template>\n        </adf-datatable>\n</ng-container>\n", styles: [".adf-cloud-task-list-loading-margin{margin-left:calc((100% - 100px)/2);margin-right:calc((100% - 100px)/2)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: ColumnsSelectorComponent, selector: "adf-datatable-column-selector", inputs: ["columns", "mainMenuTrigger", "columnsSorting", "maxColumnsVisible"], outputs: ["submitColumnsVisibility"] }, { kind: "directive", type: MainMenuDataTableTemplateDirective, selector: "adf-main-menu-datatable-template" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "directive", type: NoContentTemplateDirective, selector: "adf-no-content-template, no-content-template" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: LoadingContentTemplateDirective, selector: "adf-loading-content-template, loading-content-template" }, { kind: "component", type: DataTableComponent, selector: "adf-datatable", inputs: ["data", "rows", "sorting", "columns", "selectionMode", "multiselect", "mainTableAction", "actions", "showMainDatatableActions", "showProvidedActions", "actionsPosition", "actionsVisibleOnHover", "fallbackThumbnail", "contextMenu", "rowStyle", "rowStyleClass", "showHeader", "stickyHeader", "loading", "noPermission", "rowMenuCacheEnabled", "resolverFn", "allowFiltering", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "enableDragRows"], outputs: ["rowClick", "rowDblClick", "showRowContextMenu", "showRowActionsMenu", "executeRowAction", "columnOrderChanged", "columnsWidthChanged", "selectedItemsCountChanged", "dragDropped"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ServiceTaskListCloudComponent, decorators: [{
             type: Component,
@@ -3503,6 +3210,14 @@ class TaskListCloudService extends BaseCloudService {
         }
         return this.fetchTaskList(requestNode).pipe(map((tasks) => tasks.list.pagination.totalItems));
     }
+    getTaskListCount(requestNode) {
+        if (!requestNode?.appName) {
+            return throwError(() => new Error('Appname not configured'));
+        }
+        const queryUrl = `${this.getBasePath(requestNode.appName)}/query/v1/tasks/count`;
+        const queryData = this.buildQueryData(requestNode);
+        return this.post(queryUrl, queryData).pipe(map((response) => response || 0));
+    }
     buildQueryData(requestNode) {
         const queryData = {
             id: requestNode.id,
@@ -3705,7 +3420,7 @@ class TaskFiltersCloudComponent extends BaseTaskFiltersCloudComponent {
     }
     fetchTaskFilterCounter(filter) {
         return this.searchApiMethod === 'POST'
-            ? this.taskListCloudService.getTaskListCounter(new TaskFilterCloudAdapter(filter))
+            ? this.taskListCloudService.getTaskListCount(new TaskFilterCloudAdapter(filter))
             : this.taskFilterCloudService.getTaskFilterCounter(filter);
     }
     initFilterCounterNotifications() {
@@ -3820,7 +3535,7 @@ class TaskFiltersCloudComponent extends BaseTaskFiltersCloudComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TaskFiltersCloudComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TaskFiltersCloudComponent, isStandalone: true, selector: "adf-cloud-task-filters", inputs: { searchApiMethod: "searchApiMethod" }, outputs: { filterSelected: "filterSelected", filterClicked: "filterClicked", filterCounterUpdated: "filterCounterUpdated", updatedFilter: "updatedFilter" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<mat-action-list class=\"adf-task-filters\" *ngIf=\"filters$ | async as filterList; else loading\">\n        <button\n            *ngFor=\"let filter of filterList\"\n            mat-list-item\n            (click)=\"onFilterClick(filter)\"\n            [attr.aria-label]=\"filter.name | translate\"\n            [id]=\"filter.id\"\n            [attr.data-automation-id]=\"filter.key + '_filter'\"\n            [class.adf-active]=\"currentFilter === filter\">\n            <div class=\"adf-task-filters__entry\">\n                <div class=\"adf-task-filters__entry-label\">\n                    <adf-icon data-automation-id=\"adf-filter-icon\"\n                        *ngIf=\"showIcons\"\n                        [value]=\"filter.icon\"\n                    />\n                    <span data-automation-id=\"adf-filter-label\">\n                        {{ filter.name | translate }}\n                    </span>\n                </div>\n                <span *ngIf=\"counters[filter.key]\"\n                    [attr.data-automation-id]=\"filter.key + '_filter-counter'\"\n                    class=\"adf-task-filters__entry-counter\"\n                    [class.adf-active]=\"wasFilterUpdated(filter.key)\">\n                    {{ counters[filter.key] }}\n                </span>\n            </div>\n        </button>\n    </mat-action-list>\n<ng-template #loading>\n    <ng-container>\n        <div class=\"adf-app-list-spinner\">\n            <mat-spinner />\n        </div>\n    </ng-container>\n</ng-template>\n", styles: [".adf-task-filters{margin-right:calc(-1 * var(--adf-theme-spacing))}.adf-task-filters__entry{font-size:var(--theme-body-1-font-size);color:var(--adf-theme-foreground-text-color-054);display:flex;justify-content:space-between;align-items:center;flex:1;height:100%}.adf-task-filters__entry:hover{color:var(--theme-primary-color)}.adf-task-filters__entry-label{display:flex;flex:1;align-items:center;gap:var(--adf-theme-spacing)}.adf-task-filters__entry-counter{padding:0 5px;border-radius:15px}.adf-task-filters__entry-counter.adf-active{background-color:var(--theme-accent-color);color:var(--theme-accent-color-default-contrast);font-size:smaller}.adf-task-filters .adf-active .adf-task-filters__entry-label{color:var(--theme-primary-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i5.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { kind: "component", type: i5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TaskFiltersCloudComponent, isStandalone: true, selector: "adf-cloud-task-filters", inputs: { searchApiMethod: "searchApiMethod" }, outputs: { filterSelected: "filterSelected", filterClicked: "filterClicked", filterCounterUpdated: "filterCounterUpdated", updatedFilter: "updatedFilter" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<mat-action-list class=\"adf-task-filters\" *ngIf=\"filters$ | async as filterList; else loading\">\n        <button\n            *ngFor=\"let filter of filterList\"\n            mat-list-item\n            (click)=\"onFilterClick(filter)\"\n            [attr.aria-label]=\"filter.name | translate\"\n            [id]=\"filter.id\"\n            [attr.data-automation-id]=\"filter.key + '_filter'\"\n            [class.adf-active]=\"currentFilter === filter\">\n            <div class=\"adf-task-filters__entry\">\n                <div class=\"adf-task-filters__entry-label\">\n                    <adf-icon data-automation-id=\"adf-filter-icon\"\n                        *ngIf=\"showIcons\"\n                        [value]=\"filter.icon\"\n                    />\n                    <span data-automation-id=\"adf-filter-label\">\n                        {{ filter.name | translate }}\n                    </span>\n                </div>\n                <span *ngIf=\"counters[filter.key]\"\n                    [attr.data-automation-id]=\"filter.key + '_filter-counter'\"\n                    class=\"adf-task-filters__entry-counter\"\n                    [class.adf-active]=\"wasFilterUpdated(filter.key)\">\n                    {{ counters[filter.key] }}\n                </span>\n            </div>\n        </button>\n    </mat-action-list>\n<ng-template #loading>\n    <ng-container>\n        <div class=\"adf-app-list-spinner\">\n            <mat-spinner />\n        </div>\n    </ng-container>\n</ng-template>\n", styles: [".adf-task-filters{margin-right:calc(-1 * var(--adf-theme-spacing))}.adf-task-filters__entry{font-size:var(--theme-body-1-font-size);color:var(--adf-theme-foreground-text-color-054);display:flex;justify-content:space-between;align-items:center;flex:1;height:100%}.adf-task-filters__entry:hover{color:var(--theme-primary-color)}.adf-task-filters__entry-label{display:flex;flex:1;align-items:center;gap:var(--adf-theme-spacing)}.adf-task-filters__entry-counter{padding:0 5px;border-radius:15px}.adf-task-filters__entry-counter.adf-active{background-color:var(--theme-accent-color);color:var(--theme-accent-color-default-contrast);font-size:smaller}.adf-task-filters .adf-active .adf-task-filters__entry-label{color:var(--theme-primary-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$1.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { kind: "component", type: i2$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TaskFiltersCloudComponent, decorators: [{
             type: Component,
@@ -4113,6 +3828,95 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                     args: [TASK_FILTERS_SERVICE_TOKEN]
                 }] }] });
 
+/*!
+ * @license
+ * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class AppsProcessCloudService {
+    constructor(adfHttpClient, appConfigService) {
+        this.adfHttpClient = adfHttpClient;
+        this.appConfigService = appConfigService;
+        this.loadApps();
+    }
+    /**
+     * Gets a list of deployed apps for this user by status.
+     *
+     * @param status Required status value
+     * @param roles to filter the apps
+     * @returns The list of deployed apps
+     */
+    getDeployedApplicationsByStatus(status, roles) {
+        return this.hasDeployedApps() ? of(this.deployedApps) : this.getApplicationsByStatus(status, roles);
+    }
+    hasDeployedApps() {
+        return this.deployedApps && this.deployedApps.length > 0;
+    }
+    loadApps() {
+        const apps = this.appConfigService.get('alfresco-deployed-apps', []);
+        for (const app of apps) {
+            app.theme = app.theme ?? 'theme-1';
+            app.icon = app.icon ?? 'favorite';
+        }
+        this.deployedApps = apps;
+    }
+    getApplicationLabel(application, environmentList) {
+        const envName = environmentList?.find((env) => env.id === application.environmentId)?.name;
+        if (application.environmentId && environmentList && envName) {
+            return `${application.displayName} (${envName})`;
+        }
+        else {
+            return application.displayName;
+        }
+    }
+    getApplicationsByStatus(status, roles) {
+        if (status === '') {
+            return of([]);
+        }
+        const path = this.getApplicationUrl();
+        const pathParams = {};
+        const queryParams = { status, roles, sort: 'name' };
+        const httpMethod = 'GET';
+        const headerParams = {};
+        const formParams = {};
+        const bodyParam = {};
+        const contentTypes = ['application/json'];
+        const accepts = ['application/json'];
+        const requestOptions = {
+            path,
+            pathParams,
+            queryParams,
+            headerParams,
+            formParams,
+            bodyParam,
+            contentTypes,
+            accepts,
+            httpMethod
+        };
+        return from(this.adfHttpClient.request(path, requestOptions)).pipe(map((applications) => applications.list.entries.map((application) => application.entry)));
+    }
+    getApplicationUrl() {
+        return `${this.appConfigService.get('bpmHost')}/deployment-service/v1/applications`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AppsProcessCloudService, deps: [{ token: i1.AdfHttpClient }, { token: i1$1.AppConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AppsProcessCloudService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AppsProcessCloudService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1.AdfHttpClient }, { type: i1$1.AppConfigService }] });
+
 /*!
  * @license
  * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
@@ -4159,13 +3963,13 @@ class TaskFilterDialogCloudComponent {
     isValid() {
         return this.filterForm.valid;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TaskFilterDialogCloudComponent, deps: [{ token: i1$3.UntypedFormBuilder }, { token: i2$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TaskFilterDialogCloudComponent, isStandalone: true, selector: "adf-cloud-task-filter-dialog", ngImport: i0, template: "<div class=\"adf-task-filter-dialog\">\n    <span mat-dialog-title id=\"adf-task-filter-dialog-title\">\n         {{ 'ADF_CLOUD_EDIT_TASK_FILTER.DIALOG.TITLE' | translate}}\n    </span>\n    <mat-card appearance=\"outlined\" class=\"adf-task-filter-dialog-card\">\n        <mat-card-content class=\"adf-task-filter-dialog-card-content\">\n        <form [formGroup]=\"filterForm\">\n            <mat-form-field class=\"adf-task-filter-name\" [floatLabel]=\"'auto'\">\n                <input matInput placeholder=\"{{ 'ADF_CLOUD_EDIT_TASK_FILTER.FILTER_NAME' | translate }}\" formControlName=\"name\" id=\"adf-filter-name-id\">\n            </mat-form-field>\n        </form>\n        </mat-card-content>\n        <mat-card-actions class=\"adf-task-filter-dialog-card-actions\">\n            <button mat-button (click)=\"onSaveClick()\" id=\"adf-save-button-id\" [disabled]=\"!isValid()\">\n                {{ 'ADF_CLOUD_EDIT_TASK_FILTER.DIALOG.SAVE' | translate}}\n            </button>\n            <button mat-button (click)=\"onCancelClick()\" id=\"adf-cancel-button-id\">\n               {{ 'ADF_CLOUD_EDIT_TASK_FILTER.DIALOG.CANCEL' | translate}}\n            </button>\n        </mat-card-actions>\n    </mat-card>\n</div>\n", styles: ["adf-cloud-task-filter-dialog .adf-task-filter-dialog .adf-task-filter-dialog-card{padding:0;box-shadow:none}adf-cloud-task-filter-dialog .adf-task-filter-dialog .adf-task-filter-dialog-card .adf-task-filter-dialog-card-actions{display:flex;max-height:100%;place-content:flex-end;align-items:flex-end}adf-cloud-task-filter-dialog .adf-task-filter-dialog .adf-task-filter-dialog-card-content{padding:0;box-shadow:none}adf-cloud-task-filter-dialog .adf-task-filter-dialog .adf-task-filter-dialog-card-content .adf-task-filter-name{flex:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TaskFilterDialogCloudComponent, deps: [{ token: i1$4.UntypedFormBuilder }, { token: i2$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TaskFilterDialogCloudComponent, isStandalone: true, selector: "adf-cloud-task-filter-dialog", ngImport: i0, template: "<div class=\"adf-task-filter-dialog\">\n    <span mat-dialog-title id=\"adf-task-filter-dialog-title\">\n         {{ 'ADF_CLOUD_EDIT_TASK_FILTER.DIALOG.TITLE' | translate}}\n    </span>\n    <mat-card appearance=\"outlined\" class=\"adf-task-filter-dialog-card\">\n        <mat-card-content class=\"adf-task-filter-dialog-card-content\">\n        <form [formGroup]=\"filterForm\">\n            <mat-form-field class=\"adf-task-filter-name\" [floatLabel]=\"'auto'\">\n                <input matInput placeholder=\"{{ 'ADF_CLOUD_EDIT_TASK_FILTER.FILTER_NAME' | translate }}\" formControlName=\"name\" id=\"adf-filter-name-id\">\n            </mat-form-field>\n        </form>\n        </mat-card-content>\n        <mat-card-actions class=\"adf-task-filter-dialog-card-actions\">\n            <button mat-button (click)=\"onSaveClick()\" id=\"adf-save-button-id\" [disabled]=\"!isValid()\">\n                {{ 'ADF_CLOUD_EDIT_TASK_FILTER.DIALOG.SAVE' | translate}}\n            </button>\n            <button mat-button (click)=\"onCancelClick()\" id=\"adf-cancel-button-id\">\n               {{ 'ADF_CLOUD_EDIT_TASK_FILTER.DIALOG.CANCEL' | translate}}\n            </button>\n        </mat-card-actions>\n    </mat-card>\n</div>\n", styles: ["adf-cloud-task-filter-dialog .adf-task-filter-dialog .adf-task-filter-dialog-card{padding:0;box-shadow:none}adf-cloud-task-filter-dialog .adf-task-filter-dialog .adf-task-filter-dialog-card .adf-task-filter-dialog-card-actions{display:flex;max-height:100%;place-content:flex-end;align-items:flex-end}adf-cloud-task-filter-dialog .adf-task-filter-dialog .adf-task-filter-dialog-card-content{padding:0;box-shadow:none}adf-cloud-task-filter-dialog .adf-task-filter-dialog .adf-task-filter-dialog-card-content .adf-task-filter-name{flex:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i4$1.MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TaskFilterDialogCloudComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adf-cloud-task-filter-dialog', imports: [CommonModule, TranslatePipe, MatInputModule, ReactiveFormsModule, MatDialogModule, MatCardModule, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-task-filter-dialog\">\n    <span mat-dialog-title id=\"adf-task-filter-dialog-title\">\n         {{ 'ADF_CLOUD_EDIT_TASK_FILTER.DIALOG.TITLE' | translate}}\n    </span>\n    <mat-card appearance=\"outlined\" class=\"adf-task-filter-dialog-card\">\n        <mat-card-content class=\"adf-task-filter-dialog-card-content\">\n        <form [formGroup]=\"filterForm\">\n            <mat-form-field class=\"adf-task-filter-name\" [floatLabel]=\"'auto'\">\n                <input matInput placeholder=\"{{ 'ADF_CLOUD_EDIT_TASK_FILTER.FILTER_NAME' | translate }}\" formControlName=\"name\" id=\"adf-filter-name-id\">\n            </mat-form-field>\n        </form>\n        </mat-card-content>\n        <mat-card-actions class=\"adf-task-filter-dialog-card-actions\">\n            <button mat-button (click)=\"onSaveClick()\" id=\"adf-save-button-id\" [disabled]=\"!isValid()\">\n                {{ 'ADF_CLOUD_EDIT_TASK_FILTER.DIALOG.SAVE' | translate}}\n            </button>\n            <button mat-button (click)=\"onCancelClick()\" id=\"adf-cancel-button-id\">\n               {{ 'ADF_CLOUD_EDIT_TASK_FILTER.DIALOG.CANCEL' | translate}}\n            </button>\n        </mat-card-actions>\n    </mat-card>\n</div>\n", styles: ["adf-cloud-task-filter-dialog .adf-task-filter-dialog .adf-task-filter-dialog-card{padding:0;box-shadow:none}adf-cloud-task-filter-dialog .adf-task-filter-dialog .adf-task-filter-dialog-card .adf-task-filter-dialog-card-actions{display:flex;max-height:100%;place-content:flex-end;align-items:flex-end}adf-cloud-task-filter-dialog .adf-task-filter-dialog .adf-task-filter-dialog-card-content{padding:0;box-shadow:none}adf-cloud-task-filter-dialog .adf-task-filter-dialog .adf-task-filter-dialog-card-content .adf-task-filter-name{flex:1}\n"] }]
-        }], ctorParameters: () => [{ type: i1$3.UntypedFormBuilder }, { type: i2$2.MatDialogRef }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1$4.UntypedFormBuilder }, { type: i2$2.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }] });
@@ -4750,7 +4554,7 @@ class DateRangeFilterComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DateRangeFilterComponent, isStandalone: true, selector: "adf-cloud-date-range-filter", inputs: { processFilterProperty: "processFilterProperty", options: "options" }, outputs: { dateChanged: "dateChanged", dateTypeChange: "dateTypeChange" }, providers: [
             { provide: DateAdapter, useClass: AdfDateFnsAdapter },
             { provide: MAT_DATE_FORMATS, useValue: ADF_DATE_FORMATS }
-        ], ngImport: i0, template: "\n<mat-form-field floatLabel=\"auto\" [attr.data-automation-id]=\"processFilterProperty.key\">\n    <mat-label>{{ processFilterProperty.label | translate }}</mat-label>\n    <mat-select\n        placeholder=\"{{ processFilterProperty.label | translate }}\"\n        [value]=\"type\"\n        (selectionChange)=\"onSelectionChange($event)\"\n        [attr.data-automation-id]=\"'adf-cloud-edit-process-property-' + processFilterProperty.key\">\n        <mat-option *ngFor=\"let propertyOption of filteredProperties\" [value]=\"propertyOption.value\" [attr.data-automation-id]=\"'adf-cloud-edit-process-property-options-' + propertyOption.value.toString()\">\n            {{ propertyOption.label | translate }}\n        </mat-option>\n    </mat-select>\n</mat-form-field>\n\n<ng-container *ngIf=\"isDateRangeType()\">\n    <mat-form-field floatLabel=\"auto\" class=\"adf-cloud-date-range-picker\">\n        <mat-label>{{ 'ADF_CLOUD_EDIT_PROCESS_FILTER.LABEL.DATE_RANGE_TITLE' | translate }}</mat-label>\n        <mat-date-range-input [formGroup]=\"dateRangeForm\" [rangePicker]=\"picker\">\n          <input matStartDate formControlName=\"from\" placeholder=\"{{ 'ADF_CLOUD_EDIT_PROCESS_FILTER.LABEL.START_DATE' | translate }}\">\n          <input matEndDate formControlName=\"to\" placeholder=\"{{ 'ADF_CLOUD_EDIT_PROCESS_FILTER.LABEL.END_DATE' | translate }}\">\n        </mat-date-range-input>\n        <mat-datepicker-toggle\n            matSuffix\n            [for]=\"picker\"\n            [attr.data-automation-id]=\"'adf-cloud-edit-process-property-date-range-' + processFilterProperty.key\" />\n        <mat-date-range-picker #picker (closed)=\"onDateRangeClosed()\" />\n    </mat-form-field>\n</ng-container>\n", styles: [".adf-cloud-date-range-picker{margin:0 10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i2$3.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i2$3.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i2$3.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i2$3.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }] }); }
+        ], ngImport: i0, template: "\n<mat-form-field floatLabel=\"auto\" [attr.data-automation-id]=\"processFilterProperty.key\">\n    <mat-label>{{ processFilterProperty.label | translate }}</mat-label>\n    <mat-select\n        placeholder=\"{{ processFilterProperty.label | translate }}\"\n        [value]=\"type\"\n        (selectionChange)=\"onSelectionChange($event)\"\n        [attr.data-automation-id]=\"'adf-cloud-edit-process-property-' + processFilterProperty.key\">\n        <mat-option *ngFor=\"let propertyOption of filteredProperties\" [value]=\"propertyOption.value\" [attr.data-automation-id]=\"'adf-cloud-edit-process-property-options-' + propertyOption.value.toString()\">\n            {{ propertyOption.label | translate }}\n        </mat-option>\n    </mat-select>\n</mat-form-field>\n\n<ng-container *ngIf=\"isDateRangeType()\">\n    <mat-form-field floatLabel=\"auto\" class=\"adf-cloud-date-range-picker\">\n        <mat-label>{{ 'ADF_CLOUD_EDIT_PROCESS_FILTER.LABEL.DATE_RANGE_TITLE' | translate }}</mat-label>\n        <mat-date-range-input [formGroup]=\"dateRangeForm\" [rangePicker]=\"picker\">\n          <input matStartDate formControlName=\"from\" placeholder=\"{{ 'ADF_CLOUD_EDIT_PROCESS_FILTER.LABEL.START_DATE' | translate }}\">\n          <input matEndDate formControlName=\"to\" placeholder=\"{{ 'ADF_CLOUD_EDIT_PROCESS_FILTER.LABEL.END_DATE' | translate }}\">\n        </mat-date-range-input>\n        <mat-datepicker-toggle\n            matSuffix\n            [for]=\"picker\"\n            [attr.data-automation-id]=\"'adf-cloud-edit-process-property-date-range-' + processFilterProperty.key\" />\n        <mat-date-range-picker #picker (closed)=\"onDateRangeClosed()\" />\n    </mat-form-field>\n</ng-container>\n", styles: [".adf-cloud-date-range-picker{margin:0 10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i2$3.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i2$3.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i2$3.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i2$3.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DateRangeFilterComponent, decorators: [{
             type: Component,
@@ -4972,9 +4776,11 @@ class PeopleCloudComponent {
         this.invalidUsers = [];
         for (const user of this.getPreselectedUsers()) {
             try {
-                const validationResult = (await this.identityUserService
-                    .search(user.username, { roles: this.roles, withinApplication: this.appName, groups: this.groupsRestriction })
-                    .toPromise())[0];
+                const validationResult = (await firstValueFrom(this.identityUserService.search(user.username, {
+                    roles: this.roles,
+                    withinApplication: this.appName,
+                    groups: this.groupsRestriction
+                })))[0];
                 if (!this.equalsUsers(user, validationResult)) {
                     this.invalidUsers.push(user);
                 }
@@ -5156,7 +4962,7 @@ class PeopleCloudComponent {
         return this.searchUserCtrl.errors.minlength.requiredLength;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PeopleCloudComponent, deps: [{ token: IdentityUserService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PeopleCloudComponent, isStandalone: true, selector: "adf-cloud-people", inputs: { label: "label", appName: "appName", mode: "mode", roles: "roles", validate: "validate", readOnly: "readOnly", required: "required", preSelectUsers: "preSelectUsers", excludedUsers: "excludedUsers", groupsRestriction: "groupsRestriction", userChipsCtrl: "userChipsCtrl", searchUserCtrl: "searchUserCtrl", title: "title", placeholder: "placeholder", hideInputOnSingleSelection: "hideInputOnSingleSelection", formFieldAppearance: "formFieldAppearance", formFieldSubscriptSizing: "formFieldSubscriptSizing", showErrors: "showErrors", showFullNameOnHover: "showFullNameOnHover" }, outputs: { selectUser: "selectUser", removeUser: "removeUser", changedUsers: "changedUsers", warning: "warning" }, providers: [FullNamePipe], viewQueries: [{ propertyName: "userInput", first: true, predicate: ["userInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<form>\n    <mat-form-field\n        [subscriptSizing]=\"formFieldSubscriptSizing\"\n        class=\"adf-people-cloud adf-form-field-input\"\n        [class.adf-invalid]=\"hasError() && isDirty()\"\n    >\n        <mat-label *ngIf=\"!title\">\n            <span>{{label}}</span>\n        </mat-label>\n        <mat-label *ngIf=\"title\">{{ title | translate }}</mat-label>\n\n        <mat-chip-grid [required]=\"required\" #userMultipleChipList data-automation-id=\"adf-cloud-people-chip-list\">\n            <mat-chip-row\n                *ngFor=\"let user of selectedUsers\"\n                [removable]=\"!user.readonly\"\n                [attr.data-automation-id]=\"'adf-people-cloud-chip-' + user.username\"\n                (removed)=\"onRemove(user)\"\n                [disabled]=\"isReadonly() || isValidationLoading()\"\n                title=\"{{ (user.readonly ? 'ADF_CLOUD_GROUPS.MANDATORY' : '') | translate }}\"\n                [matTooltip]=\"showFullNameOnHover ? (user | fullName : true) : user.email\"\n            >\n                {{ user | fullName }}\n                <mat-icon\n                    matChipRemove\n                    *ngIf=\"!(user.readonly || readOnly)\"\n                    [attr.data-automation-id]=\"'adf-people-cloud-chip-remove-icon-' + user.username\"\n                >\n                    cancel\n                </mat-icon>\n            </mat-chip-row>\n            <input\n                matInput\n                [disabled]=\"isReadonly()\"\n                [formControl]=\"searchUserCtrl\"\n                [matAutocomplete]=\"auto\"\n                [matChipInputFor]=\"userMultipleChipList\"\n                [required]=\"required\"\n                [placeholder]=\"placeholder\"\n                [disabled]=\"isReadonly() || isValidationLoading()\"\n                (focus)=\"setFocus(true)\"\n                (blur)=\"setFocus(false); markAsTouched()\"\n                class=\"adf-cloud-input\"\n                data-automation-id=\"adf-people-cloud-search-input\"\n                #userInput\n            />\n        </mat-chip-grid>\n\n        <mat-autocomplete\n            autoActiveFirstOption\n            class=\"adf-people-cloud-list\"\n            #auto=\"matAutocomplete\"\n            (optionSelected)=\"onSelect($event.option.value)\"\n            [displayWith]=\"getDisplayName\"\n        >\n            <ng-container *ngIf=\"(searchUsers$ | async)?.length; else noResults\">\n                <mat-option *ngFor=\"let user of searchUsers$ | async; let i = index\" [value]=\"user\" class=\"adf-people-cloud-option-active\">\n                    <div class=\"adf-people-cloud-row\" id=\"adf-people-cloud-user-{{ user.username }}\" data-automation-id=\"adf-people-cloud-row\">\n                        <div [outerHTML]=\"user | usernameInitials : 'adf-people-cloud-pic'\"></div>\n                        <span class=\"adf-people-label-name\"> {{ user | fullName : true }}</span>\n                    </div>\n                </mat-option>\n            </ng-container>\n            <ng-template #noResults>\n                <mat-option\n                    *ngIf=\"searchUserCtrl.hasError('searchTypingError') && !searchLoading\"\n                    disabled\n                    class=\"adf-people-cloud-option-not-active\"\n                    data-automation-id=\"adf-people-cloud-no-results\"\n                >\n                    <span> {{ 'ADF_CLOUD_USERS.ERROR.NOT_FOUND' | translate : { userName: searchedValue } }}</span>\n                </mat-option>\n            </ng-template>\n        </mat-autocomplete>\n    </mat-form-field>\n\n    <mat-progress-bar *ngIf=\"validationLoading\" mode=\"indeterminate\" />\n\n    <div class=\"adf-error-container adf-error-messages-container\" *ngIf=\"showErrors\">\n        <mat-error *ngIf=\"hasPreselectError() && !isValidationLoading()\" [@transitionMessages]=\"subscriptAnimationState\" class=\"adf-error\">\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">{{ 'ADF_CLOUD_USERS.ERROR.NOT_FOUND' | translate : { userName: validateUsersMessage } }}</div>\n        </mat-error>\n        <mat-error *ngIf=\"searchUserCtrl.hasError('pattern')\" [@transitionMessages]=\"subscriptAnimationState\" class=\"adf-error\">\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">{{ 'ADF_CLOUD_PEOPLE_GROUPS.ERROR.INVALID_PATTERN' | translate : { pattern: getValidationPattern() } }}</div>\n        </mat-error>\n        <mat-error *ngIf=\"searchUserCtrl.hasError('maxlength')\" [@transitionMessages]=\"subscriptAnimationState\" class=\"adf-error\">\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">\n                {{ 'ADF_CLOUD_PEOPLE_GROUPS.ERROR.INVALID_MAX_LENGTH' | translate : { requiredLength: getValidationMaxLength() } }}\n            </div>\n        </mat-error>\n        <mat-error *ngIf=\"searchUserCtrl.hasError('minlength')\" [@transitionMessages]=\"subscriptAnimationState\" class=\"adf-error\">\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">\n                {{ 'ADF_CLOUD_PEOPLE_GROUPS.ERROR.INVALID_MIN_LENGTH' | translate : { requiredLength: getValidationMinLength() } }}\n            </div>\n        </mat-error>\n        <mat-error\n            *ngIf=\"(searchUserCtrl.hasError('required') || userChipsCtrl.hasError('required')) && isDirty()\"\n            [@transitionMessages]=\"subscriptAnimationState\"\n            class=\"adf-error\"\n        >\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">{{ 'ADF_CLOUD_PEOPLE_GROUPS.ERROR.REQUIRED' | translate }}</div>\n        </mat-error>\n        <mat-error\n            *ngIf=\"searchUserCtrl.hasError('searchTypingError') && !this.isFocused\"\n            [@transitionMessages]=\"subscriptAnimationState\"\n            data-automation-id=\"invalid-users-typing-error\"\n            class=\"adf-error\"\n        >\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">{{ 'ADF_CLOUD_USERS.ERROR.NOT_FOUND' | translate : { userName: searchedValue } }}</div>\n        </mat-error>\n    </div>\n</form>\n", styles: [".adf-people-cloud{width:100%}.adf-people-cloud-option-not-active:not(.adf-people-cloud:active){background:inherit;color:var(--adf-theme-foreground-secondary-text-color)}.adf-people-cloud-title{color:var(--adf-theme-foreground-secondary-text-color)}.adf-people-cloud-title--focus{color:var(--theme-primary-color)}.adf-people-cloud-list{margin:5px 0;padding:10px 0}.adf-people-cloud-option-active:not(.adf:disabled){color:var(--adf-theme-foreground-text-color)}.adf-people-cloud-option-not-active:not(.adf:active){color:var(--adf-theme-foreground-secondary-text-color)}.adf-people-cloud-row{display:flex;align-items:center;column-gap:10px}.adf-people-cloud-pic{background:var(--theme-primary-color);display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:100px;text-transform:uppercase}.adf-start-task-cloud-error{margin-top:-10px;position:absolute;height:20px}.adf-start-task-cloud-error-message{padding-right:8px;height:16px;line-height:1.33;width:auto}.adf-error,.adf-error-text,.adf-error-icon{color:var(--theme-warn-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i5$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: InitialUsernamePipe, name: "usernameInitials" }, { kind: "pipe", type: FullNamePipe, name: "fullName" }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i7$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i7$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i9.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i9.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i9.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i9.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PeopleCloudComponent, isStandalone: true, selector: "adf-cloud-people", inputs: { label: "label", appName: "appName", mode: "mode", roles: "roles", validate: "validate", readOnly: "readOnly", required: "required", preSelectUsers: "preSelectUsers", excludedUsers: "excludedUsers", groupsRestriction: "groupsRestriction", userChipsCtrl: "userChipsCtrl", searchUserCtrl: "searchUserCtrl", title: "title", placeholder: "placeholder", hideInputOnSingleSelection: "hideInputOnSingleSelection", formFieldAppearance: "formFieldAppearance", formFieldSubscriptSizing: "formFieldSubscriptSizing", showErrors: "showErrors", showFullNameOnHover: "showFullNameOnHover" }, outputs: { selectUser: "selectUser", removeUser: "removeUser", changedUsers: "changedUsers", warning: "warning" }, providers: [FullNamePipe], viewQueries: [{ propertyName: "userInput", first: true, predicate: ["userInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<form>\n    <mat-form-field\n        [subscriptSizing]=\"formFieldSubscriptSizing\"\n        class=\"adf-people-cloud adf-form-field-input\"\n        [class.adf-invalid]=\"hasError() && isDirty()\"\n    >\n        <mat-label *ngIf=\"!title\">\n            <span>{{label}}</span>\n        </mat-label>\n        <mat-label *ngIf=\"title\">{{ title | translate }}</mat-label>\n\n        <mat-chip-grid [required]=\"required\" #userMultipleChipList data-automation-id=\"adf-cloud-people-chip-list\">\n            <mat-chip-row\n                *ngFor=\"let user of selectedUsers\"\n                [removable]=\"!user.readonly\"\n                [attr.data-automation-id]=\"'adf-people-cloud-chip-' + user.username\"\n                (removed)=\"onRemove(user)\"\n                [disabled]=\"isReadonly() || isValidationLoading()\"\n                title=\"{{ (user.readonly ? 'ADF_CLOUD_GROUPS.MANDATORY' : '') | translate }}\"\n                [matTooltip]=\"showFullNameOnHover ? (user | fullName : true) : user.email\"\n            >\n                {{ user | fullName }}\n                <mat-icon\n                    matChipRemove\n                    *ngIf=\"!(user.readonly || readOnly)\"\n                    [attr.data-automation-id]=\"'adf-people-cloud-chip-remove-icon-' + user.username\"\n                >\n                    cancel\n                </mat-icon>\n            </mat-chip-row>\n            <input\n                matInput\n                [disabled]=\"isReadonly()\"\n                [formControl]=\"searchUserCtrl\"\n                [matAutocomplete]=\"auto\"\n                [matChipInputFor]=\"userMultipleChipList\"\n                [required]=\"required\"\n                [placeholder]=\"placeholder\"\n                [disabled]=\"isReadonly() || isValidationLoading()\"\n                (focus)=\"setFocus(true)\"\n                (blur)=\"setFocus(false); markAsTouched()\"\n                class=\"adf-cloud-input\"\n                data-automation-id=\"adf-people-cloud-search-input\"\n                #userInput\n            />\n        </mat-chip-grid>\n\n        <mat-autocomplete\n            autoActiveFirstOption\n            class=\"adf-people-cloud-list\"\n            #auto=\"matAutocomplete\"\n            (optionSelected)=\"onSelect($event.option.value)\"\n            [displayWith]=\"getDisplayName\"\n        >\n            <ng-container *ngIf=\"(searchUsers$ | async)?.length; else noResults\">\n                <mat-option *ngFor=\"let user of searchUsers$ | async; let i = index\" [value]=\"user\" class=\"adf-people-cloud-option-active\">\n                    <div class=\"adf-people-cloud-row\" id=\"adf-people-cloud-user-{{ user.username }}\" data-automation-id=\"adf-people-cloud-row\">\n                        <div [outerHTML]=\"user | usernameInitials : 'adf-people-cloud-pic'\"></div>\n                        <span class=\"adf-people-label-name\"> {{ user | fullName : true }}</span>\n                    </div>\n                </mat-option>\n            </ng-container>\n            <ng-template #noResults>\n                <mat-option\n                    *ngIf=\"searchUserCtrl.hasError('searchTypingError') && !searchLoading\"\n                    disabled\n                    class=\"adf-people-cloud-option-not-active\"\n                    data-automation-id=\"adf-people-cloud-no-results\"\n                >\n                    <span> {{ 'ADF_CLOUD_USERS.ERROR.NOT_FOUND' | translate : { userName: searchedValue } }}</span>\n                </mat-option>\n            </ng-template>\n        </mat-autocomplete>\n    </mat-form-field>\n\n    <mat-progress-bar *ngIf=\"validationLoading\" mode=\"indeterminate\" />\n\n    <div class=\"adf-error-container adf-error-messages-container\" *ngIf=\"showErrors\">\n        <mat-error *ngIf=\"hasPreselectError() && !isValidationLoading()\" [@transitionMessages]=\"subscriptAnimationState\" class=\"adf-error\">\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">{{ 'ADF_CLOUD_USERS.ERROR.NOT_FOUND' | translate : { userName: validateUsersMessage } }}</div>\n        </mat-error>\n        <mat-error *ngIf=\"searchUserCtrl.hasError('pattern')\" [@transitionMessages]=\"subscriptAnimationState\" class=\"adf-error\">\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">{{ 'ADF_CLOUD_PEOPLE_GROUPS.ERROR.INVALID_PATTERN' | translate : { pattern: getValidationPattern() } }}</div>\n        </mat-error>\n        <mat-error *ngIf=\"searchUserCtrl.hasError('maxlength')\" [@transitionMessages]=\"subscriptAnimationState\" class=\"adf-error\">\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">\n                {{ 'ADF_CLOUD_PEOPLE_GROUPS.ERROR.INVALID_MAX_LENGTH' | translate : { requiredLength: getValidationMaxLength() } }}\n            </div>\n        </mat-error>\n        <mat-error *ngIf=\"searchUserCtrl.hasError('minlength')\" [@transitionMessages]=\"subscriptAnimationState\" class=\"adf-error\">\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">\n                {{ 'ADF_CLOUD_PEOPLE_GROUPS.ERROR.INVALID_MIN_LENGTH' | translate : { requiredLength: getValidationMinLength() } }}\n            </div>\n        </mat-error>\n        <mat-error\n            *ngIf=\"(searchUserCtrl.hasError('required') || userChipsCtrl.hasError('required')) && isDirty()\"\n            [@transitionMessages]=\"subscriptAnimationState\"\n            class=\"adf-error\"\n        >\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">{{ 'ADF_CLOUD_PEOPLE_GROUPS.ERROR.REQUIRED' | translate }}</div>\n        </mat-error>\n        <mat-error\n            *ngIf=\"searchUserCtrl.hasError('searchTypingError') && !this.isFocused\"\n            [@transitionMessages]=\"subscriptAnimationState\"\n            data-automation-id=\"invalid-users-typing-error\"\n            class=\"adf-error\"\n        >\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">{{ 'ADF_CLOUD_USERS.ERROR.NOT_FOUND' | translate : { userName: searchedValue } }}</div>\n        </mat-error>\n    </div>\n</form>\n", styles: [".adf-people-cloud{width:100%}.adf-people-cloud-option-not-active:not(.adf-people-cloud:active){background:inherit;color:var(--adf-theme-foreground-secondary-text-color)}.adf-people-cloud-title{color:var(--adf-theme-foreground-secondary-text-color)}.adf-people-cloud-title--focus{color:var(--theme-primary-color)}.adf-people-cloud-list{margin:5px 0;padding:10px 0}.adf-people-cloud-option-active:not(.adf:disabled){color:var(--adf-theme-foreground-text-color)}.adf-people-cloud-option-not-active:not(.adf:active){color:var(--adf-theme-foreground-secondary-text-color)}.adf-people-cloud-row{display:flex;align-items:center;column-gap:10px}.adf-people-cloud-pic{background:var(--theme-primary-color);display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:100px;text-transform:uppercase}.adf-start-task-cloud-error{margin-top:-10px;position:absolute;height:20px}.adf-start-task-cloud-error-message{padding-right:8px;height:16px;line-height:1.33;width:auto}.adf-error,.adf-error-text,.adf-error-icon{color:var(--theme-warn-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: InitialUsernamePipe, name: "usernameInitials" }, { kind: "pipe", type: FullNamePipe, name: "fullName" }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i7$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i7$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i9.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i9.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i9.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i9.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], animations: [
             trigger('transitionMessages', [
                 state('enter', style({ opacity: 1, transform: 'translateY(0%)' })),
                 transition('void => enter', [style({ opacity: 0, transform: 'translateY(-100%)' }), animate('300ms cubic-bezier(0.55, 0, 0.55, 0.2)')])
@@ -5442,7 +5248,7 @@ class GroupCloudComponent {
         return false;
     }
     async searchGroup(name) {
-        return (await this.identityGroupService.search(name).toPromise())[0];
+        return (await firstValueFrom(this.identityGroupService.search(name)))[0];
     }
     getPreselectedGroups() {
         if (this.isSingleMode()) {
@@ -5652,7 +5458,7 @@ class GroupCloudComponent {
         return result;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GroupCloudComponent, deps: [{ token: IdentityGroupService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: GroupCloudComponent, isStandalone: true, selector: "adf-cloud-group", inputs: { label: "label", appName: "appName", title: "title", mode: "mode", preSelectGroups: "preSelectGroups", validate: "validate", readOnly: "readOnly", required: "required", groupChipsCtrl: "groupChipsCtrl", searchGroupsControl: "searchGroupsControl", roles: "roles" }, outputs: { selectGroup: "selectGroup", removeGroup: "removeGroup", changedGroups: "changedGroups", warning: "warning" }, viewQueries: [{ propertyName: "groupInput", first: true, predicate: ["groupInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<form>\n    <mat-form-field class=\"adf-cloud-group adf-form-field-input\" [class.adf-invalid]=\"hasError() && isDirty()\">\n        @if (label || required) { <mat-label><span>{{label}}</span></mat-label> }\n        <mat-chip-grid [required]=\"required\" #groupChipList data-automation-id=\"adf-cloud-group-chip-list\">\n            <mat-chip-row\n                *ngFor=\"let group of selectedGroups\"\n                [removable]=\"!(group.readonly)\"\n                [attr.data-automation-id]=\"'adf-cloud-group-chip-' + group.name\"\n                (removed)=\"onRemove(group)\"\n                [disabled]=\"readOnly || isValidationLoading()\"\n                title=\"{{ (group.readonly ? 'ADF_CLOUD_GROUPS.MANDATORY' : '') | translate }}\">\n                {{group.name}}\n                <mat-icon\n                    *ngIf=\"!(group.readonly || readOnly)\"\n                    matChipRemove [attr.data-automation-id]=\"'adf-cloud-group-chip-remove-icon-' + group.name\">\n                    cancel\n                </mat-icon>\n            </mat-chip-row>\n            <input [disabled]=\"readOnly || isValidationLoading()\" matInput\n                   [formControl]=\"searchGroupsControl\"\n                   [matAutocomplete]=\"auto\"\n                   [matChipInputFor]=\"groupChipList\"\n                   [placeholder]=\"title | translate\"\n                   [required]=\"required\"\n                   (focus)=\"setFocus(true)\"\n                   (blur)=\"setFocus(false); markAsTouched()\"\n                   class=\"adf-group-input\"\n                   data-automation-id=\"adf-cloud-group-search-input\" #groupInput>\n        </mat-chip-grid>\n\n        <mat-autocomplete\n            autoActiveFirstOption\n            #auto=\"matAutocomplete\"\n            class=\"adf-cloud-group-list\"\n            (optionSelected)=\"onSelect($event.option.value)\"\n            [displayWith]=\"getDisplayName\"\n            data-automation-id=\"adf-cloud-group-autocomplete\">\n            <ng-container *ngIf=\"(searchGroups$ | async)?.length else noResults\">\n                <mat-option *ngFor=\"let group of searchGroups$ | async; let i = index\" [value]=\"group\"\n                            [attr.data-automation-id]=\"'adf-cloud-group-chip-' + group.name\"\n                            class=\"adf-cloud-group-option-active\">\n                    <div\n                        class=\"adf-cloud-group-row\"\n                        id=\"adf-group-{{i}}\"\n                        data-automation-id=\"adf-cloud-group-row\">\n                        <button class=\"adf-group-short-name\" mat-fab>{{getGroupNameInitials(group)}}</button>\n                        <span>{{group.name}}</span>\n                    </div>\n                </mat-option>\n            </ng-container>\n            <ng-template #noResults>\n                <mat-option *ngIf=\"searchGroupsControl.hasError('searchTypingError') && !searchLoading\" disabled\n                            class=\"adf-cloud-group-option-not-active\"\n                            data-automation-id=\"adf-cloud-group-no-results\">\n                    <span> {{ 'ADF_CLOUD_GROUPS.ERROR.NOT_FOUND' | translate }}</span>\n                </mat-option>\n            </ng-template>\n        </mat-autocomplete>\n    </mat-form-field>\n    <mat-progress-bar *ngIf=\"validationLoading\" mode=\"indeterminate\" />\n\n    <div class=\"adf-error-container adf-error-messages-container\">\n        <mat-error *ngIf=\"hasPreselectError() &&  !isValidationLoading()\" [@transitionMessages]=\"subscriptAnimationState\" class=\"adf-error\">\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">{{ 'ADF_CLOUD_GROUPS.ERROR.NOT_FOUND' | translate }}</div>\n        </mat-error>\n        <mat-error *ngIf=\"searchGroupsControl.hasError('pattern')\" [@transitionMessages]=\"subscriptAnimationState\" class=\"adf-error\">\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">{{ 'ADF_CLOUD_PEOPLE_GROUPS.ERROR.INVALID_PATTERN' | translate: { pattern: getValidationPattern() } }}</div>\n            </mat-error>\n        <mat-error *ngIf=\"searchGroupsControl.hasError('maxlength')\" [@transitionMessages]=\"subscriptAnimationState\" class=\"adf-error\">\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">{{ 'ADF_CLOUD_PEOPLE_GROUPS.ERROR.INVALID_MAX_LENGTH' | translate: { requiredLength: getValidationMaxLength() } }}</div>\n        </mat-error>\n        <mat-error *ngIf=\"searchGroupsControl.hasError('minlength')\" [@transitionMessages]=\"subscriptAnimationState\" class=\"adf-error\">\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">{{ 'ADF_CLOUD_PEOPLE_GROUPS.ERROR.INVALID_MIN_LENGTH' | translate: { requiredLength: getValidationMinLength() } }}</div>\n        </mat-error>\n        <mat-error *ngIf=\"(searchGroupsControl.hasError('required') || groupChipsCtrl.hasError('required')) && isDirty()\"\n            [@transitionMessages]=\"subscriptAnimationState\" class=\"adf-error\">\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">{{ 'ADF_CLOUD_PEOPLE_GROUPS.ERROR.REQUIRED' | translate }} </div>\n        </mat-error>\n        <mat-error *ngIf=\"searchGroupsControl.hasError('searchTypingError') && !this.isFocused\"\n            data-automation-id=\"invalid-groups-typing-error\" [@transitionMessages]=\"subscriptAnimationState\" class=\"adf-error\">\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">{{ 'ADF_CLOUD_GROUPS.ERROR.NOT_FOUND' | translate }}</div>\n        </mat-error>\n    </div>\n</form>\n", styles: [".adf-cloud-group-list{margin:5px 0;padding:10px 0}.adf-cloud-group-list .adf-cloud-group-row{place-content:center flex-start;align-items:center;display:flex}.adf-cloud-group-list .adf-cloud-group-row .adf-group-short-name{margin-right:20px;background:var(--theme-primary-color);width:40px;height:40px;box-shadow:none}.adf-cloud-group{width:100%}.adf-cloud-group-title{color:var(--adf-theme-foreground-secondary-text-color)}.adf-cloud-group-title--focus{color:var(--theme-primary-color)}.adf-cloud-group-option-active:not(.adf-cloud-group:disabled){color:var(--adf-theme-foreground-text-color)}.adf-cloud-group-option-not-active:not(.adf-cloud-group:active){background:inherit;color:var(--adf-theme-foreground-secondary-text-color)}.adf-cloud-group-error{color:var(--theme-warn-color);margin-top:-10px;position:absolute;height:20px}.adf-cloud-group-error-message{padding-right:8px;height:16px;line-height:1.33;width:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i5$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i7$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i7$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i9.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i9.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i9.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i9.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: GroupCloudComponent, isStandalone: true, selector: "adf-cloud-group", inputs: { label: "label", appName: "appName", title: "title", mode: "mode", preSelectGroups: "preSelectGroups", validate: "validate", readOnly: "readOnly", required: "required", groupChipsCtrl: "groupChipsCtrl", searchGroupsControl: "searchGroupsControl", roles: "roles" }, outputs: { selectGroup: "selectGroup", removeGroup: "removeGroup", changedGroups: "changedGroups", warning: "warning" }, viewQueries: [{ propertyName: "groupInput", first: true, predicate: ["groupInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<form>\n    <mat-form-field class=\"adf-cloud-group adf-form-field-input\" [class.adf-invalid]=\"hasError() && isDirty()\">\n        @if (label || required) { <mat-label><span>{{label}}</span></mat-label> }\n        <mat-chip-grid [required]=\"required\" #groupChipList data-automation-id=\"adf-cloud-group-chip-list\">\n            <mat-chip-row\n                *ngFor=\"let group of selectedGroups\"\n                [removable]=\"!(group.readonly)\"\n                [attr.data-automation-id]=\"'adf-cloud-group-chip-' + group.name\"\n                (removed)=\"onRemove(group)\"\n                [disabled]=\"readOnly || isValidationLoading()\"\n                title=\"{{ (group.readonly ? 'ADF_CLOUD_GROUPS.MANDATORY' : '') | translate }}\">\n                {{group.name}}\n                <mat-icon\n                    *ngIf=\"!(group.readonly || readOnly)\"\n                    matChipRemove [attr.data-automation-id]=\"'adf-cloud-group-chip-remove-icon-' + group.name\">\n                    cancel\n                </mat-icon>\n            </mat-chip-row>\n            <input [disabled]=\"readOnly || isValidationLoading()\" matInput\n                   [formControl]=\"searchGroupsControl\"\n                   [matAutocomplete]=\"auto\"\n                   [matChipInputFor]=\"groupChipList\"\n                   [placeholder]=\"title | translate\"\n                   [required]=\"required\"\n                   (focus)=\"setFocus(true)\"\n                   (blur)=\"setFocus(false); markAsTouched()\"\n                   class=\"adf-group-input\"\n                   data-automation-id=\"adf-cloud-group-search-input\" #groupInput>\n        </mat-chip-grid>\n\n        <mat-autocomplete\n            autoActiveFirstOption\n            #auto=\"matAutocomplete\"\n            class=\"adf-cloud-group-list\"\n            (optionSelected)=\"onSelect($event.option.value)\"\n            [displayWith]=\"getDisplayName\"\n            data-automation-id=\"adf-cloud-group-autocomplete\">\n            <ng-container *ngIf=\"(searchGroups$ | async)?.length else noResults\">\n                <mat-option *ngFor=\"let group of searchGroups$ | async; let i = index\" [value]=\"group\"\n                            [attr.data-automation-id]=\"'adf-cloud-group-chip-' + group.name\"\n                            class=\"adf-cloud-group-option-active\">\n                    <div\n                        class=\"adf-cloud-group-row\"\n                        id=\"adf-group-{{i}}\"\n                        data-automation-id=\"adf-cloud-group-row\">\n                        <button class=\"adf-group-short-name\" mat-fab>{{getGroupNameInitials(group)}}</button>\n                        <span>{{group.name}}</span>\n                    </div>\n                </mat-option>\n            </ng-container>\n            <ng-template #noResults>\n                <mat-option *ngIf=\"searchGroupsControl.hasError('searchTypingError') && !searchLoading\" disabled\n                            class=\"adf-cloud-group-option-not-active\"\n                            data-automation-id=\"adf-cloud-group-no-results\">\n                    <span> {{ 'ADF_CLOUD_GROUPS.ERROR.NOT_FOUND' | translate }}</span>\n                </mat-option>\n            </ng-template>\n        </mat-autocomplete>\n    </mat-form-field>\n    <mat-progress-bar *ngIf=\"validationLoading\" mode=\"indeterminate\" />\n\n    <div class=\"adf-error-container adf-error-messages-container\">\n        <mat-error *ngIf=\"hasPreselectError() &&  !isValidationLoading()\" [@transitionMessages]=\"subscriptAnimationState\" class=\"adf-error\">\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">{{ 'ADF_CLOUD_GROUPS.ERROR.NOT_FOUND' | translate }}</div>\n        </mat-error>\n        <mat-error *ngIf=\"searchGroupsControl.hasError('pattern')\" [@transitionMessages]=\"subscriptAnimationState\" class=\"adf-error\">\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">{{ 'ADF_CLOUD_PEOPLE_GROUPS.ERROR.INVALID_PATTERN' | translate: { pattern: getValidationPattern() } }}</div>\n            </mat-error>\n        <mat-error *ngIf=\"searchGroupsControl.hasError('maxlength')\" [@transitionMessages]=\"subscriptAnimationState\" class=\"adf-error\">\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">{{ 'ADF_CLOUD_PEOPLE_GROUPS.ERROR.INVALID_MAX_LENGTH' | translate: { requiredLength: getValidationMaxLength() } }}</div>\n        </mat-error>\n        <mat-error *ngIf=\"searchGroupsControl.hasError('minlength')\" [@transitionMessages]=\"subscriptAnimationState\" class=\"adf-error\">\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">{{ 'ADF_CLOUD_PEOPLE_GROUPS.ERROR.INVALID_MIN_LENGTH' | translate: { requiredLength: getValidationMinLength() } }}</div>\n        </mat-error>\n        <mat-error *ngIf=\"(searchGroupsControl.hasError('required') || groupChipsCtrl.hasError('required')) && isDirty()\"\n            [@transitionMessages]=\"subscriptAnimationState\" class=\"adf-error\">\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">{{ 'ADF_CLOUD_PEOPLE_GROUPS.ERROR.REQUIRED' | translate }} </div>\n        </mat-error>\n        <mat-error *ngIf=\"searchGroupsControl.hasError('searchTypingError') && !this.isFocused\"\n            data-automation-id=\"invalid-groups-typing-error\" [@transitionMessages]=\"subscriptAnimationState\" class=\"adf-error\">\n            <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n            <div class=\"adf-error-text\">{{ 'ADF_CLOUD_GROUPS.ERROR.NOT_FOUND' | translate }}</div>\n        </mat-error>\n    </div>\n</form>\n", styles: [".adf-cloud-group-list{margin:5px 0;padding:10px 0}.adf-cloud-group-list .adf-cloud-group-row{place-content:center flex-start;align-items:center;display:flex}.adf-cloud-group-list .adf-cloud-group-row .adf-group-short-name{margin-right:20px;background:var(--theme-primary-color);width:40px;height:40px;box-shadow:none}.adf-cloud-group{width:100%}.adf-cloud-group-title{color:var(--adf-theme-foreground-secondary-text-color)}.adf-cloud-group-title--focus{color:var(--theme-primary-color)}.adf-cloud-group-option-active:not(.adf-cloud-group:disabled){color:var(--adf-theme-foreground-text-color)}.adf-cloud-group-option-not-active:not(.adf-cloud-group:active){background:inherit;color:var(--adf-theme-foreground-secondary-text-color)}.adf-cloud-group-error{color:var(--theme-warn-color);margin-top:-10px;position:absolute;height:20px}.adf-cloud-group-error-message{padding-right:8px;height:16px;line-height:1.33;width:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i7$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i7$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i9.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i9.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i9.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i9.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }], animations: [
             trigger('transitionMessages', [
                 state('enter', style({ opacity: 1, transform: 'translateY(0%)' })),
                 transition('void => enter', [style({ opacity: 0, transform: 'translateY(-100%)' }), animate('300ms cubic-bezier(0.55, 0, 0.55, 0.2)')])
@@ -5821,7 +5627,7 @@ class TaskAssignmentFilterCloudComponent {
         return !!this.taskFilterProperty.attributes && !!this.taskFilterProperty.value;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TaskAssignmentFilterCloudComponent, deps: [{ token: IdentityUserService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TaskAssignmentFilterCloudComponent, isStandalone: true, selector: "adf-cloud-task-assignment-filter", inputs: { appName: "appName", taskFilterProperty: "taskFilterProperty", status: "status" }, outputs: { assignedUsersChange: "assignedUsersChange", assignedGroupsChange: "assignedGroupsChange", assignmentTypeChange: "assignmentTypeChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"adf-cloud-assignment-container\">\n    <mat-form-field floatLabel=\"auto\" class=\"adf-task-assignment-filter-container\">\n        <mat-label class=\"adf-task-assignment-filter-label\"\n            [ngClass]=\"{'adf-task-assignment-filter-label--focus': typeDropdown.focused}\">\n            {{ 'ADF_CLOUD_TASK_ASSIGNMENT_FILTER.ASSIGNMENT_TYPE' | translate }}\n        </mat-label>\n        <mat-select class=\"adf-task-assignment-filter\"\n                    [(ngModel)]=\"assignmentType\" #typeDropdown\n                    [attr.data-automation-id]=\"'adf-task-assignment-filter-select'\"\n                    (selectionChange)=\"onAssignmentTypeChange($event)\">\n            <mat-option *ngFor=\"let assignmentType of assignmentTypeOptions\"\n                class=\"adf-task-assignment-filter-option\"\n                [ngClass]=\"{'adf-task-assignment-filter-option--selected': filterOption.selected}\"\n                [value]=\"assignmentType.value\" #filterOption\n                [attr.data-automation-id]=\"'adf-task-assignment-filter-' + assignmentType.value\">\n                {{ assignmentType.label | translate }}\n            </mat-option>\n        </mat-select>\n    </mat-form-field>\n\n    <adf-cloud-group *ngIf=\"isCandidateGroupsType()\"\n        class=\"adf-group-cloud-filter\"\n        data-automation-id=\"adf-group-cloud-candidate-groups-filter\"\n        [appName]=\"appName\"\n        [preSelectGroups]=\"candidateGroups\"\n        [mode]=\"taskFilterProperty.selectionMode\"\n        [title]=\"'ADF_CLOUD_TASK_LIST.START_TASK.FORM.LABEL.CANDIDATE_GROUP'\"\n        (changedGroups)=\"onChangedGroups($event)\" />\n\n    <adf-cloud-people *ngIf=\"isAssignedToType()\"\n        class=\"adf-group-cloud-filter\"\n        data-automation-id=\"adf-group-cloud-assigned-to-filter\"\n        [preSelectUsers]=\"assignedUsers\"\n        [title]=\"'ADF_CLOUD_TASK_LIST.START_TASK.FORM.LABEL.ASSIGNEE'\"\n        [appName]=\"appName\"\n        (changedUsers)=\"onChangedAssignedUsers($event)\" />\n</div>\n", styles: [".adf-cloud-assignment-container{display:flex;flex-wrap:wrap}.adf-task-assignment-filter{margin-right:10px}.adf-task-assignment-filter-container{width:100%}.adf-task-assignment-filter-label{color:var(--adf-theme-foreground-secondary-text-color)}.adf-task-assignment-filter-label.adf-task-assignment-filter-label--focus{color:var(--theme-primary-color)}.adf-task-assignment-filter-option{color:var(--adf-theme-foreground-text-color)}.adf-task-assignment-filter-option.adf-task-assignment-filter-option--selected:not(.adf-task-assignment-filter-option:disabled){color:var(--theme-primary-color)}.adf-group-cloud-filter{flex:1;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GroupCloudComponent, selector: "adf-cloud-group", inputs: ["label", "appName", "title", "mode", "preSelectGroups", "validate", "readOnly", "required", "groupChipsCtrl", "searchGroupsControl", "roles"], outputs: ["selectGroup", "removeGroup", "changedGroups", "warning"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PeopleCloudComponent, selector: "adf-cloud-people", inputs: ["label", "appName", "mode", "roles", "validate", "readOnly", "required", "preSelectUsers", "excludedUsers", "groupsRestriction", "userChipsCtrl", "searchUserCtrl", "title", "placeholder", "hideInputOnSingleSelection", "formFieldAppearance", "formFieldSubscriptSizing", "showErrors", "showFullNameOnHover"], outputs: ["selectUser", "removeUser", "changedUsers", "warning"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TaskAssignmentFilterCloudComponent, isStandalone: true, selector: "adf-cloud-task-assignment-filter", inputs: { appName: "appName", taskFilterProperty: "taskFilterProperty", status: "status" }, outputs: { assignedUsersChange: "assignedUsersChange", assignedGroupsChange: "assignedGroupsChange", assignmentTypeChange: "assignmentTypeChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"adf-cloud-assignment-container\">\n    <mat-form-field floatLabel=\"auto\" class=\"adf-task-assignment-filter-container\">\n        <mat-label class=\"adf-task-assignment-filter-label\"\n            [ngClass]=\"{'adf-task-assignment-filter-label--focus': typeDropdown.focused}\">\n            {{ 'ADF_CLOUD_TASK_ASSIGNMENT_FILTER.ASSIGNMENT_TYPE' | translate }}\n        </mat-label>\n        <mat-select class=\"adf-task-assignment-filter\"\n                    [(ngModel)]=\"assignmentType\" #typeDropdown\n                    [attr.data-automation-id]=\"'adf-task-assignment-filter-select'\"\n                    (selectionChange)=\"onAssignmentTypeChange($event)\">\n            <mat-option *ngFor=\"let assignmentType of assignmentTypeOptions\"\n                class=\"adf-task-assignment-filter-option\"\n                [ngClass]=\"{'adf-task-assignment-filter-option--selected': filterOption.selected}\"\n                [value]=\"assignmentType.value\" #filterOption\n                [attr.data-automation-id]=\"'adf-task-assignment-filter-' + assignmentType.value\">\n                {{ assignmentType.label | translate }}\n            </mat-option>\n        </mat-select>\n    </mat-form-field>\n\n    <adf-cloud-group *ngIf=\"isCandidateGroupsType()\"\n        class=\"adf-group-cloud-filter\"\n        data-automation-id=\"adf-group-cloud-candidate-groups-filter\"\n        [appName]=\"appName\"\n        [preSelectGroups]=\"candidateGroups\"\n        [mode]=\"taskFilterProperty.selectionMode\"\n        [title]=\"'ADF_CLOUD_TASK_LIST.START_TASK.FORM.LABEL.CANDIDATE_GROUP'\"\n        (changedGroups)=\"onChangedGroups($event)\" />\n\n    <adf-cloud-people *ngIf=\"isAssignedToType()\"\n        class=\"adf-group-cloud-filter\"\n        data-automation-id=\"adf-group-cloud-assigned-to-filter\"\n        [preSelectUsers]=\"assignedUsers\"\n        [title]=\"'ADF_CLOUD_TASK_LIST.START_TASK.FORM.LABEL.ASSIGNEE'\"\n        [appName]=\"appName\"\n        (changedUsers)=\"onChangedAssignedUsers($event)\" />\n</div>\n", styles: [".adf-cloud-assignment-container{display:flex;flex-wrap:wrap}.adf-task-assignment-filter{margin-right:10px}.adf-task-assignment-filter-container{width:100%}.adf-task-assignment-filter-label{color:var(--adf-theme-foreground-secondary-text-color)}.adf-task-assignment-filter-label.adf-task-assignment-filter-label--focus{color:var(--theme-primary-color)}.adf-task-assignment-filter-option{color:var(--adf-theme-foreground-text-color)}.adf-task-assignment-filter-option.adf-task-assignment-filter-option--selected:not(.adf-task-assignment-filter-option:disabled){color:var(--theme-primary-color)}.adf-group-cloud-filter{flex:1;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GroupCloudComponent, selector: "adf-cloud-group", inputs: ["label", "appName", "title", "mode", "preSelectGroups", "validate", "readOnly", "required", "groupChipsCtrl", "searchGroupsControl", "roles"], outputs: ["selectGroup", "removeGroup", "changedGroups", "warning"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PeopleCloudComponent, selector: "adf-cloud-people", inputs: ["label", "appName", "mode", "roles", "validate", "readOnly", "required", "preSelectUsers", "excludedUsers", "groupsRestriction", "userChipsCtrl", "searchUserCtrl", "title", "placeholder", "hideInputOnSingleSelection", "formFieldAppearance", "formFieldSubscriptSizing", "showErrors", "showFullNameOnHover"], outputs: ["selectUser", "removeUser", "changedUsers", "warning"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TaskAssignmentFilterCloudComponent, decorators: [{
             type: Component,
@@ -5988,7 +5794,7 @@ class EditServiceTaskFilterCloudComponent extends BaseEditTaskFilterCloudCompone
         ];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: EditServiceTaskFilterCloudComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: EditServiceTaskFilterCloudComponent, isStandalone: true, selector: "adf-cloud-edit-service-task-filter", usesInheritance: true, ngImport: i0, template: "<mat-accordion [hideToggle]=\"isLoading\" class=\"adf-edit-task-filter\">\n    <mat-expansion-panel (afterExpand)=\"onExpand()\" (closed)=\"onClose()\">\n        <mat-expansion-panel-header *ngIf=\"taskFilter\" id=\"adf-edit-task-filter-expansion-header\" class=\"adf-edit-task-filter-header\">\n            <ng-container *ngIf=\"!isLoading; else loadingTemplate\">\n                <mat-panel-title *ngIf=\"showTaskFilterName\" id=\"adf-edit-task-filter-title-id\" class=\"adf-edit-task-filter-header__title\"\n                    >{{taskFilter.name | translate}}</mat-panel-title>\n                <mat-panel-description class=\"adf-edit-task-filter-header__description\" id=\"adf-edit-task-filter-sub-title-id\">\n                    <span *ngIf=\"showTitle\">{{ 'ADF_CLOUD_EDIT_TASK_FILTER.TITLE' | translate}}</span>\n                    <div *ngIf=\"showFilterActions\" class=\"adf-cloud-edit-task-filter-actions\">\n                        <ng-container *ngIf=\"toggleFilterActions\">\n                            <button *ngFor=\"let filterAction of taskFilterActions\"\n                                    mat-icon-button\n                                    [title]=\"filterAction.tooltip | translate\"\n                                    [attr.data-automation-id]=\"'adf-filter-action-' + filterAction.actionType\"\n                                    [disabled]=\"isDisabledAction(filterAction)\"\n                                    (click)=\"executeFilterActions(filterAction)\">\n                                <adf-icon [value]=\"filterAction.icon\" />\n                            </button>\n                        </ng-container>\n                    </div>\n                </mat-panel-description>\n            </ng-container>\n            <ng-template #loadingTemplate>\n                <div class=\"adf-cloud-edit-task-filter-loading-margin\">\n                    <mat-progress-spinner mode=\"indeterminate\" [diameter]=\"30\" />\n                </div>\n            </ng-template>\n        </mat-expansion-panel-header>\n        <ng-container *ngIf=\"!isLoading;\">\n            <form *ngIf=\"editTaskFilterForm\" [formGroup]=\"editTaskFilterForm\" class=\"adf-edit-task-filter-content\">\n                <div class=\"adf-edit-task-filter-form\">\n                    <ng-container *ngFor=\"let taskFilterProperty of taskFilterProperties\">\n                        <mat-form-field [floatLabel]=\"'auto'\"\n                            *ngIf=\"taskFilterProperty.type === 'select'\"\n                            [attr.data-automation-id]=\"taskFilterProperty.key\">\n                            <mat-label class=\"adf-edit-task-filter-content__select-label\">{{taskFilterProperty.label | translate}}</mat-label>\n                            <mat-select\n                                [formControlName]=\"taskFilterProperty.key\"\n                                [attr.data-automation-id]=\"'adf-cloud-edit-task-property-' + taskFilterProperty.key\"\n                                (selectionChange)=\"onStatusChange($event)\">\n                                    <mat-option *ngFor=\"let propertyOption of taskFilterProperty.options\"\n                                        [value]=\"propertyOption.value\"\n                                        [attr.data-automation-id]=\"'adf-cloud-edit-task-property-options-' + taskFilterProperty.key\">\n                                        {{ propertyOption.label | translate }}\n                                    </mat-option>\n                            </mat-select>\n                        </mat-form-field>\n                        <mat-form-field [floatLabel]=\"'auto'\"\n                            *ngIf=\"taskFilterProperty.type === 'text'\"\n                            [attr.data-automation-id]=\"taskFilterProperty.key\">\n                            <mat-label class=\"adf-edit-task-filter-content__text-label\">{{taskFilterProperty.label | translate}}</mat-label>\n                            <input matInput\n                                   [formControlName]=\"taskFilterProperty.key\"\n                                   type=\"text\"\n                                   [attr.data-automation-id]=\"'adf-cloud-edit-task-property-' + taskFilterProperty.key\" />\n                        </mat-form-field>\n                        <mat-form-field [floatLabel]=\"'auto'\"\n                                        *ngIf=\"taskFilterProperty.type === 'date'\"\n                                        [attr.data-automation-id]=\"taskFilterProperty.key\">\n                            <mat-label>{{taskFilterProperty.label | translate}}</mat-label>\n                            <input matInput\n                                   (keyup)=\"onDateChanged($any($event).target.value, taskFilterProperty)\"\n                                   (dateChange)=\"onDateChanged($event.value, taskFilterProperty)\"\n                                   [matDatepicker]=\"dateController\"\n                                   [placeholder]=\"taskFilterProperty.label | translate\"\n                                   [attr.data-automation-id]=\"'adf-cloud-edit-task-property-' + taskFilterProperty.key\">\n                            <mat-datepicker-toggle matSuffix\n                                                   [for]=\"dateController\"\n                                                   [attr.data-automation-id]=\"'adf-cloud-edit-task-property-date-toggle-' + taskFilterProperty.key\" />\n                            <mat-datepicker #dateController\n                                            [attr.data-automation-id]=\"'adf-cloud-edit-task-property-date-picker-' + taskFilterProperty.key\" />\n                            <div class=\"adf-edit-task-filter-date-error-container\">\n                                <div *ngIf=\"hasError(taskFilterProperty)\">\n                                    <div class=\"adf-error-text\">{{'ADF_TASK_LIST.START_TASK.FORM.ERROR.DATE'|translate}}</div>\n                                    <mat-icon class=\"adf-error-icon\">warning</mat-icon>\n                                </div>\n                            </div>\n                        </mat-form-field>\n                        <div class=\"adf-edit-task-filter-checkbox\"\n                             *ngIf=\"taskFilterProperty.type === 'checkbox'\">\n                            <mat-checkbox color=\"primary\"\n                                          [formControlName]=\"taskFilterProperty.key\"\n                                          [attr.data-automation-id]=\"taskFilterProperty.key\"\n                            >{{taskFilterProperty.label | translate}}</mat-checkbox>\n                        </div>\n\n                        <adf-cloud-date-range-filter\n                            *ngIf=\"taskFilterProperty.type === 'date-range'\"\n                            [processFilterProperty]=\"taskFilterProperty\"\n                            [options]=\"taskFilterProperty.dateFilterOptions\"\n                            (dateTypeChange)=\"onDateTypeChange($event, taskFilterProperty)\"\n                            (dateChanged)=\"onDateRangeFilterChanged($event, taskFilterProperty)\" />\n                        <adf-cloud-people\n                            class=\"{{ 'adf-edit-task-filter-' + taskFilterProperty.key }}\"\n                            *ngIf=\"taskFilterProperty.type === 'people'\"\n                            [preSelectUsers]=\"taskFilterProperty.value\"\n                            [title]=\"taskFilterProperty.label\"\n                            [validate]=\"true\"\n                            [appName]=\"appName\"\n                            [mode]=\"taskFilterProperty.selectionMode\"\n                            (changedUsers)=\"onChangedUser($event, taskFilterProperty)\" />\n\n                        <adf-cloud-task-assignment-filter\n                            *ngIf=\"taskFilterProperty.type === 'assignment'\"\n                            [taskFilterProperty]=\"taskFilterProperty\"\n                            [status]=\"selectedStatus\"\n                            [appName]=\"appName\"\n                            (assignedUsersChange)=\"onAssignedUsersChange($event)\"\n                            (assignedGroupsChange)=\"onAssignedGroupsChange($event)\"\n                            (assignmentTypeChange)=\"onAssignmentTypeChange($event)\" />\n\n                    </ng-container>\n                </div>\n            </form>\n        </ng-container>\n    </mat-expansion-panel>\n</mat-accordion>\n", styles: [".adf-edit-task-filter-checkbox{font-size:var(--theme-subheading-2-font-size);padding-top:10px;text-align:center;flex:1 23%}.adf-edit-task-filter-date-error-container{position:absolute;height:20px;margin-top:12px;width:100%}.adf-edit-task-filter-date-error-container>div{display:flex;flex-flow:row;justify-content:flex-start}.adf-edit-task-filter-date-error-container .adf-error-text{padding-right:8px;height:16px;font-size:10px;line-height:1.33;color:var(--theme-warn-color);width:auto}.adf-edit-task-filter-date-error-container .adf-error-icon{font-size:16px;color:var(--theme-warn-color)}.adf-edit-task-filter-dateRange mat-grid-list{width:450px}.adf-cloud-edit-task-filter-loading-margin{margin-left:calc((100% - 100px)/2);margin-right:calc((100% - 100px)/2)}.adf-edit-task-filter-form{flex-flow:row wrap;display:flex;place-content:center flex-start;align-items:center}.adf-edit-task-filter-form :not(:last-child){margin-right:10px}.adf-edit-task-filter-form mat-form-field,.adf-edit-task-filter-form adf-cloud-people,.adf-edit-task-filter-form adf-cloud-task-assignment-filter{flex:1 1 23%}@media (max-width: 599.9px){.adf-edit-task-filter-form{flex-flow:column}.adf-edit-task-filter-form :not(:last-child){margin-bottom:10px;margin-right:0}}.adf-edit-task-filter-header{height:48px}.adf-edit-task-filter-header__title{color:var(--adf-theme-foreground-text-color)}.adf-edit-task-filter-header__description{color:var(--adf-theme-foreground-secondary-text-color);place-content:center space-between}.adf-edit-task-filter-content__text-label,.adf-edit-task-filter-content__select-label{color:var(--adf-theme-foreground-secondary-text-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i2$4.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2$4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2$4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i2$4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i2$4.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2$3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i10$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: DateRangeFilterComponent, selector: "adf-cloud-date-range-filter", inputs: ["processFilterProperty", "options"], outputs: ["dateChanged", "dateTypeChange"] }, { kind: "component", type: PeopleCloudComponent, selector: "adf-cloud-people", inputs: ["label", "appName", "mode", "roles", "validate", "readOnly", "required", "preSelectUsers", "excludedUsers", "groupsRestriction", "userChipsCtrl", "searchUserCtrl", "title", "placeholder", "hideInputOnSingleSelection", "formFieldAppearance", "formFieldSubscriptSizing", "showErrors", "showFullNameOnHover"], outputs: ["selectUser", "removeUser", "changedUsers", "warning"] }, { kind: "component", type: TaskAssignmentFilterCloudComponent, selector: "adf-cloud-task-assignment-filter", inputs: ["appName", "taskFilterProperty", "status"], outputs: ["assignedUsersChange", "assignedGroupsChange", "assignmentTypeChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: EditServiceTaskFilterCloudComponent, isStandalone: true, selector: "adf-cloud-edit-service-task-filter", usesInheritance: true, ngImport: i0, template: "<mat-accordion [hideToggle]=\"isLoading\" class=\"adf-edit-task-filter\">\n    <mat-expansion-panel (afterExpand)=\"onExpand()\" (closed)=\"onClose()\">\n        <mat-expansion-panel-header *ngIf=\"taskFilter\" id=\"adf-edit-task-filter-expansion-header\" class=\"adf-edit-task-filter-header\">\n            <ng-container *ngIf=\"!isLoading; else loadingTemplate\">\n                <mat-panel-title *ngIf=\"showTaskFilterName\" id=\"adf-edit-task-filter-title-id\" class=\"adf-edit-task-filter-header__title\"\n                    >{{taskFilter.name | translate}}</mat-panel-title>\n                <mat-panel-description class=\"adf-edit-task-filter-header__description\" id=\"adf-edit-task-filter-sub-title-id\">\n                    <span *ngIf=\"showTitle\">{{ 'ADF_CLOUD_EDIT_TASK_FILTER.TITLE' | translate}}</span>\n                    <div *ngIf=\"showFilterActions\" class=\"adf-cloud-edit-task-filter-actions\">\n                        <ng-container *ngIf=\"toggleFilterActions\">\n                            <button *ngFor=\"let filterAction of taskFilterActions\"\n                                    mat-icon-button\n                                    [title]=\"filterAction.tooltip | translate\"\n                                    [attr.data-automation-id]=\"'adf-filter-action-' + filterAction.actionType\"\n                                    [disabled]=\"isDisabledAction(filterAction)\"\n                                    (click)=\"executeFilterActions(filterAction)\">\n                                <adf-icon [value]=\"filterAction.icon\" />\n                            </button>\n                        </ng-container>\n                    </div>\n                </mat-panel-description>\n            </ng-container>\n            <ng-template #loadingTemplate>\n                <div class=\"adf-cloud-edit-task-filter-loading-margin\">\n                    <mat-progress-spinner mode=\"indeterminate\" [diameter]=\"30\" />\n                </div>\n            </ng-template>\n        </mat-expansion-panel-header>\n        <ng-container *ngIf=\"!isLoading;\">\n            <form *ngIf=\"editTaskFilterForm\" [formGroup]=\"editTaskFilterForm\" class=\"adf-edit-task-filter-content\">\n                <div class=\"adf-edit-task-filter-form\">\n                    <ng-container *ngFor=\"let taskFilterProperty of taskFilterProperties\">\n                        <mat-form-field [floatLabel]=\"'auto'\"\n                            *ngIf=\"taskFilterProperty.type === 'select'\"\n                            [attr.data-automation-id]=\"taskFilterProperty.key\">\n                            <mat-label class=\"adf-edit-task-filter-content__select-label\">{{taskFilterProperty.label | translate}}</mat-label>\n                            <mat-select\n                                [formControlName]=\"taskFilterProperty.key\"\n                                [attr.data-automation-id]=\"'adf-cloud-edit-task-property-' + taskFilterProperty.key\"\n                                (selectionChange)=\"onStatusChange($event)\">\n                                    <mat-option *ngFor=\"let propertyOption of taskFilterProperty.options\"\n                                        [value]=\"propertyOption.value\"\n                                        [attr.data-automation-id]=\"'adf-cloud-edit-task-property-options-' + taskFilterProperty.key\">\n                                        {{ propertyOption.label | translate }}\n                                    </mat-option>\n                            </mat-select>\n                        </mat-form-field>\n                        <mat-form-field [floatLabel]=\"'auto'\"\n                            *ngIf=\"taskFilterProperty.type === 'text'\"\n                            [attr.data-automation-id]=\"taskFilterProperty.key\">\n                            <mat-label class=\"adf-edit-task-filter-content__text-label\">{{taskFilterProperty.label | translate}}</mat-label>\n                            <input matInput\n                                   [formControlName]=\"taskFilterProperty.key\"\n                                   type=\"text\"\n                                   [attr.data-automation-id]=\"'adf-cloud-edit-task-property-' + taskFilterProperty.key\" />\n                        </mat-form-field>\n                        <mat-form-field [floatLabel]=\"'auto'\"\n                                        *ngIf=\"taskFilterProperty.type === 'date'\"\n                                        [attr.data-automation-id]=\"taskFilterProperty.key\">\n                            <mat-label>{{taskFilterProperty.label | translate}}</mat-label>\n                            <input matInput\n                                   (keyup)=\"onDateChanged($any($event).target.value, taskFilterProperty)\"\n                                   (dateChange)=\"onDateChanged($event.value, taskFilterProperty)\"\n                                   [matDatepicker]=\"dateController\"\n                                   [placeholder]=\"taskFilterProperty.label | translate\"\n                                   [attr.data-automation-id]=\"'adf-cloud-edit-task-property-' + taskFilterProperty.key\">\n                            <mat-datepicker-toggle matSuffix\n                                                   [for]=\"dateController\"\n                                                   [attr.data-automation-id]=\"'adf-cloud-edit-task-property-date-toggle-' + taskFilterProperty.key\" />\n                            <mat-datepicker #dateController\n                                            [attr.data-automation-id]=\"'adf-cloud-edit-task-property-date-picker-' + taskFilterProperty.key\" />\n                            <div class=\"adf-edit-task-filter-date-error-container\">\n                                <div *ngIf=\"hasError(taskFilterProperty)\">\n                                    <div class=\"adf-error-text\">{{'ADF_TASK_LIST.START_TASK.FORM.ERROR.DATE'|translate}}</div>\n                                    <mat-icon class=\"adf-error-icon\">warning</mat-icon>\n                                </div>\n                            </div>\n                        </mat-form-field>\n                        <div class=\"adf-edit-task-filter-checkbox\"\n                             *ngIf=\"taskFilterProperty.type === 'checkbox'\">\n                            <mat-checkbox color=\"primary\"\n                                          [formControlName]=\"taskFilterProperty.key\"\n                                          [attr.data-automation-id]=\"taskFilterProperty.key\"\n                            >{{taskFilterProperty.label | translate}}</mat-checkbox>\n                        </div>\n\n                        <adf-cloud-date-range-filter\n                            *ngIf=\"taskFilterProperty.type === 'date-range'\"\n                            [processFilterProperty]=\"taskFilterProperty\"\n                            [options]=\"taskFilterProperty.dateFilterOptions\"\n                            (dateTypeChange)=\"onDateTypeChange($event, taskFilterProperty)\"\n                            (dateChanged)=\"onDateRangeFilterChanged($event, taskFilterProperty)\" />\n                        <adf-cloud-people\n                            class=\"{{ 'adf-edit-task-filter-' + taskFilterProperty.key }}\"\n                            *ngIf=\"taskFilterProperty.type === 'people'\"\n                            [preSelectUsers]=\"taskFilterProperty.value\"\n                            [title]=\"taskFilterProperty.label\"\n                            [validate]=\"true\"\n                            [appName]=\"appName\"\n                            [mode]=\"taskFilterProperty.selectionMode\"\n                            (changedUsers)=\"onChangedUser($event, taskFilterProperty)\" />\n\n                        <adf-cloud-task-assignment-filter\n                            *ngIf=\"taskFilterProperty.type === 'assignment'\"\n                            [taskFilterProperty]=\"taskFilterProperty\"\n                            [status]=\"selectedStatus\"\n                            [appName]=\"appName\"\n                            (assignedUsersChange)=\"onAssignedUsersChange($event)\"\n                            (assignedGroupsChange)=\"onAssignedGroupsChange($event)\"\n                            (assignmentTypeChange)=\"onAssignmentTypeChange($event)\" />\n\n                    </ng-container>\n                </div>\n            </form>\n        </ng-container>\n    </mat-expansion-panel>\n</mat-accordion>\n", styles: [".adf-edit-task-filter-checkbox{font-size:var(--theme-subheading-2-font-size);padding-top:10px;text-align:center;flex:1 23%}.adf-edit-task-filter-date-error-container{position:absolute;height:20px;margin-top:12px;width:100%}.adf-edit-task-filter-date-error-container>div{display:flex;flex-flow:row;justify-content:flex-start}.adf-edit-task-filter-date-error-container .adf-error-text{padding-right:8px;height:16px;font-size:10px;line-height:1.33;color:var(--theme-warn-color);width:auto}.adf-edit-task-filter-date-error-container .adf-error-icon{font-size:16px;color:var(--theme-warn-color)}.adf-edit-task-filter-dateRange mat-grid-list{width:450px}.adf-cloud-edit-task-filter-loading-margin{margin-left:calc((100% - 100px)/2);margin-right:calc((100% - 100px)/2)}.adf-edit-task-filter-form{flex-flow:row wrap;display:flex;place-content:center flex-start;align-items:center}.adf-edit-task-filter-form :not(:last-child){margin-right:10px}.adf-edit-task-filter-form mat-form-field,.adf-edit-task-filter-form adf-cloud-people,.adf-edit-task-filter-form adf-cloud-task-assignment-filter{flex:1 1 23%}@media (max-width: 599.9px){.adf-edit-task-filter-form{flex-flow:column}.adf-edit-task-filter-form :not(:last-child){margin-bottom:10px;margin-right:0}}.adf-edit-task-filter-header{height:48px}.adf-edit-task-filter-header__title{color:var(--adf-theme-foreground-text-color)}.adf-edit-task-filter-header__description{color:var(--adf-theme-foreground-secondary-text-color);place-content:center space-between}.adf-edit-task-filter-content__text-label,.adf-edit-task-filter-content__select-label{color:var(--adf-theme-foreground-secondary-text-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i2$4.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2$4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2$4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i2$4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i2$4.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2$3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i10$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: DateRangeFilterComponent, selector: "adf-cloud-date-range-filter", inputs: ["processFilterProperty", "options"], outputs: ["dateChanged", "dateTypeChange"] }, { kind: "component", type: PeopleCloudComponent, selector: "adf-cloud-people", inputs: ["label", "appName", "mode", "roles", "validate", "readOnly", "required", "preSelectUsers", "excludedUsers", "groupsRestriction", "userChipsCtrl", "searchUserCtrl", "title", "placeholder", "hideInputOnSingleSelection", "formFieldAppearance", "formFieldSubscriptSizing", "showErrors", "showFullNameOnHover"], outputs: ["selectUser", "removeUser", "changedUsers", "warning"] }, { kind: "component", type: TaskAssignmentFilterCloudComponent, selector: "adf-cloud-task-assignment-filter", inputs: ["appName", "taskFilterProperty", "status"], outputs: ["assignedUsersChange", "assignedGroupsChange", "assignmentTypeChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: EditServiceTaskFilterCloudComponent, decorators: [{
             type: Component,
@@ -6268,7 +6074,7 @@ class EditTaskFilterCloudComponent extends BaseEditTaskFilterCloudComponent {
         ];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: EditTaskFilterCloudComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: EditTaskFilterCloudComponent, isStandalone: true, selector: "adf-cloud-edit-task-filter", usesInheritance: true, ngImport: i0, template: "<mat-accordion [hideToggle]=\"isLoading\" class=\"adf-edit-task-filter\">\n    <mat-expansion-panel (afterExpand)=\"onExpand()\" (closed)=\"onClose()\">\n        <mat-expansion-panel-header *ngIf=\"taskFilter\" id=\"adf-edit-task-filter-expansion-header\" class=\"adf-edit-task-filter-header\">\n            <ng-container *ngIf=\"!isLoading; else loadingTemplate\">\n                <mat-panel-title *ngIf=\"showTaskFilterName\" id=\"adf-edit-task-filter-title-id\" class=\"adf-edit-task-filter-header__title\"\n                    >{{taskFilter.name | translate}}</mat-panel-title>\n                <mat-panel-description class=\"adf-edit-task-filter-header__description\" id=\"adf-edit-task-filter-sub-title-id\">\n                    <span *ngIf=\"showTitle\">{{ 'ADF_CLOUD_EDIT_TASK_FILTER.TITLE' | translate}}</span>\n                    <div *ngIf=\"showFilterActions\" class=\"adf-cloud-edit-task-filter-actions\">\n                        <ng-container *ngIf=\"toggleFilterActions\">\n                            <button *ngFor=\"let filterAction of taskFilterActions\"\n                                    mat-icon-button\n                                    [title]=\"filterAction.tooltip | translate\"\n                                    [attr.data-automation-id]=\"'adf-filter-action-' + filterAction.actionType\"\n                                    [disabled]=\"isDisabledAction(filterAction)\"\n                                    (click)=\"executeFilterActions(filterAction)\">\n                                <adf-icon [value]=\"filterAction.icon\" />\n                            </button>\n                        </ng-container>\n                    </div>\n                </mat-panel-description>\n            </ng-container>\n            <ng-template #loadingTemplate>\n                <div class=\"adf-cloud-edit-task-filter-loading-margin\">\n                    <mat-progress-spinner mode=\"indeterminate\" [diameter]=\"30\" />\n                </div>\n            </ng-template>\n        </mat-expansion-panel-header>\n        <ng-container *ngIf=\"!isLoading;\">\n            <form *ngIf=\"editTaskFilterForm\" [formGroup]=\"editTaskFilterForm\" class=\"adf-edit-task-filter-content\">\n                <div class=\"adf-edit-task-filter-form\">\n                    <ng-container *ngFor=\"let taskFilterProperty of taskFilterProperties\">\n                        <mat-form-field [floatLabel]=\"'auto'\"\n                            *ngIf=\"taskFilterProperty.type === 'select'\"\n                            [attr.data-automation-id]=\"taskFilterProperty.key\">\n                            <mat-label class=\"adf-edit-task-filter-content__select-label\">{{taskFilterProperty.label | translate}}</mat-label>\n                            <mat-select\n                                [formControlName]=\"taskFilterProperty.key\"\n                                [attr.data-automation-id]=\"'adf-cloud-edit-task-property-' + taskFilterProperty.key\"\n                                (selectionChange)=\"onStatusChange($event)\">\n                                    <mat-option *ngFor=\"let propertyOption of taskFilterProperty.options\"\n                                        [value]=\"propertyOption.value\"\n                                        [attr.data-automation-id]=\"'adf-cloud-edit-task-property-options-' + taskFilterProperty.key\">\n                                        {{ propertyOption.label | translate }}\n                                    </mat-option>\n                            </mat-select>\n                        </mat-form-field>\n                        <mat-form-field [floatLabel]=\"'auto'\"\n                            *ngIf=\"taskFilterProperty.type === 'text'\"\n                            [attr.data-automation-id]=\"taskFilterProperty.key\">\n                            <mat-label class=\"adf-edit-task-filter-content__text-label\">{{taskFilterProperty.label | translate}}</mat-label>\n                            <input matInput\n                                   [formControlName]=\"taskFilterProperty.key\"\n                                   type=\"text\"\n                                   [attr.data-automation-id]=\"'adf-cloud-edit-task-property-' + taskFilterProperty.key\" />\n                        </mat-form-field>\n                        <mat-form-field [floatLabel]=\"'auto'\"\n                                        *ngIf=\"taskFilterProperty.type === 'date'\"\n                                        [attr.data-automation-id]=\"taskFilterProperty.key\">\n                            <mat-label>{{taskFilterProperty.label | translate}}</mat-label>\n                            <input matInput\n                                   (keyup)=\"onDateChanged($any($event).target.value, taskFilterProperty)\"\n                                   (dateChange)=\"onDateChanged($event.value, taskFilterProperty)\"\n                                   [matDatepicker]=\"dateController\"\n                                   [placeholder]=\"taskFilterProperty.label | translate\"\n                                   [attr.data-automation-id]=\"'adf-cloud-edit-task-property-' + taskFilterProperty.key\">\n                            <mat-datepicker-toggle matSuffix\n                                                   [for]=\"dateController\"\n                                                   [attr.data-automation-id]=\"'adf-cloud-edit-task-property-date-toggle-' + taskFilterProperty.key\" />\n                            <mat-datepicker #dateController\n                                            [attr.data-automation-id]=\"'adf-cloud-edit-task-property-date-picker-' + taskFilterProperty.key\" />\n                            <div class=\"adf-edit-task-filter-date-error-container\">\n                                <div *ngIf=\"hasError(taskFilterProperty)\">\n                                    <div class=\"adf-error-text\">{{'ADF_TASK_LIST.START_TASK.FORM.ERROR.DATE'|translate}}</div>\n                                    <mat-icon class=\"adf-error-icon\">warning</mat-icon>\n                                </div>\n                            </div>\n                        </mat-form-field>\n                        <div class=\"adf-edit-task-filter-checkbox\"\n                             *ngIf=\"taskFilterProperty.type === 'checkbox'\">\n                            <mat-checkbox color=\"primary\"\n                                          [formControlName]=\"taskFilterProperty.key\"\n                                          [attr.data-automation-id]=\"taskFilterProperty.key\"\n                            >{{taskFilterProperty.label | translate}}</mat-checkbox>\n                        </div>\n\n                        <adf-cloud-date-range-filter #dateRange\n                            *ngIf=\"taskFilterProperty.type === 'date-range'\"\n                            [processFilterProperty]=\"taskFilterProperty\"\n                            [options]=\"taskFilterProperty.dateFilterOptions\"\n                            (dateTypeChange)=\"onDateTypeChange($event, taskFilterProperty)\"\n                            (dateChanged)=\"onDateRangeFilterChanged($event, taskFilterProperty)\" />\n                        <adf-cloud-people\n                            class=\"{{ 'adf-edit-task-filter-' + taskFilterProperty.key }}\"\n                            *ngIf=\"taskFilterProperty.type === 'people'\"\n                            [preSelectUsers]=\"taskFilterProperty.value\"\n                            [title]=\"taskFilterProperty.label\"\n                            [validate]=\"true\"\n                            [appName]=\"appName\"\n                            [mode]=\"taskFilterProperty.selectionMode\"\n                            (changedUsers)=\"onChangedUser($event, taskFilterProperty)\" />\n\n                        <adf-cloud-task-assignment-filter\n                            *ngIf=\"taskFilterProperty.type === 'assignment'\"\n                            [taskFilterProperty]=\"taskFilterProperty\"\n                            [status]=\"selectedStatus\"\n                            [appName]=\"appName\"\n                            (assignedUsersChange)=\"onAssignedUsersChange($event)\"\n                            (assignedGroupsChange)=\"onAssignedGroupsChange($event)\"\n                            (assignmentTypeChange)=\"onAssignmentTypeChange($event)\" />\n\n                    </ng-container>\n                </div>\n            </form>\n        </ng-container>\n    </mat-expansion-panel>\n</mat-accordion>\n", styles: [".adf-edit-task-filter-checkbox{font-size:var(--theme-subheading-2-font-size);padding-top:10px;text-align:center;flex:1 23%}.adf-edit-task-filter-date-error-container{position:absolute;height:20px;margin-top:12px;width:100%}.adf-edit-task-filter-date-error-container>div{display:flex;flex-flow:row;justify-content:flex-start}.adf-edit-task-filter-date-error-container .adf-error-text{padding-right:8px;height:16px;font-size:10px;line-height:1.33;color:var(--theme-warn-color);width:auto}.adf-edit-task-filter-date-error-container .adf-error-icon{font-size:16px;color:var(--theme-warn-color)}.adf-edit-task-filter-dateRange mat-grid-list{width:450px}.adf-cloud-edit-task-filter-loading-margin{margin-left:calc((100% - 100px)/2);margin-right:calc((100% - 100px)/2)}.adf-edit-task-filter-form{flex-flow:row wrap;display:flex;place-content:center flex-start;align-items:center}.adf-edit-task-filter-form :not(:last-child){margin-right:10px}.adf-edit-task-filter-form mat-form-field,.adf-edit-task-filter-form adf-cloud-people,.adf-edit-task-filter-form adf-cloud-task-assignment-filter{flex:1 1 23%}@media (max-width: 599.9px){.adf-edit-task-filter-form{flex-flow:column}.adf-edit-task-filter-form :not(:last-child){margin-bottom:10px;margin-right:0}}.adf-edit-task-filter-header{height:48px}.adf-edit-task-filter-header__title{color:var(--adf-theme-foreground-text-color)}.adf-edit-task-filter-header__description{color:var(--adf-theme-foreground-secondary-text-color);place-content:center space-between}.adf-edit-task-filter-content__text-label,.adf-edit-task-filter-content__select-label{color:var(--adf-theme-foreground-secondary-text-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i2$4.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2$4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2$4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i2$4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i2$4.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2$3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i10$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: DateRangeFilterComponent, selector: "adf-cloud-date-range-filter", inputs: ["processFilterProperty", "options"], outputs: ["dateChanged", "dateTypeChange"] }, { kind: "component", type: PeopleCloudComponent, selector: "adf-cloud-people", inputs: ["label", "appName", "mode", "roles", "validate", "readOnly", "required", "preSelectUsers", "excludedUsers", "groupsRestriction", "userChipsCtrl", "searchUserCtrl", "title", "placeholder", "hideInputOnSingleSelection", "formFieldAppearance", "formFieldSubscriptSizing", "showErrors", "showFullNameOnHover"], outputs: ["selectUser", "removeUser", "changedUsers", "warning"] }, { kind: "component", type: TaskAssignmentFilterCloudComponent, selector: "adf-cloud-task-assignment-filter", inputs: ["appName", "taskFilterProperty", "status"], outputs: ["assignedUsersChange", "assignedGroupsChange", "assignmentTypeChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: EditTaskFilterCloudComponent, isStandalone: true, selector: "adf-cloud-edit-task-filter", usesInheritance: true, ngImport: i0, template: "<mat-accordion [hideToggle]=\"isLoading\" class=\"adf-edit-task-filter\">\n    <mat-expansion-panel (afterExpand)=\"onExpand()\" (closed)=\"onClose()\">\n        <mat-expansion-panel-header *ngIf=\"taskFilter\" id=\"adf-edit-task-filter-expansion-header\" class=\"adf-edit-task-filter-header\">\n            <ng-container *ngIf=\"!isLoading; else loadingTemplate\">\n                <mat-panel-title *ngIf=\"showTaskFilterName\" id=\"adf-edit-task-filter-title-id\" class=\"adf-edit-task-filter-header__title\"\n                    >{{taskFilter.name | translate}}</mat-panel-title>\n                <mat-panel-description class=\"adf-edit-task-filter-header__description\" id=\"adf-edit-task-filter-sub-title-id\">\n                    <span *ngIf=\"showTitle\">{{ 'ADF_CLOUD_EDIT_TASK_FILTER.TITLE' | translate}}</span>\n                    <div *ngIf=\"showFilterActions\" class=\"adf-cloud-edit-task-filter-actions\">\n                        <ng-container *ngIf=\"toggleFilterActions\">\n                            <button *ngFor=\"let filterAction of taskFilterActions\"\n                                    mat-icon-button\n                                    [title]=\"filterAction.tooltip | translate\"\n                                    [attr.data-automation-id]=\"'adf-filter-action-' + filterAction.actionType\"\n                                    [disabled]=\"isDisabledAction(filterAction)\"\n                                    (click)=\"executeFilterActions(filterAction)\">\n                                <adf-icon [value]=\"filterAction.icon\" />\n                            </button>\n                        </ng-container>\n                    </div>\n                </mat-panel-description>\n            </ng-container>\n            <ng-template #loadingTemplate>\n                <div class=\"adf-cloud-edit-task-filter-loading-margin\">\n                    <mat-progress-spinner mode=\"indeterminate\" [diameter]=\"30\" />\n                </div>\n            </ng-template>\n        </mat-expansion-panel-header>\n        <ng-container *ngIf=\"!isLoading;\">\n            <form *ngIf=\"editTaskFilterForm\" [formGroup]=\"editTaskFilterForm\" class=\"adf-edit-task-filter-content\">\n                <div class=\"adf-edit-task-filter-form\">\n                    <ng-container *ngFor=\"let taskFilterProperty of taskFilterProperties\">\n                        <mat-form-field [floatLabel]=\"'auto'\"\n                            *ngIf=\"taskFilterProperty.type === 'select'\"\n                            [attr.data-automation-id]=\"taskFilterProperty.key\">\n                            <mat-label class=\"adf-edit-task-filter-content__select-label\">{{taskFilterProperty.label | translate}}</mat-label>\n                            <mat-select\n                                [formControlName]=\"taskFilterProperty.key\"\n                                [attr.data-automation-id]=\"'adf-cloud-edit-task-property-' + taskFilterProperty.key\"\n                                (selectionChange)=\"onStatusChange($event)\">\n                                    <mat-option *ngFor=\"let propertyOption of taskFilterProperty.options\"\n                                        [value]=\"propertyOption.value\"\n                                        [attr.data-automation-id]=\"'adf-cloud-edit-task-property-options-' + taskFilterProperty.key\">\n                                        {{ propertyOption.label | translate }}\n                                    </mat-option>\n                            </mat-select>\n                        </mat-form-field>\n                        <mat-form-field [floatLabel]=\"'auto'\"\n                            *ngIf=\"taskFilterProperty.type === 'text'\"\n                            [attr.data-automation-id]=\"taskFilterProperty.key\">\n                            <mat-label class=\"adf-edit-task-filter-content__text-label\">{{taskFilterProperty.label | translate}}</mat-label>\n                            <input matInput\n                                   [formControlName]=\"taskFilterProperty.key\"\n                                   type=\"text\"\n                                   [attr.data-automation-id]=\"'adf-cloud-edit-task-property-' + taskFilterProperty.key\" />\n                        </mat-form-field>\n                        <mat-form-field [floatLabel]=\"'auto'\"\n                                        *ngIf=\"taskFilterProperty.type === 'date'\"\n                                        [attr.data-automation-id]=\"taskFilterProperty.key\">\n                            <mat-label>{{taskFilterProperty.label | translate}}</mat-label>\n                            <input matInput\n                                   (keyup)=\"onDateChanged($any($event).target.value, taskFilterProperty)\"\n                                   (dateChange)=\"onDateChanged($event.value, taskFilterProperty)\"\n                                   [matDatepicker]=\"dateController\"\n                                   [placeholder]=\"taskFilterProperty.label | translate\"\n                                   [attr.data-automation-id]=\"'adf-cloud-edit-task-property-' + taskFilterProperty.key\">\n                            <mat-datepicker-toggle matSuffix\n                                                   [for]=\"dateController\"\n                                                   [attr.data-automation-id]=\"'adf-cloud-edit-task-property-date-toggle-' + taskFilterProperty.key\" />\n                            <mat-datepicker #dateController\n                                            [attr.data-automation-id]=\"'adf-cloud-edit-task-property-date-picker-' + taskFilterProperty.key\" />\n                            <div class=\"adf-edit-task-filter-date-error-container\">\n                                <div *ngIf=\"hasError(taskFilterProperty)\">\n                                    <div class=\"adf-error-text\">{{'ADF_TASK_LIST.START_TASK.FORM.ERROR.DATE'|translate}}</div>\n                                    <mat-icon class=\"adf-error-icon\">warning</mat-icon>\n                                </div>\n                            </div>\n                        </mat-form-field>\n                        <div class=\"adf-edit-task-filter-checkbox\"\n                             *ngIf=\"taskFilterProperty.type === 'checkbox'\">\n                            <mat-checkbox color=\"primary\"\n                                          [formControlName]=\"taskFilterProperty.key\"\n                                          [attr.data-automation-id]=\"taskFilterProperty.key\"\n                            >{{taskFilterProperty.label | translate}}</mat-checkbox>\n                        </div>\n\n                        <adf-cloud-date-range-filter #dateRange\n                            *ngIf=\"taskFilterProperty.type === 'date-range'\"\n                            [processFilterProperty]=\"taskFilterProperty\"\n                            [options]=\"taskFilterProperty.dateFilterOptions\"\n                            (dateTypeChange)=\"onDateTypeChange($event, taskFilterProperty)\"\n                            (dateChanged)=\"onDateRangeFilterChanged($event, taskFilterProperty)\" />\n                        <adf-cloud-people\n                            class=\"{{ 'adf-edit-task-filter-' + taskFilterProperty.key }}\"\n                            *ngIf=\"taskFilterProperty.type === 'people'\"\n                            [preSelectUsers]=\"taskFilterProperty.value\"\n                            [title]=\"taskFilterProperty.label\"\n                            [validate]=\"true\"\n                            [appName]=\"appName\"\n                            [mode]=\"taskFilterProperty.selectionMode\"\n                            (changedUsers)=\"onChangedUser($event, taskFilterProperty)\" />\n\n                        <adf-cloud-task-assignment-filter\n                            *ngIf=\"taskFilterProperty.type === 'assignment'\"\n                            [taskFilterProperty]=\"taskFilterProperty\"\n                            [status]=\"selectedStatus\"\n                            [appName]=\"appName\"\n                            (assignedUsersChange)=\"onAssignedUsersChange($event)\"\n                            (assignedGroupsChange)=\"onAssignedGroupsChange($event)\"\n                            (assignmentTypeChange)=\"onAssignmentTypeChange($event)\" />\n\n                    </ng-container>\n                </div>\n            </form>\n        </ng-container>\n    </mat-expansion-panel>\n</mat-accordion>\n", styles: [".adf-edit-task-filter-checkbox{font-size:var(--theme-subheading-2-font-size);padding-top:10px;text-align:center;flex:1 23%}.adf-edit-task-filter-date-error-container{position:absolute;height:20px;margin-top:12px;width:100%}.adf-edit-task-filter-date-error-container>div{display:flex;flex-flow:row;justify-content:flex-start}.adf-edit-task-filter-date-error-container .adf-error-text{padding-right:8px;height:16px;font-size:10px;line-height:1.33;color:var(--theme-warn-color);width:auto}.adf-edit-task-filter-date-error-container .adf-error-icon{font-size:16px;color:var(--theme-warn-color)}.adf-edit-task-filter-dateRange mat-grid-list{width:450px}.adf-cloud-edit-task-filter-loading-margin{margin-left:calc((100% - 100px)/2);margin-right:calc((100% - 100px)/2)}.adf-edit-task-filter-form{flex-flow:row wrap;display:flex;place-content:center flex-start;align-items:center}.adf-edit-task-filter-form :not(:last-child){margin-right:10px}.adf-edit-task-filter-form mat-form-field,.adf-edit-task-filter-form adf-cloud-people,.adf-edit-task-filter-form adf-cloud-task-assignment-filter{flex:1 1 23%}@media (max-width: 599.9px){.adf-edit-task-filter-form{flex-flow:column}.adf-edit-task-filter-form :not(:last-child){margin-bottom:10px;margin-right:0}}.adf-edit-task-filter-header{height:48px}.adf-edit-task-filter-header__title{color:var(--adf-theme-foreground-text-color)}.adf-edit-task-filter-header__description{color:var(--adf-theme-foreground-secondary-text-color);place-content:center space-between}.adf-edit-task-filter-content__text-label,.adf-edit-task-filter-content__select-label{color:var(--adf-theme-foreground-secondary-text-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i2$4.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2$4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2$4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i2$4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i2$4.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2$3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i10$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: DateRangeFilterComponent, selector: "adf-cloud-date-range-filter", inputs: ["processFilterProperty", "options"], outputs: ["dateChanged", "dateTypeChange"] }, { kind: "component", type: PeopleCloudComponent, selector: "adf-cloud-people", inputs: ["label", "appName", "mode", "roles", "validate", "readOnly", "required", "preSelectUsers", "excludedUsers", "groupsRestriction", "userChipsCtrl", "searchUserCtrl", "title", "placeholder", "hideInputOnSingleSelection", "formFieldAppearance", "formFieldSubscriptSizing", "showErrors", "showFullNameOnHover"], outputs: ["selectUser", "removeUser", "changedUsers", "warning"] }, { kind: "component", type: TaskAssignmentFilterCloudComponent, selector: "adf-cloud-task-assignment-filter", inputs: ["appName", "taskFilterProperty", "status"], outputs: ["assignedUsersChange", "assignedGroupsChange", "assignmentTypeChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: EditTaskFilterCloudComponent, decorators: [{
             type: Component,
@@ -6414,7 +6220,7 @@ class ServiceTaskFiltersCloudComponent extends BaseTaskFiltersCloudComponent {
         this.currentFilter = undefined;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ServiceTaskFiltersCloudComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ServiceTaskFiltersCloudComponent, isStandalone: true, selector: "adf-cloud-service-task-filters", outputs: { filterSelected: "filterSelected", filterClicked: "filterClicked" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<mat-action-list class=\"adf-task-filters\" *ngIf=\"filters$ | async as filterList; else loading\">\n        <button\n            *ngFor=\"let filter of filterList\"\n            mat-list-item\n            (click)=\"onFilterClick(filter)\"\n            [attr.aria-label]=\"filter.name | translate\"\n            [id]=\"filter.id\"\n            [attr.data-automation-id]=\"filter.key + '_filter'\"\n            [class.adf-active]=\"currentFilter === filter\">\n            <div class=\"adf-task-filters__entry\">\n                <div class=\"adf-task-filters__entry-label\">\n                    <adf-icon data-automation-id=\"adf-filter-icon\"\n                        *ngIf=\"showIcons\"\n                        [value]=\"filter.icon\"\n                    />\n                    <span data-automation-id=\"adf-filter-label\">\n                        {{ filter.name | translate }}\n                    </span>\n                </div>\n                <span *ngIf=\"counters[filter.key]\"\n                    [attr.data-automation-id]=\"filter.key + '_filter-counter'\"\n                    class=\"adf-task-filters__entry-counter\"\n                    [class.adf-active]=\"wasFilterUpdated(filter.key)\">\n                    {{ counters[filter.key] }}\n                </span>\n            </div>\n        </button>\n    </mat-action-list>\n<ng-template #loading>\n    <ng-container>\n        <div class=\"adf-app-list-spinner\">\n            <mat-spinner />\n        </div>\n    </ng-container>\n</ng-template>\n", styles: [".adf-task-filters{margin-right:calc(-1 * var(--adf-theme-spacing))}.adf-task-filters__entry{font-size:var(--theme-body-1-font-size);color:var(--adf-theme-foreground-text-color-054);display:flex;justify-content:space-between;align-items:center;flex:1;height:100%}.adf-task-filters__entry:hover{color:var(--theme-primary-color)}.adf-task-filters__entry-label{display:flex;flex:1;align-items:center;gap:var(--adf-theme-spacing)}.adf-task-filters__entry-counter{padding:0 5px;border-radius:15px}.adf-task-filters__entry-counter.adf-active{background-color:var(--theme-accent-color);color:var(--theme-accent-color-default-contrast);font-size:smaller}.adf-task-filters .adf-active .adf-task-filters__entry-label{color:var(--theme-primary-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i5.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { kind: "component", type: i5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ServiceTaskFiltersCloudComponent, isStandalone: true, selector: "adf-cloud-service-task-filters", outputs: { filterSelected: "filterSelected", filterClicked: "filterClicked" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<mat-action-list class=\"adf-task-filters\" *ngIf=\"filters$ | async as filterList; else loading\">\n        <button\n            *ngFor=\"let filter of filterList\"\n            mat-list-item\n            (click)=\"onFilterClick(filter)\"\n            [attr.aria-label]=\"filter.name | translate\"\n            [id]=\"filter.id\"\n            [attr.data-automation-id]=\"filter.key + '_filter'\"\n            [class.adf-active]=\"currentFilter === filter\">\n            <div class=\"adf-task-filters__entry\">\n                <div class=\"adf-task-filters__entry-label\">\n                    <adf-icon data-automation-id=\"adf-filter-icon\"\n                        *ngIf=\"showIcons\"\n                        [value]=\"filter.icon\"\n                    />\n                    <span data-automation-id=\"adf-filter-label\">\n                        {{ filter.name | translate }}\n                    </span>\n                </div>\n                <span *ngIf=\"counters[filter.key]\"\n                    [attr.data-automation-id]=\"filter.key + '_filter-counter'\"\n                    class=\"adf-task-filters__entry-counter\"\n                    [class.adf-active]=\"wasFilterUpdated(filter.key)\">\n                    {{ counters[filter.key] }}\n                </span>\n            </div>\n        </button>\n    </mat-action-list>\n<ng-template #loading>\n    <ng-container>\n        <div class=\"adf-app-list-spinner\">\n            <mat-spinner />\n        </div>\n    </ng-container>\n</ng-template>\n", styles: [".adf-task-filters{margin-right:calc(-1 * var(--adf-theme-spacing))}.adf-task-filters__entry{font-size:var(--theme-body-1-font-size);color:var(--adf-theme-foreground-text-color-054);display:flex;justify-content:space-between;align-items:center;flex:1;height:100%}.adf-task-filters__entry:hover{color:var(--theme-primary-color)}.adf-task-filters__entry-label{display:flex;flex:1;align-items:center;gap:var(--adf-theme-spacing)}.adf-task-filters__entry-counter{padding:0 5px;border-radius:15px}.adf-task-filters__entry-counter.adf-active{background-color:var(--theme-accent-color);color:var(--theme-accent-color-default-contrast);font-size:smaller}.adf-task-filters .adf-active .adf-task-filters__entry-label{color:var(--theme-primary-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$1.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { kind: "component", type: i2$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ServiceTaskFiltersCloudComponent, decorators: [{
             type: Component,
@@ -6525,6 +6331,7 @@ class FormCloudService extends BaseCloudService {
     }
     constructor(adfHttpClient, injectedFieldValidators) {
         super(adfHttpClient);
+        this.formService = inject(FormService);
         this.fieldValidators = injectedFieldValidators || [];
     }
     /**
@@ -6670,7 +6477,7 @@ class FormCloudService extends BaseCloudService {
             (data || []).forEach((variable) => {
                 formValues[variable.name] = variable.value;
             });
-            return new FormModel(flattenForm, formValues, readOnly, undefined, undefined, this.fieldValidators);
+            return new FormModel(flattenForm, formValues, readOnly, this.formService, undefined, this.fieldValidators);
         }
         return null;
     }
@@ -6713,7 +6520,7 @@ class FormSpinnerComponent {
         this.message = '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FormSpinnerComponent, isStandalone: true, selector: "ng-component", inputs: { message: "message" }, ngImport: i0, template: "<div class=\"adf-cloud-form-spinner\">\n    <div class=\"adf-cloud-form-spinner-content\">\n        <mat-progress-spinner\n            color=\"primary\"\n            mode=\"indeterminate\"\n        />\n        <span class=\"adf-cloud-form-spinner-content-message\">\n            {{message | translate}}\n        </span>\n    </div>\n</div>\n", styles: [".adf-cloud-form-spinner{position:fixed;inset:0;display:flex;place-content:center center}.adf-cloud-form-spinner-content{display:flex;flex-flow:column wrap;place-content:center center;row-gap:25px;align-items:center}.adf-cloud-form-spinner-content-message{font-size:var(--theme-body-4-font-size)}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FormSpinnerComponent, isStandalone: true, selector: "ng-component", inputs: { message: "message" }, ngImport: i0, template: "<div class=\"adf-cloud-form-spinner\">\n    <div class=\"adf-cloud-form-spinner-content\">\n        <mat-progress-spinner\n            color=\"primary\"\n            mode=\"indeterminate\"\n        />\n        <span class=\"adf-cloud-form-spinner-content-message\">\n            {{message | translate}}\n        </span>\n    </div>\n</div>\n", styles: [".adf-cloud-form-spinner{position:fixed;inset:0;display:flex;place-content:center center}.adf-cloud-form-spinner-content{display:flex;flex-flow:column wrap;place-content:center center;row-gap:25px;align-items:center}.adf-cloud-form-spinner-content-message{font-size:var(--theme-body-4-font-size)}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormSpinnerComponent, decorators: [{
             type: Component,
@@ -7142,7 +6949,7 @@ class FormCloudComponent extends FormBaseComponent {
             this.displayModeService.onSaveTask(this.id, this.displayMode, this.displayModeConfigurations);
         }
     }
-    completeTaskForm(outcome) {
+    completeTaskForm(outcome, outcomeId) {
         if (this.form?.confirmMessage?.show === true) {
             const dialogRef = this.dialog.open(ConfirmDialogComponent, {
                 data: {
@@ -7152,22 +6959,24 @@ class FormCloudComponent extends FormBaseComponent {
             });
             dialogRef.afterClosed().subscribe((result) => {
                 if (result === true) {
-                    this.completeForm(outcome);
+                    this.completeForm(outcome, outcomeId);
                 }
             });
         }
         else {
-            this.completeForm(outcome);
+            this.completeForm(outcome, outcomeId);
         }
         this.displayModeService.onCompleteTask(this.id, this.displayMode, this.displayModeConfigurations);
     }
-    completeForm(outcome) {
+    completeForm(outcome, outcomeId) {
         if (this.form && this.appName && this.taskId) {
             this.formCloudService
                 .completeTaskForm(this.appName, this.taskId, this.processInstanceId, `${this.form.id}`, this.form.values, outcome, this.appVersion)
                 .pipe(takeUntilDestroyed(this.destroyRef))
                 .subscribe({
                 next: () => {
+                    this.form.selectedOutcome = outcome;
+                    this.form.selectedOutcomeId = outcomeId;
                     this.onTaskCompleted(this.form);
                 },
                 error: (error) => this.onTaskCompletedError(error)
@@ -7255,7 +7064,7 @@ class FormCloudComponent extends FormBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormCloudComponent, deps: [{ token: FORM_CLOUD_FIELD_VALIDATORS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FormCloudComponent, isStandalone: true, selector: "adf-cloud-form", inputs: { appName: "appName", appVersion: "appVersion", formId: "formId", processInstanceId: "processInstanceId", taskId: "taskId", data: "data", displayModeConfigurations: "displayModeConfigurations", showCompleteButton: "showCompleteButton", customSaveButtonText: "customSaveButtonText", customCompleteButtonText: "customCompleteButtonText" }, outputs: { formSaved: "formSaved", formCompleted: "formCompleted", formLoaded: "formLoaded", formDataRefreshed: "formDataRefreshed", formContentClicked: "formContentClicked", displayModeOn: "displayModeOn", displayModeOff: "displayModeOff" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, providers: [FormCloudSpinnerService], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"!hasForm()\">\n    <ng-content select=\"[empty-form]\" />\n</div>\n\n<div\n    *ngIf=\"hasForm()\"\n    class=\"adf-cloud-form-container adf-cloud-form-{{ displayConfiguration?.options?.fullscreen ? 'fullscreen' : 'inline' }}-container\"\n    [style]=\"formStyle\"\n>\n    <div class=\"adf-cloud-form-content\" [cdkTrapFocus]=\"displayConfiguration?.options?.trapFocus\" cdkTrapFocusAutoCapture>\n        <adf-toolbar class=\"adf-cloud-form-toolbar\" *ngIf=\"displayConfiguration?.options?.displayToolbar\">\n            <div class=\"adf-cloud-form__form-title\">\n                <span class=\"adf-cloud-form__display-name\" [title]=\"form.taskName\">\n                    {{ form.taskName }}\n                    <ng-container *ngIf=\"!form.taskName\">\n                        {{ 'FORM.FORM_RENDERER.NAMELESS_TASK' | translate }}\n                    </ng-container>\n                </span>\n            </div>\n\n            <adf-toolbar-divider *ngIf=\"displayConfiguration?.options?.displayCloseButton\" />\n            <button\n                *ngIf=\"displayConfiguration?.options?.displayCloseButton\"\n                class=\"adf-cloud-form-close-button\"\n                data-automation-id=\"adf-toolbar-right-back\"\n                [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n                [attr.data-automation-id]=\"'adf-cloud-form-close-button'\"\n                [title]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n                mat-icon-button\n                title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n                (click)=\"switchToDisplayMode()\"\n            >\n                <mat-icon>close</mat-icon>\n            </button>\n        </adf-toolbar>\n\n        <mat-card\n            appearance=\"outlined\"\n            class=\"adf-cloud-form-content-card\"\n            [class.adf-cloud-form-content-card-fullscreen]=\"displayMode === 'fullScreen'\"\n        >\n            <div class=\"adf-cloud-form-content-card-container\">\n                <mat-card-header *ngIf=\"showTitle || showRefreshButton || showValidationIcon\">\n                    <mat-card-title>\n                        <h4>\n                            <div *ngIf=\"showValidationIcon\" class=\"adf-form-validation-button\">\n                                <i id=\"adf-valid-form-icon\" class=\"material-icons\" *ngIf=\"form.isValid; else no_valid_form\">check_circle</i>\n                                <ng-template #no_valid_form>\n                                    <i id=\"adf-invalid-form-icon\" class=\"material-icons adf-invalid-color\">error</i>\n                                </ng-template>\n                            </div>\n                            <div\n                                *ngIf=\"!displayConfiguration?.options?.fullscreen && findDisplayConfiguration('fullScreen')\"\n                                class=\"adf-cloud-form-fullscreen-button\"\n                            >\n                                <button\n                                    mat-icon-button\n                                    (click)=\"switchToDisplayMode('fullScreen')\"\n                                    [attr.data-automation-id]=\"'adf-cloud-form-fullscreen-button'\"\n                                >\n                                    <mat-icon>fullscreen</mat-icon>\n                                </button>\n                            </div>\n                            <div *ngIf=\"showRefreshButton\" class=\"adf-cloud-form-reload-button\" [title]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n                                <button mat-icon-button (click)=\"onRefreshClicked()\" [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n                                    <mat-icon>refresh</mat-icon>\n                                </button>\n                            </div>\n                            <span *ngIf=\"isTitleEnabled()\" class=\"adf-cloud-form-title\" [title]=\"form.taskName\"\n                                >{{ form.taskName }}\n                                <ng-container *ngIf=\"!form.taskName\">\n                                    {{ 'FORM.FORM_RENDERER.NAMELESS_TASK' | translate }}\n                                </ng-container>\n                            </span>\n                        </h4>\n                    </mat-card-title>\n                </mat-card-header>\n                <mat-card-content class=\"adf-form-container-card-content\">\n                    <adf-form-renderer [formDefinition]=\"form\" [readOnly]=\"readOnly\" />\n                </mat-card-content>\n                    <mat-card-actions *ngIf=\"form.hasOutcomes()\" class=\"adf-cloud-form-content-card-actions\" align=\"end\">\n                        <ng-content select=\"adf-cloud-form-custom-outcomes\" />\n                        <ng-container *ngFor=\"let outcome of form.outcomes\">\n                            <button\n                                *ngIf=\"outcome.isVisible\"\n                                [id]=\"'adf-form-' + outcome.name | formatSpace\"\n                                [color]=\"getColorForOutcome(outcome.name)\"\n                                mat-button\n                                [disabled]=\"!isOutcomeButtonEnabled(outcome)\"\n                                [class.adf-form-hide-button]=\"!isOutcomeButtonVisible(outcome, form.readOnly)\"\n                                class=\"adf-cloud-form-custom-outcome-button\"\n                                (click)=\"onOutcomeClicked(outcome)\"\n                            >\n                                {{ getCustomOutcomeButtonText(outcome) || (outcome.name | translate | uppercase) }}\n                            </button>\n                        </ng-container>\n                    </mat-card-actions>\n            </div>\n        </mat-card>\n    </div>\n</div>\n", styles: [".adf-full-screen,.adf-cloud-form-inline-container,.adf-cloud-form-container .adf-cloud-form-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-cloud-form-container .adf-cloud-form-content{flex:1;flex-direction:column;display:flex;position:relative}.adf-cloud-form-fullscreen-container .adf-cloud-form-content{position:fixed;top:0;left:0;z-index:100000}.adf-cloud-form-toolbar .mat-toolbar{background-color:var(--adf-theme-background-card-color-087)}.adf-cloud-form-fullscreen-button{position:absolute;right:70px;top:30px}.adf-cloud-form__display-name{font-size:var(--theme-subheading-2-font-size);opacity:.87;line-height:1.5;letter-spacing:-.4px;font-weight:400;font-style:normal;font-stretch:normal;max-width:400px;text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:middle;color:var(--adf-theme-foreground-text-color)}.adf-cloud-form__form-title{text-align:center;flex:1 1 auto}.adf-cloud-form-content-card{padding-bottom:2em;overflow-y:auto;position:static;height:70%}.adf-cloud-form-content-card-fullscreen{padding:0;height:100%;width:100%;position:relative}.adf-cloud-form-content-card-fullscreen-container{display:flex;flex-direction:column;height:100%}.adf-cloud-form-content-card-fullscreen-container .mat-mdc-card-content{height:100%;overflow:hidden auto}.adf-cloud-form-content-card-container .adf-form-container-card-content{padding-left:1%;padding-right:1%}.adf-cloud-form-sidebars{display:flex;flex:1 1 auto}.adf-cloud-form-sidebars adf-viewer-render{order:1;flex:1 1 auto;display:flex}.adf-cloud-form .adf-label{white-space:normal}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: FormatSpacePipe, name: "formatSpace" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i4.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: FormRendererComponent, selector: "adf-form-renderer", inputs: ["formDefinition", "readOnly"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ToolbarDividerComponent, selector: "adf-toolbar-divider" }, { kind: "component", type: ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i5$2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FormCloudComponent, isStandalone: true, selector: "adf-cloud-form", inputs: { appName: "appName", appVersion: "appVersion", formId: "formId", processInstanceId: "processInstanceId", taskId: "taskId", data: "data", displayModeConfigurations: "displayModeConfigurations", showCompleteButton: "showCompleteButton", customSaveButtonText: "customSaveButtonText", customCompleteButtonText: "customCompleteButtonText" }, outputs: { formSaved: "formSaved", formCompleted: "formCompleted", formLoaded: "formLoaded", formDataRefreshed: "formDataRefreshed", formContentClicked: "formContentClicked", displayModeOn: "displayModeOn", displayModeOff: "displayModeOff" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, providers: [FormCloudSpinnerService], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"!hasForm()\">\n    <ng-content select=\"[empty-form]\" />\n</div>\n\n<div\n    *ngIf=\"hasForm()\"\n    class=\"adf-cloud-form-container adf-cloud-form-{{ displayConfiguration?.options?.fullscreen ? 'fullscreen' : 'inline' }}-container\"\n    [style]=\"formStyle\"\n>\n    <div\n        class=\"adf-cloud-form-content\"\n        [class.adf-cloud-form-content-standalone-fullscreen]=\"displayMode === 'standalone' && displayConfiguration?.options?.fullscreen\"\n        [class.adf-cloud-form-content-toolbar]=\"!!displayConfiguration?.options?.displayToolbar\"\n        [cdkTrapFocus]=\"displayConfiguration?.options?.trapFocus\"\n        cdkTrapFocusAutoCapture>\n        <adf-toolbar class=\"adf-cloud-form-toolbar\" *ngIf=\"displayConfiguration?.options?.displayToolbar\">\n            <div class=\"adf-cloud-form__form-title\">\n                <span class=\"adf-cloud-form__display-name\" [title]=\"form.taskName\">\n                    {{ form.taskName }}\n                    <ng-container *ngIf=\"!form.taskName\">\n                        {{ 'FORM.FORM_RENDERER.NAMELESS_TASK' | translate }}\n                    </ng-container>\n                </span>\n            </div>\n\n            <adf-toolbar-divider *ngIf=\"displayConfiguration?.options?.displayCloseButton\" />\n            <button\n                *ngIf=\"displayConfiguration?.options?.displayCloseButton\"\n                class=\"adf-cloud-form-close-button\"\n                data-automation-id=\"adf-toolbar-right-back\"\n                [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n                [attr.data-automation-id]=\"'adf-cloud-form-close-button'\"\n                [title]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n                mat-icon-button\n                title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n                (click)=\"switchToDisplayMode()\"\n            >\n                <mat-icon>close</mat-icon>\n            </button>\n        </adf-toolbar>\n\n        <mat-card\n            appearance=\"outlined\"\n            class=\"adf-cloud-form-content-card\"\n            [class.adf-cloud-form-content-card-fullscreen]=\"displayMode === 'fullScreen'\"\n            [class.adf-cloud-form-content-card-fullscreen-toolbar]=\"displayMode === 'fullScreen' && displayConfiguration?.options?.displayToolbar\"\n        >\n            <div class=\"adf-cloud-form-content-card-container\">\n                <mat-card-header *ngIf=\"showTitle || showRefreshButton || showValidationIcon\">\n                    <mat-card-title>\n                        <h4>\n                            <div *ngIf=\"showValidationIcon\" class=\"adf-form-validation-button\">\n                                <i id=\"adf-valid-form-icon\" class=\"material-icons\" *ngIf=\"form.isValid; else no_valid_form\">check_circle</i>\n                                <ng-template #no_valid_form>\n                                    <i id=\"adf-invalid-form-icon\" class=\"material-icons adf-invalid-color\">error</i>\n                                </ng-template>\n                            </div>\n                            <div\n                                *ngIf=\"!displayConfiguration?.options?.fullscreen && findDisplayConfiguration('fullScreen')\"\n                                class=\"adf-cloud-form-fullscreen-button\"\n                            >\n                                <button\n                                    mat-icon-button\n                                    (click)=\"switchToDisplayMode('fullScreen')\"\n                                    [attr.data-automation-id]=\"'adf-cloud-form-fullscreen-button'\"\n                                >\n                                    <mat-icon>fullscreen</mat-icon>\n                                </button>\n                            </div>\n                            <div *ngIf=\"showRefreshButton\" class=\"adf-cloud-form-reload-button\" [title]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n                                <button mat-icon-button (click)=\"onRefreshClicked()\" [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n                                    <mat-icon>refresh</mat-icon>\n                                </button>\n                            </div>\n                            <span *ngIf=\"isTitleEnabled()\" class=\"adf-cloud-form-title\" [title]=\"form.taskName\"\n                                >{{ form.taskName }}\n                                <ng-container *ngIf=\"!form.taskName\">\n                                    {{ 'FORM.FORM_RENDERER.NAMELESS_TASK' | translate }}\n                                </ng-container>\n                            </span>\n                        </h4>\n                    </mat-card-title>\n                </mat-card-header>\n                <mat-card-content class=\"adf-form-container-card-content\">\n                    <adf-form-renderer [formDefinition]=\"form\" [readOnly]=\"readOnly\" />\n                </mat-card-content>\n                    <mat-card-actions *ngIf=\"form.hasOutcomes()\" class=\"adf-cloud-form-content-card-actions\" align=\"end\">\n                        <ng-content select=\"adf-cloud-form-custom-outcomes\" />\n                        <ng-container *ngFor=\"let outcome of form.outcomes\">\n                            <button\n                                *ngIf=\"outcome.isVisible\"\n                                [id]=\"'adf-form-' + outcome.name | formatSpace\"\n                                [color]=\"getColorForOutcome(outcome.name)\"\n                                mat-button\n                                [disabled]=\"!isOutcomeButtonEnabled(outcome)\"\n                                [class.adf-form-hide-button]=\"!isOutcomeButtonVisible(outcome, form.readOnly)\"\n                                class=\"adf-cloud-form-custom-outcome-button\"\n                                (click)=\"onOutcomeClicked(outcome)\"\n                            >\n                                {{ getCustomOutcomeButtonText(outcome) || (outcome.name | translate | uppercase) }}\n                            </button>\n                        </ng-container>\n                    </mat-card-actions>\n            </div>\n        </mat-card>\n    </div>\n</div>\n", styles: [".adf-full-screen,.adf-cloud-form-inline-container,.adf-cloud-form-container .adf-cloud-form-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-cloud-form-content-standalone-fullscreen{background-color:transparent;border-radius:14px}.adf-cloud-form-content-toolbar{padding-top:0}.adf-cloud-form-container{border-radius:14px}.adf-cloud-form-container .adf-cloud-form-content{flex:1;flex-direction:column;display:flex;position:relative}.adf-cloud-form-fullscreen-container{position:fixed;top:0;left:0;z-index:100000;background-color:var(--adf-theme-mat-grey-color-a400);display:block;height:100%;width:100vw;overflow-y:auto;border-radius:0 0 14px}.adf-cloud-form-fullscreen-container .adf-cloud-form-content{width:calc(100% - 80px);max-width:1366px;height:auto;margin:40px auto;border-radius:14px}.adf-cloud-form-inline-container .adf-cloud-form-content{border-radius:14px}.adf-cloud-form-toolbar ::ng-deep .mat-toolbar{background-color:var(--adf-theme-background-card-color-087);border-radius:14px 14px 0 0}.adf-cloud-form-fullscreen-button{position:absolute;right:70px;top:30px}.adf-cloud-form__display-name{font-size:var(--theme-subheading-2-font-size);opacity:.87;line-height:1.5;letter-spacing:-.4px;font-weight:400;font-style:normal;font-stretch:normal;max-width:400px;text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:middle;color:var(--adf-theme-foreground-text-color)}.adf-cloud-form__form-title{text-align:center;flex:1 1 auto}.adf-cloud-form-content-card{padding-bottom:2rem;overflow-y:auto;position:static;height:70%;border-radius:14px}.adf-cloud-form-content-card-fullscreen{padding-top:0;height:100%;width:100%;position:relative}.adf-cloud-form-content-card-fullscreen-toolbar{border-radius:0 0 14px 14px}.adf-cloud-form-content-card-fullscreen-container{display:flex;flex-direction:column;height:100%}.adf-cloud-form-content-card-fullscreen-container .mat-mdc-card-content{height:100%;overflow:hidden auto}.adf-cloud-form-content-card-container .adf-form-container-card-content{padding-left:1%;padding-right:1%}.adf-cloud-form-sidebars{display:flex;flex:1 1 auto}.adf-cloud-form-sidebars adf-viewer-render{order:1;flex:1 1 auto;display:flex}.adf-cloud-form .adf-label{white-space:normal}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: FormatSpacePipe, name: "formatSpace" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i4$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i4$1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i4$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: FormRendererComponent, selector: "adf-form-renderer", inputs: ["formDefinition", "readOnly"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ToolbarDividerComponent, selector: "adf-toolbar-divider" }, { kind: "component", type: ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i5$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormCloudComponent, decorators: [{
             type: Component,
@@ -7270,7 +7079,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         ToolbarDividerComponent,
                         ToolbarComponent,
                         A11yModule
-                    ], providers: [FormCloudSpinnerService], template: "<div *ngIf=\"!hasForm()\">\n    <ng-content select=\"[empty-form]\" />\n</div>\n\n<div\n    *ngIf=\"hasForm()\"\n    class=\"adf-cloud-form-container adf-cloud-form-{{ displayConfiguration?.options?.fullscreen ? 'fullscreen' : 'inline' }}-container\"\n    [style]=\"formStyle\"\n>\n    <div class=\"adf-cloud-form-content\" [cdkTrapFocus]=\"displayConfiguration?.options?.trapFocus\" cdkTrapFocusAutoCapture>\n        <adf-toolbar class=\"adf-cloud-form-toolbar\" *ngIf=\"displayConfiguration?.options?.displayToolbar\">\n            <div class=\"adf-cloud-form__form-title\">\n                <span class=\"adf-cloud-form__display-name\" [title]=\"form.taskName\">\n                    {{ form.taskName }}\n                    <ng-container *ngIf=\"!form.taskName\">\n                        {{ 'FORM.FORM_RENDERER.NAMELESS_TASK' | translate }}\n                    </ng-container>\n                </span>\n            </div>\n\n            <adf-toolbar-divider *ngIf=\"displayConfiguration?.options?.displayCloseButton\" />\n            <button\n                *ngIf=\"displayConfiguration?.options?.displayCloseButton\"\n                class=\"adf-cloud-form-close-button\"\n                data-automation-id=\"adf-toolbar-right-back\"\n                [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n                [attr.data-automation-id]=\"'adf-cloud-form-close-button'\"\n                [title]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n                mat-icon-button\n                title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n                (click)=\"switchToDisplayMode()\"\n            >\n                <mat-icon>close</mat-icon>\n            </button>\n        </adf-toolbar>\n\n        <mat-card\n            appearance=\"outlined\"\n            class=\"adf-cloud-form-content-card\"\n            [class.adf-cloud-form-content-card-fullscreen]=\"displayMode === 'fullScreen'\"\n        >\n            <div class=\"adf-cloud-form-content-card-container\">\n                <mat-card-header *ngIf=\"showTitle || showRefreshButton || showValidationIcon\">\n                    <mat-card-title>\n                        <h4>\n                            <div *ngIf=\"showValidationIcon\" class=\"adf-form-validation-button\">\n                                <i id=\"adf-valid-form-icon\" class=\"material-icons\" *ngIf=\"form.isValid; else no_valid_form\">check_circle</i>\n                                <ng-template #no_valid_form>\n                                    <i id=\"adf-invalid-form-icon\" class=\"material-icons adf-invalid-color\">error</i>\n                                </ng-template>\n                            </div>\n                            <div\n                                *ngIf=\"!displayConfiguration?.options?.fullscreen && findDisplayConfiguration('fullScreen')\"\n                                class=\"adf-cloud-form-fullscreen-button\"\n                            >\n                                <button\n                                    mat-icon-button\n                                    (click)=\"switchToDisplayMode('fullScreen')\"\n                                    [attr.data-automation-id]=\"'adf-cloud-form-fullscreen-button'\"\n                                >\n                                    <mat-icon>fullscreen</mat-icon>\n                                </button>\n                            </div>\n                            <div *ngIf=\"showRefreshButton\" class=\"adf-cloud-form-reload-button\" [title]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n                                <button mat-icon-button (click)=\"onRefreshClicked()\" [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n                                    <mat-icon>refresh</mat-icon>\n                                </button>\n                            </div>\n                            <span *ngIf=\"isTitleEnabled()\" class=\"adf-cloud-form-title\" [title]=\"form.taskName\"\n                                >{{ form.taskName }}\n                                <ng-container *ngIf=\"!form.taskName\">\n                                    {{ 'FORM.FORM_RENDERER.NAMELESS_TASK' | translate }}\n                                </ng-container>\n                            </span>\n                        </h4>\n                    </mat-card-title>\n                </mat-card-header>\n                <mat-card-content class=\"adf-form-container-card-content\">\n                    <adf-form-renderer [formDefinition]=\"form\" [readOnly]=\"readOnly\" />\n                </mat-card-content>\n                    <mat-card-actions *ngIf=\"form.hasOutcomes()\" class=\"adf-cloud-form-content-card-actions\" align=\"end\">\n                        <ng-content select=\"adf-cloud-form-custom-outcomes\" />\n                        <ng-container *ngFor=\"let outcome of form.outcomes\">\n                            <button\n                                *ngIf=\"outcome.isVisible\"\n                                [id]=\"'adf-form-' + outcome.name | formatSpace\"\n                                [color]=\"getColorForOutcome(outcome.name)\"\n                                mat-button\n                                [disabled]=\"!isOutcomeButtonEnabled(outcome)\"\n                                [class.adf-form-hide-button]=\"!isOutcomeButtonVisible(outcome, form.readOnly)\"\n                                class=\"adf-cloud-form-custom-outcome-button\"\n                                (click)=\"onOutcomeClicked(outcome)\"\n                            >\n                                {{ getCustomOutcomeButtonText(outcome) || (outcome.name | translate | uppercase) }}\n                            </button>\n                        </ng-container>\n                    </mat-card-actions>\n            </div>\n        </mat-card>\n    </div>\n</div>\n", styles: [".adf-full-screen,.adf-cloud-form-inline-container,.adf-cloud-form-container .adf-cloud-form-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-cloud-form-container .adf-cloud-form-content{flex:1;flex-direction:column;display:flex;position:relative}.adf-cloud-form-fullscreen-container .adf-cloud-form-content{position:fixed;top:0;left:0;z-index:100000}.adf-cloud-form-toolbar .mat-toolbar{background-color:var(--adf-theme-background-card-color-087)}.adf-cloud-form-fullscreen-button{position:absolute;right:70px;top:30px}.adf-cloud-form__display-name{font-size:var(--theme-subheading-2-font-size);opacity:.87;line-height:1.5;letter-spacing:-.4px;font-weight:400;font-style:normal;font-stretch:normal;max-width:400px;text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:middle;color:var(--adf-theme-foreground-text-color)}.adf-cloud-form__form-title{text-align:center;flex:1 1 auto}.adf-cloud-form-content-card{padding-bottom:2em;overflow-y:auto;position:static;height:70%}.adf-cloud-form-content-card-fullscreen{padding:0;height:100%;width:100%;position:relative}.adf-cloud-form-content-card-fullscreen-container{display:flex;flex-direction:column;height:100%}.adf-cloud-form-content-card-fullscreen-container .mat-mdc-card-content{height:100%;overflow:hidden auto}.adf-cloud-form-content-card-container .adf-form-container-card-content{padding-left:1%;padding-right:1%}.adf-cloud-form-sidebars{display:flex;flex:1 1 auto}.adf-cloud-form-sidebars adf-viewer-render{order:1;flex:1 1 auto;display:flex}.adf-cloud-form .adf-label{white-space:normal}\n"] }]
+                    ], providers: [FormCloudSpinnerService], template: "<div *ngIf=\"!hasForm()\">\n    <ng-content select=\"[empty-form]\" />\n</div>\n\n<div\n    *ngIf=\"hasForm()\"\n    class=\"adf-cloud-form-container adf-cloud-form-{{ displayConfiguration?.options?.fullscreen ? 'fullscreen' : 'inline' }}-container\"\n    [style]=\"formStyle\"\n>\n    <div\n        class=\"adf-cloud-form-content\"\n        [class.adf-cloud-form-content-standalone-fullscreen]=\"displayMode === 'standalone' && displayConfiguration?.options?.fullscreen\"\n        [class.adf-cloud-form-content-toolbar]=\"!!displayConfiguration?.options?.displayToolbar\"\n        [cdkTrapFocus]=\"displayConfiguration?.options?.trapFocus\"\n        cdkTrapFocusAutoCapture>\n        <adf-toolbar class=\"adf-cloud-form-toolbar\" *ngIf=\"displayConfiguration?.options?.displayToolbar\">\n            <div class=\"adf-cloud-form__form-title\">\n                <span class=\"adf-cloud-form__display-name\" [title]=\"form.taskName\">\n                    {{ form.taskName }}\n                    <ng-container *ngIf=\"!form.taskName\">\n                        {{ 'FORM.FORM_RENDERER.NAMELESS_TASK' | translate }}\n                    </ng-container>\n                </span>\n            </div>\n\n            <adf-toolbar-divider *ngIf=\"displayConfiguration?.options?.displayCloseButton\" />\n            <button\n                *ngIf=\"displayConfiguration?.options?.displayCloseButton\"\n                class=\"adf-cloud-form-close-button\"\n                data-automation-id=\"adf-toolbar-right-back\"\n                [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n                [attr.data-automation-id]=\"'adf-cloud-form-close-button'\"\n                [title]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n                mat-icon-button\n                title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n                (click)=\"switchToDisplayMode()\"\n            >\n                <mat-icon>close</mat-icon>\n            </button>\n        </adf-toolbar>\n\n        <mat-card\n            appearance=\"outlined\"\n            class=\"adf-cloud-form-content-card\"\n            [class.adf-cloud-form-content-card-fullscreen]=\"displayMode === 'fullScreen'\"\n            [class.adf-cloud-form-content-card-fullscreen-toolbar]=\"displayMode === 'fullScreen' && displayConfiguration?.options?.displayToolbar\"\n        >\n            <div class=\"adf-cloud-form-content-card-container\">\n                <mat-card-header *ngIf=\"showTitle || showRefreshButton || showValidationIcon\">\n                    <mat-card-title>\n                        <h4>\n                            <div *ngIf=\"showValidationIcon\" class=\"adf-form-validation-button\">\n                                <i id=\"adf-valid-form-icon\" class=\"material-icons\" *ngIf=\"form.isValid; else no_valid_form\">check_circle</i>\n                                <ng-template #no_valid_form>\n                                    <i id=\"adf-invalid-form-icon\" class=\"material-icons adf-invalid-color\">error</i>\n                                </ng-template>\n                            </div>\n                            <div\n                                *ngIf=\"!displayConfiguration?.options?.fullscreen && findDisplayConfiguration('fullScreen')\"\n                                class=\"adf-cloud-form-fullscreen-button\"\n                            >\n                                <button\n                                    mat-icon-button\n                                    (click)=\"switchToDisplayMode('fullScreen')\"\n                                    [attr.data-automation-id]=\"'adf-cloud-form-fullscreen-button'\"\n                                >\n                                    <mat-icon>fullscreen</mat-icon>\n                                </button>\n                            </div>\n                            <div *ngIf=\"showRefreshButton\" class=\"adf-cloud-form-reload-button\" [title]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n                                <button mat-icon-button (click)=\"onRefreshClicked()\" [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\">\n                                    <mat-icon>refresh</mat-icon>\n                                </button>\n                            </div>\n                            <span *ngIf=\"isTitleEnabled()\" class=\"adf-cloud-form-title\" [title]=\"form.taskName\"\n                                >{{ form.taskName }}\n                                <ng-container *ngIf=\"!form.taskName\">\n                                    {{ 'FORM.FORM_RENDERER.NAMELESS_TASK' | translate }}\n                                </ng-container>\n                            </span>\n                        </h4>\n                    </mat-card-title>\n                </mat-card-header>\n                <mat-card-content class=\"adf-form-container-card-content\">\n                    <adf-form-renderer [formDefinition]=\"form\" [readOnly]=\"readOnly\" />\n                </mat-card-content>\n                    <mat-card-actions *ngIf=\"form.hasOutcomes()\" class=\"adf-cloud-form-content-card-actions\" align=\"end\">\n                        <ng-content select=\"adf-cloud-form-custom-outcomes\" />\n                        <ng-container *ngFor=\"let outcome of form.outcomes\">\n                            <button\n                                *ngIf=\"outcome.isVisible\"\n                                [id]=\"'adf-form-' + outcome.name | formatSpace\"\n                                [color]=\"getColorForOutcome(outcome.name)\"\n                                mat-button\n                                [disabled]=\"!isOutcomeButtonEnabled(outcome)\"\n                                [class.adf-form-hide-button]=\"!isOutcomeButtonVisible(outcome, form.readOnly)\"\n                                class=\"adf-cloud-form-custom-outcome-button\"\n                                (click)=\"onOutcomeClicked(outcome)\"\n                            >\n                                {{ getCustomOutcomeButtonText(outcome) || (outcome.name | translate | uppercase) }}\n                            </button>\n                        </ng-container>\n                    </mat-card-actions>\n            </div>\n        </mat-card>\n    </div>\n</div>\n", styles: [".adf-full-screen,.adf-cloud-form-inline-container,.adf-cloud-form-container .adf-cloud-form-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-cloud-form-content-standalone-fullscreen{background-color:transparent;border-radius:14px}.adf-cloud-form-content-toolbar{padding-top:0}.adf-cloud-form-container{border-radius:14px}.adf-cloud-form-container .adf-cloud-form-content{flex:1;flex-direction:column;display:flex;position:relative}.adf-cloud-form-fullscreen-container{position:fixed;top:0;left:0;z-index:100000;background-color:var(--adf-theme-mat-grey-color-a400);display:block;height:100%;width:100vw;overflow-y:auto;border-radius:0 0 14px}.adf-cloud-form-fullscreen-container .adf-cloud-form-content{width:calc(100% - 80px);max-width:1366px;height:auto;margin:40px auto;border-radius:14px}.adf-cloud-form-inline-container .adf-cloud-form-content{border-radius:14px}.adf-cloud-form-toolbar ::ng-deep .mat-toolbar{background-color:var(--adf-theme-background-card-color-087);border-radius:14px 14px 0 0}.adf-cloud-form-fullscreen-button{position:absolute;right:70px;top:30px}.adf-cloud-form__display-name{font-size:var(--theme-subheading-2-font-size);opacity:.87;line-height:1.5;letter-spacing:-.4px;font-weight:400;font-style:normal;font-stretch:normal;max-width:400px;text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:middle;color:var(--adf-theme-foreground-text-color)}.adf-cloud-form__form-title{text-align:center;flex:1 1 auto}.adf-cloud-form-content-card{padding-bottom:2rem;overflow-y:auto;position:static;height:70%;border-radius:14px}.adf-cloud-form-content-card-fullscreen{padding-top:0;height:100%;width:100%;position:relative}.adf-cloud-form-content-card-fullscreen-toolbar{border-radius:0 0 14px 14px}.adf-cloud-form-content-card-fullscreen-container{display:flex;flex-direction:column;height:100%}.adf-cloud-form-content-card-fullscreen-container .mat-mdc-card-content{height:100%;overflow:hidden auto}.adf-cloud-form-content-card-container .adf-form-container-card-content{padding-left:1%;padding-right:1%}.adf-cloud-form-sidebars{display:flex;flex:1 1 auto}.adf-cloud-form-sidebars adf-viewer-render{order:1;flex:1 1 auto;display:flex}.adf-cloud-form .adf-label{white-space:normal}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -7363,23 +7172,23 @@ class ContentCloudNodeSelectorService {
     async getNodeIdFromPath(destinationFolderPath) {
         if (destinationFolderPath.alias && destinationFolderPath.path) {
             try {
-                return await this.getNodeId(destinationFolderPath.alias, destinationFolderPath.path).toPromise();
+                return await firstValueFrom(this.getNodeId(destinationFolderPath.alias, destinationFolderPath.path));
             }
             catch {
                 /*empty*/
             }
         }
-        return this.getNodeId(destinationFolderPath.alias).toPromise();
+        return firstValueFrom(this.getNodeId(destinationFolderPath.alias));
     }
     async getNodeIdFromFolderVariableValue(variableValue, defaultAlias) {
         const isExistingNode = await this.isExistingNode(variableValue);
-        return isExistingNode ? variableValue : this.getNodeId(defaultAlias).toPromise();
+        return isExistingNode ? variableValue : firstValueFrom(this.getNodeId(defaultAlias));
     }
     async isExistingNode(nodeId) {
         let isExistingNode = false;
         if (nodeId) {
             try {
-                isExistingNode = await this.getNodeId(nodeId).pipe(mapTo(true)).toPromise();
+                isExistingNode = await firstValueFrom(this.getNodeId(nodeId).pipe(mapTo(true)));
             }
             catch {
                 /*empty*/
@@ -7414,7 +7223,7 @@ class ContentCloudNodeSelectorService {
     handleError(error) {
         return throwError(error || 'Server error');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentCloudNodeSelectorService, deps: [{ token: i1$4.AlfrescoApiService }, { token: i1$1.NotificationService }, { token: i2$2.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentCloudNodeSelectorService, deps: [{ token: i1$5.AlfrescoApiService }, { token: i1$1.NotificationService }, { token: i2$2.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentCloudNodeSelectorService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentCloudNodeSelectorService, decorators: [{
@@ -7422,7 +7231,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$4.AlfrescoApiService }, { type: i1$1.NotificationService }, { type: i2$2.MatDialog }] });
+        }], ctorParameters: () => [{ type: i1$5.AlfrescoApiService }, { type: i1$1.NotificationService }, { type: i2$2.MatDialog }] });
 
 /*!
  * @license
@@ -7476,7 +7285,7 @@ class ProcessCloudContentService {
         const ticket = await this.authenticationApi.getTicket();
         return ticket?.entry?.id || '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProcessCloudContentService, deps: [{ token: i1$4.AlfrescoApiService }, { token: i1$4.NodesApiService }, { token: i1$4.ContentService }, { token: i1$1.DownloadService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProcessCloudContentService, deps: [{ token: i1$5.AlfrescoApiService }, { token: i1$5.NodesApiService }, { token: i1$5.ContentService }, { token: i1$1.DownloadService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProcessCloudContentService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProcessCloudContentService, decorators: [{
@@ -7484,7 +7293,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$4.AlfrescoApiService }, { type: i1$4.NodesApiService }, { type: i1$4.ContentService }, { type: i1$1.DownloadService }] });
+        }], ctorParameters: () => [{ type: i1$5.AlfrescoApiService }, { type: i1$5.NodesApiService }, { type: i1$5.ContentService }, { type: i1$1.DownloadService }] });
 
 /*!
  * @license
@@ -7680,7 +7489,7 @@ class UploadCloudWidgetComponent extends WidgetComponent {
         return this.field.form.getProcessVariableValue(this.field.params.fileSource?.destinationFolderPath?.name);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: UploadCloudWidgetComponent, deps: [{ token: i1$1.FormService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: UploadCloudWidgetComponent, isStandalone: true, selector: "upload-cloud-widget", outputs: { error: "error" }, host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["uploadFiles"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"adf-upload-widget {{field.className}}\" [class.adf-invalid]=\"!field.isValid\" [class.adf-readonly]=\"field.readOnly\">\n    <label class=\"adf-label\" [attr.for]=\"field.id\"\n        >{{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n    >\n    <div class=\"adf-cloud-upload-widget-container\">\n        <div>\n            <mat-list *ngIf=\"hasFile\">\n                <mat-list-item class=\"adf-upload-files-row\" *ngFor=\"let file of uploadedFiles\">\n                    <img\n                        matListItemLine\n                        class=\"adf-upload-widget__icon\"\n                        [id]=\"'file-'+file.id+'-icon'\"\n                        [src]=\"getIcon(file.content.mimeType)\"\n                        [alt]=\"mimeTypeIcon\"\n                        (click)=\"fileClicked(file)\"\n                        (keyup.enter)=\"fileClicked(file)\"\n                        role=\"button\"\n                        tabindex=\"0\"\n                    />\n                    <span\n                        class=\"adf-upload-widget__button adf-file\"\n                        matLine\n                        id=\"{{'file-'+file.id}}\"\n                        (click)=\"fileClicked(file)\"\n                        (keyup.enter)=\"fileClicked(file)\"\n                        role=\"button\"\n                        tabindex=\"0\"\n                        >{{file.name}}</span\n                    >\n                    <button\n                        *ngIf=\"!field.readOnly\"\n                        mat-icon-button\n                        [id]=\"'file-'+file.id+'-remove'\"\n                        (click)=\"removeFile(file);\"\n                        (keyup.enter)=\"removeFile(file);\"\n                    >\n                        <mat-icon class=\"mat-24\">highlight_off</mat-icon>\n                    </button>\n                </mat-list-item>\n            </mat-list>\n        </div>\n\n        <div *ngIf=\"(!hasFile || multipleOption) && !field.readOnly\">\n            <button mat-raised-button color=\"primary\" (click)=\"uploadFiles.click()\" [title]=\"field.tooltip\">\n                {{ 'FORM.FIELD.UPLOAD' | translate }}<mat-icon>file_upload</mat-icon>\n                <input #uploadFiles [multiple]=\"multipleOption\" type=\"file\" [id]=\"field.form.nodeId\" (change)=\"onFileChanged($event)\" />\n            </button>\n        </div>\n\n        <div *ngIf=\"!hasFile && field.readOnly\">{{ 'FORM.FIELD.NO_FILE_ATTACHED' | translate }}</div>\n    </div>\n    <error-widget [error]=\"field.validationSummary\" />\n    <error-widget *ngIf=\"isInvalidFieldRequired()\" required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\" />\n</div>\n", styles: [".adf-cloud-upload-widget-container{margin-bottom:15px}.adf-cloud-upload-widget-container input{display:none}.adf-cloud-upload-widget{width:100%;word-break:break-all;padding:.4375em 0;border-top:.8438em solid transparent}.adf-cloud-upload-widget__icon{padding:6px;float:left;cursor:pointer}.adf-cloud-upload-widget__reset{margin-top:-2px}.adf-cloud-upload-files-row .adf-upload-widget__button{margin-bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i5.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i5.MatListItemLine, selector: "[matListItemLine]" }, { kind: "ngmodule", type: MatLineModule }, { kind: "directive", type: i6.MatLine, selector: "[mat-line], [matLine]" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: UploadCloudWidgetComponent, isStandalone: true, selector: "upload-cloud-widget", outputs: { error: "error" }, host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["uploadFiles"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"adf-upload-widget {{field.className}}\" [class.adf-invalid]=\"!field.isValid\" [class.adf-readonly]=\"field.readOnly\">\n    <label class=\"adf-label\" [attr.for]=\"field.id\"\n        >{{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n    >\n    <div class=\"adf-cloud-upload-widget-container\">\n        <div>\n            <mat-list *ngIf=\"hasFile\">\n                <mat-list-item class=\"adf-upload-files-row\" *ngFor=\"let file of uploadedFiles\">\n                    <img\n                        matListItemLine\n                        class=\"adf-upload-widget__icon\"\n                        [id]=\"'file-'+file.id+'-icon'\"\n                        [src]=\"getIcon(file.content.mimeType)\"\n                        [alt]=\"mimeTypeIcon\"\n                        (click)=\"fileClicked(file)\"\n                        (keyup.enter)=\"fileClicked(file)\"\n                        role=\"button\"\n                        tabindex=\"0\"\n                    />\n                    <span\n                        class=\"adf-upload-widget__button adf-file\"\n                        matLine\n                        id=\"{{'file-'+file.id}}\"\n                        (click)=\"fileClicked(file)\"\n                        (keyup.enter)=\"fileClicked(file)\"\n                        role=\"button\"\n                        tabindex=\"0\"\n                        >{{file.name}}</span\n                    >\n                    <button\n                        *ngIf=\"!field.readOnly\"\n                        mat-icon-button\n                        [id]=\"'file-'+file.id+'-remove'\"\n                        (click)=\"removeFile(file);\"\n                        (keyup.enter)=\"removeFile(file);\"\n                    >\n                        <mat-icon class=\"mat-24\">highlight_off</mat-icon>\n                    </button>\n                </mat-list-item>\n            </mat-list>\n        </div>\n\n        <div *ngIf=\"(!hasFile || multipleOption) && !field.readOnly\">\n            <button mat-raised-button color=\"primary\" (click)=\"uploadFiles.click()\" [title]=\"field.tooltip\">\n                {{ 'FORM.FIELD.UPLOAD' | translate }}<mat-icon>file_upload</mat-icon>\n                <input #uploadFiles [multiple]=\"multipleOption\" type=\"file\" [id]=\"field.form.nodeId\" (change)=\"onFileChanged($event)\" />\n            </button>\n        </div>\n\n        <div *ngIf=\"!hasFile && field.readOnly\">{{ 'FORM.FIELD.NO_FILE_ATTACHED' | translate }}</div>\n    </div>\n    <error-widget [error]=\"field.validationSummary\" />\n    <error-widget *ngIf=\"isInvalidFieldRequired()\" required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\" />\n</div>\n", styles: [".adf-cloud-upload-widget-container{margin-bottom:15px}.adf-cloud-upload-widget-container input{display:none}.adf-cloud-upload-widget{width:100%;word-break:break-all;padding:.4375em 0;border-top:.8438em solid transparent}.adf-cloud-upload-widget__icon{padding:6px;float:left;cursor:pointer}.adf-cloud-upload-widget__reset{margin-top:-2px}.adf-cloud-upload-files-row .adf-upload-widget__button{margin-bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2$1.MatListItemLine, selector: "[matListItemLine]" }, { kind: "ngmodule", type: MatLineModule }, { kind: "directive", type: i6.MatLine, selector: "[mat-line], [matLine]" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: UploadCloudWidgetComponent, decorators: [{
             type: Component,
@@ -7778,7 +7587,7 @@ class FilePropertiesTableCloudComponent {
         return this.field?.params?.menuOptions ? this.field.params.menuOptions[option] : option !== RETRIEVE_METADATA_OPTION$1;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FilePropertiesTableCloudComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FilePropertiesTableCloudComponent, isStandalone: true, selector: "adf-cloud-file-properties-table", inputs: { uploadedFiles: "uploadedFiles", hasFile: "hasFile", selectedNode: "selectedNode", field: "field", displayedColumns: "displayedColumns", mimeTypeIcon: "mimeTypeIcon" }, outputs: { rowClick: "rowClick", attachFileClick: "attachFileClick", downloadFile: "downloadFile", uploadNewFileVersion: "uploadNewFileVersion", contentModelFileHandler: "contentModelFileHandler", removeAttachFile: "removeAttachFile" }, providers: [LocalizedDatePipe], ngImport: i0, template: "<div class=\"adf-file-properties-table-container\">\n    <table mat-table [dataSource]=\"uploadedFiles\" class=\"adf-properties-table adf-file-properties-table mat-elevation-z0\" *ngIf=\"hasFile\">\n        <ng-container matColumnDef=\"icon\">\n            <th mat-header-cell *matHeaderCellDef></th>\n            <td class=\"adf-file-properties-table-cell\" mat-cell *matCellDef=\"let element\">\n                <mat-icon matListItemLine class=\"adf-datatable-selected\"\n                    *ngIf=\"selectedNode && element.id === selectedNode.id\" (click)=\"onRowClicked(element)\">\n                    check_circle\n                </mat-icon>\n                <img matListItemLine class=\"adf-attach-widget__icon\"\n                    *ngIf=\"!selectedNode || element.id !== selectedNode.id\" [id]=\"'file-'+element?.id+'-icon'\"\n                    (click)=\"onRowClicked(element)\"\n                    (keyup.enter)=\"onRowClicked(element)\"\n                    [src]=\"element.content ? getIcon(element.content.mimeType) : getIcon(element['mimeType'])\"\n                    [alt]=\"mimeTypeIcon\" role=\"button\" tabindex=\"0\" />\n            </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"fileName\">\n            <th mat-header-cell *matHeaderCellDef>{{ 'FORM.FIELD.FILE_NAME' | translate }}</th>\n            <td mat-cell class=\"adf-file-properties-table-cell\" *matCellDef=\"let element\">\n                <span matLine id=\"{{'file-'+element?.id}}\"\n                      role=\"button\"\n                      tabindex=\"0\"\n                      class=\"adf-file\"\n                      (keyup.enter)=\"onAttachFileClicked(element)\"\n                      (click)=\"onAttachFileClicked(element)\"\n                >{{ element.name }}</span>\n            </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"title\">\n            <th mat-header-cell *matHeaderCellDef>{{ 'FORM.FIELD.TITLE' | translate }}</th>\n            <td mat-cell class=\"adf-file-properties-table-cell\" *matCellDef=\"let element\">{{ element.title }}</td>\n        </ng-container>\n\n        <ng-container *ngFor=\"let prop of field?.params?.displayableCMProperties\" [matColumnDef]=\"prop.name\">\n            <th mat-header-cell *matHeaderCellDef>{{prop.title ? prop.title : prop.name | titlecase }}</th>\n            <td mat-cell class=\"adf-file-properties-table-cell\" *matCellDef=\"let row\">\n                <span matLine id=\"{{'fileProperty-'+row?.id+'-'+prop?.name}}\" role=\"button\" tabindex=\"0\"\n                      (keyup.enter)=\"onRowClicked(row)\"\n                      (click)=\"onRowClicked(row)\">{{ getColumnValue(row, prop) }}</span>\n            </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"action\">\n            <th mat-header-cell *matHeaderCellDef></th>\n            <td mat-cell class=\"adf-file-properties-table-cell\" *matCellDef=\"let element\">\n                <button id=\"{{'file-'+element?.id+'-option-menu'}}\" mat-icon-button [matMenuTriggerFor]=\"fileActionMenu\"\n                        *ngIf=\"!!element.content?.mimeType\"\n                        [attr.aria-label]=\"'ADF_PROCESS_LIST.DETAILS.BUTTON.FILE_OPTION_MENU' | translate\">\n                    <mat-icon>more_vert</mat-icon>\n                </button>\n                <mat-menu #fileActionMenu=\"matMenu\" xPosition=\"before\">\n                    <button *ngIf=\"displayMenuOption('show') && !!element.content?.mimeType\"\n                            id=\"{{'file-'+element?.id+'-show-file'}}\" mat-menu-item\n                            (click)=\"onAttachFileClicked(element)\">\n                        <mat-icon>visibility</mat-icon>\n                        <span>{{ 'FORM.FIELD.VIEW_FILE' | translate }}</span>\n                    </button>\n                    <button *ngIf=\"displayMenuOption('download') && !!element.content?.mimeType\"\n                            id=\"{{'file-'+element?.id+'-download-file'}}\" mat-menu-item\n                            (click)=\"downloadContent(element)\">\n                        <mat-icon>file_download</mat-icon>\n                        <span>{{ 'FORM.FIELD.DOWNLOAD_FILE' | translate }}</span>\n                    </button>\n                    <button *ngIf=\"displayMenuOption('retrieveMetadata') && !!element.content?.mimeType\"\n                            id=\"{{'file-'+element?.id+'-retrieve-file-metadata'}}\" mat-menu-item\n                            (click)=\"contentModelFormFileHandler(element)\">\n                        <mat-icon class=\"mat-24\">low_priority</mat-icon>\n                        <span>{{ 'ADF_CLOUD_FORM_COMPONENT.RETRIEVE_METADATA' | translate }}</span>\n                    </button>\n                    <button *ngIf=\"!field.readOnly && displayMenuOption('remove')\"\n                            mat-menu-item\n                            [id]=\"'file-'+element?.id+'-remove'\"\n                            (click)=\"onRemoveAttachFile(element);\" (keyup.enter)=\"onRemoveAttachFile(element);\">\n                        <mat-icon class=\"mat-24\">highlight_off</mat-icon>\n                        <span>{{ 'FORM.FIELD.REMOVE_FILE' | translate }}</span>\n                    </button>\n                    <div *ngIf=\"displayMenuOption('newVersion')\">\n                        <button [adf-upload]=\"true\" [mode]=\"['click']\"\n                                (upload-files)=\"onUploadNewFileVersion($event, element);\"\n                                id=\"{{'file-'+ element?.id +'-upload-new-version'}}\" mat-menu-item>\n                            <mat-icon class=\"mat-24\">file_upload</mat-icon>\n                            <span>{{ 'ADF_VERSION_LIST.ACTIONS.UPLOAD.TITLE' | translate }}</span>\n                        </button>\n                    </div>\n                </mat-menu>\n            </td>\n        </ng-container>\n        <tr mat-header-row class=\"adf-file-properties-table-header-row\" *matHeaderRowDef=\"displayedColumns\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n    </table>\n</div>\n", styles: [".adf-file-properties-table-container .adf-file-properties-table.adf-properties-table table{width:100%;border:1px solid var(--adf-theme-foreground-text-color-007);box-shadow:none}.adf-file-properties-table-container .adf-file-properties-table.adf-properties-table table .adf-file{cursor:pointer}.adf-file-properties-table-container .adf-file-properties-table.adf-properties-table table .adf-file:hover{text-decoration:underline}.adf-file-properties-table-container .adf-file-properties-table.adf-properties-table table .adf-datatable-selected{padding:6px}.adf-file-properties-table-container .adf-file-properties-table.adf-properties-table table tr.adf-file-properties-table-header-row{height:32px}.adf-file-properties-table-container .adf-file-properties-table.adf-properties-table table th{font-weight:700;padding-right:0}.adf-file-properties-table-container .adf-file-properties-table.adf-properties-table table td{max-width:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:0}.adf-file-properties-table-container .adf-file-properties-table.adf-properties-table table td.adf-file-properties-table-cell:first-of-type,.adf-file-properties-table-container .adf-file-properties-table.adf-properties-table table td.adf-file-properties-table-cell:last-of-type{width:18%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TitleCasePipe, name: "titlecase" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: UploadDirective, selector: "[adf-upload]", inputs: ["adf-upload", "adf-upload-data", "mode", "multiple", "accept", "directory"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5$3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatLineModule }, { kind: "directive", type: i6.MatLine, selector: "[mat-line], [matLine]" }, { kind: "ngmodule", type: MatListModule }, { kind: "directive", type: i5.MatListItemLine, selector: "[matListItemLine]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FilePropertiesTableCloudComponent, isStandalone: true, selector: "adf-cloud-file-properties-table", inputs: { uploadedFiles: "uploadedFiles", hasFile: "hasFile", selectedNode: "selectedNode", field: "field", displayedColumns: "displayedColumns", mimeTypeIcon: "mimeTypeIcon" }, outputs: { rowClick: "rowClick", attachFileClick: "attachFileClick", downloadFile: "downloadFile", uploadNewFileVersion: "uploadNewFileVersion", contentModelFileHandler: "contentModelFileHandler", removeAttachFile: "removeAttachFile" }, providers: [LocalizedDatePipe], ngImport: i0, template: "<div class=\"adf-file-properties-table-container\">\n    <table mat-table [dataSource]=\"uploadedFiles\" class=\"adf-properties-table adf-file-properties-table mat-elevation-z0\" *ngIf=\"hasFile\">\n        <ng-container matColumnDef=\"icon\">\n            <th mat-header-cell *matHeaderCellDef></th>\n            <td class=\"adf-file-properties-table-cell\" mat-cell *matCellDef=\"let element\">\n                <mat-icon matListItemLine class=\"adf-datatable-selected\"\n                    *ngIf=\"selectedNode && element.id === selectedNode.id\" (click)=\"onRowClicked(element)\">\n                    check_circle\n                </mat-icon>\n                <img matListItemLine class=\"adf-attach-widget__icon\"\n                    *ngIf=\"!selectedNode || element.id !== selectedNode.id\" [id]=\"'file-'+element?.id+'-icon'\"\n                    (click)=\"onRowClicked(element)\"\n                    (keyup.enter)=\"onRowClicked(element)\"\n                    [src]=\"element.content ? getIcon(element.content.mimeType) : getIcon(element['mimeType'])\"\n                    [alt]=\"mimeTypeIcon\" role=\"button\" tabindex=\"0\" />\n            </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"fileName\">\n            <th mat-header-cell *matHeaderCellDef>{{ 'FORM.FIELD.FILE_NAME' | translate }}</th>\n            <td mat-cell class=\"adf-file-properties-table-cell\" *matCellDef=\"let element\">\n                <span matLine id=\"{{'file-'+element?.id}}\"\n                      role=\"button\"\n                      tabindex=\"0\"\n                      class=\"adf-file\"\n                      (keyup.enter)=\"onAttachFileClicked(element)\"\n                      (click)=\"onAttachFileClicked(element)\"\n                >{{ element.name }}</span>\n            </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"title\">\n            <th mat-header-cell *matHeaderCellDef>{{ 'FORM.FIELD.TITLE' | translate }}</th>\n            <td mat-cell class=\"adf-file-properties-table-cell\" *matCellDef=\"let element\">{{ element.title }}</td>\n        </ng-container>\n\n        <ng-container *ngFor=\"let prop of field?.params?.displayableCMProperties\" [matColumnDef]=\"prop.name\">\n            <th mat-header-cell *matHeaderCellDef>{{prop.title ? prop.title : prop.name | titlecase }}</th>\n            <td mat-cell class=\"adf-file-properties-table-cell\" *matCellDef=\"let row\">\n                <span matLine id=\"{{'fileProperty-'+row?.id+'-'+prop?.name}}\" role=\"button\" tabindex=\"0\"\n                      (keyup.enter)=\"onRowClicked(row)\"\n                      (click)=\"onRowClicked(row)\">{{ getColumnValue(row, prop) }}</span>\n            </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"action\">\n            <th mat-header-cell *matHeaderCellDef></th>\n            <td mat-cell class=\"adf-file-properties-table-cell\" *matCellDef=\"let element\">\n                <button id=\"{{'file-'+element?.id+'-option-menu'}}\" mat-icon-button [matMenuTriggerFor]=\"fileActionMenu\"\n                        *ngIf=\"!!element.content?.mimeType\"\n                        [attr.aria-label]=\"'ADF_PROCESS_LIST.DETAILS.BUTTON.FILE_OPTION_MENU' | translate\">\n                    <mat-icon>more_vert</mat-icon>\n                </button>\n                <mat-menu #fileActionMenu=\"matMenu\" xPosition=\"before\">\n                    <button *ngIf=\"displayMenuOption('show') && !!element.content?.mimeType\"\n                            id=\"{{'file-'+element?.id+'-show-file'}}\" mat-menu-item\n                            (click)=\"onAttachFileClicked(element)\">\n                        <mat-icon>visibility</mat-icon>\n                        <span>{{ 'FORM.FIELD.VIEW_FILE' | translate }}</span>\n                    </button>\n                    <button *ngIf=\"displayMenuOption('download') && !!element.content?.mimeType\"\n                            id=\"{{'file-'+element?.id+'-download-file'}}\" mat-menu-item\n                            (click)=\"downloadContent(element)\">\n                        <mat-icon>file_download</mat-icon>\n                        <span>{{ 'FORM.FIELD.DOWNLOAD_FILE' | translate }}</span>\n                    </button>\n                    <button *ngIf=\"displayMenuOption('retrieveMetadata') && !!element.content?.mimeType\"\n                            id=\"{{'file-'+element?.id+'-retrieve-file-metadata'}}\" mat-menu-item\n                            (click)=\"contentModelFormFileHandler(element)\">\n                        <mat-icon class=\"mat-24\">low_priority</mat-icon>\n                        <span>{{ 'ADF_CLOUD_FORM_COMPONENT.RETRIEVE_METADATA' | translate }}</span>\n                    </button>\n                    <button *ngIf=\"!field.readOnly && displayMenuOption('remove')\"\n                            mat-menu-item\n                            [id]=\"'file-'+element?.id+'-remove'\"\n                            (click)=\"onRemoveAttachFile(element);\" (keyup.enter)=\"onRemoveAttachFile(element);\">\n                        <mat-icon class=\"mat-24\">highlight_off</mat-icon>\n                        <span>{{ 'FORM.FIELD.REMOVE_FILE' | translate }}</span>\n                    </button>\n                    <div *ngIf=\"displayMenuOption('newVersion')\">\n                        <button [adf-upload]=\"true\" [mode]=\"['click']\"\n                                (upload-files)=\"onUploadNewFileVersion($event, element);\"\n                                id=\"{{'file-'+ element?.id +'-upload-new-version'}}\" mat-menu-item>\n                            <mat-icon class=\"mat-24\">file_upload</mat-icon>\n                            <span>{{ 'ADF_VERSION_LIST.ACTIONS.UPLOAD.TITLE' | translate }}</span>\n                        </button>\n                    </div>\n                </mat-menu>\n            </td>\n        </ng-container>\n        <tr mat-header-row class=\"adf-file-properties-table-header-row\" *matHeaderRowDef=\"displayedColumns\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n    </table>\n</div>\n", styles: [".adf-file-properties-table-container .adf-file-properties-table.adf-properties-table table{width:100%;border:1px solid var(--adf-theme-foreground-text-color-007);box-shadow:none}.adf-file-properties-table-container .adf-file-properties-table.adf-properties-table table .adf-file{cursor:pointer}.adf-file-properties-table-container .adf-file-properties-table.adf-properties-table table .adf-file:hover{text-decoration:underline}.adf-file-properties-table-container .adf-file-properties-table.adf-properties-table table .adf-datatable-selected{padding:6px}.adf-file-properties-table-container .adf-file-properties-table.adf-properties-table table tr.adf-file-properties-table-header-row{height:32px}.adf-file-properties-table-container .adf-file-properties-table.adf-properties-table table th{font-weight:700;padding-right:0}.adf-file-properties-table-container .adf-file-properties-table.adf-properties-table table td{max-width:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:0}.adf-file-properties-table-container .adf-file-properties-table.adf-properties-table table td.adf-file-properties-table-cell:first-of-type,.adf-file-properties-table-container .adf-file-properties-table.adf-properties-table table td.adf-file-properties-table-cell:last-of-type{width:18%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.TitleCasePipe, name: "titlecase" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: UploadDirective, selector: "[adf-upload]", inputs: ["adf-upload", "adf-upload-data", "mode", "multiple", "accept", "directory"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5$2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$2.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatLineModule }, { kind: "directive", type: i6.MatLine, selector: "[mat-line], [matLine]" }, { kind: "ngmodule", type: MatListModule }, { kind: "directive", type: i2$1.MatListItemLine, selector: "[matListItemLine]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FilePropertiesTableCloudComponent, decorators: [{
             type: Component,
@@ -8032,21 +7841,11 @@ class AttachFileCloudWidgetComponent extends UploadCloudWidgetComponent {
         this.previewState = this.formService.getPreviewState();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AttachFileCloudWidgetComponent, deps: [{ token: i1$1.FormService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AttachFileCloudWidgetComponent, isStandalone: true, selector: "adf-cloud-attach-file-cloud-widget", outputs: { error: "error" }, host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-attach-file-widget-container\">\n    <div class=\"adf-attach-widget {{field.className}}\"\n        [class.adf-readonly]=\"field.readOnly\">\n        <label class=\"adf-label\" [attr.for]=\"field.id\">{{field.name}}\n            <span class=\"adf-asterisk\" *ngIf=\"isRequired()\">*</span>\n        </label>\n        <div class=\"adf-attach-widget-container\" (focusout)=\"markAsTouched()\">\n            <div class=\"adf-attach-widget__menu-upload\" *ngIf=\"isUploadButtonVisible()\">\n                <button\n                    (click)=\"openSelectDialog()\"\n                    mat-raised-button\n                    class=\"adf-attach-widget__menu-upload__button\"\n                    color=\"primary\"\n                    [id]=\"field.id\"\n                    [title]=\"field.tooltip\">\n                        {{ 'FORM.FIELD.ATTACH' | translate }}\n                        <mat-icon class=\"adf-attach-widget__menu-upload__button__icon\">{{getWidgetIcon()}}</mat-icon>\n                </button>\n            </div>\n        </div>\n    </div>\n\n    <div data-automation-id=\"adf-attach-widget-readonly-list\" class=\"adf-attach-widget-readonly-table\">\n        <adf-cloud-file-properties-table\n            [uploadedFiles]=\"uploadedFiles\"\n            [hasFile]=\"hasFile\"\n            [selectedNode]=\"selectedNode\"\n            [field]=\"field\"\n            [displayedColumns]=\"displayedColumns\"\n            [mimeTypeIcon]=\"mimeTypeIcon\"\n            (rowClick)=\"onRowClicked($event)\"\n            (attachFileClick)=\"onAttachFileClicked($event)\"\n            (downloadFile)=\"downloadContent($event)\"\n            (uploadNewFileVersion)=\"onUploadNewFileVersion($event)\"\n            (contentModelFileHandler)=\"contentModelFormFileHandler($event)\"\n            (removeAttachFile)=\"onRemoveAttachFile($event)\"\n        />\n        <div *ngIf=\"!hasFile && field.readOnly\" id=\"{{'adf-attach-empty-list-'+field.id}}\">\n            {{ 'FORM.FIELD.NO_FILE_ATTACHED' | translate }}\n        </div>\n\n    </div>\n\n    <error-widget [error]=\"field.validationSummary\" />\n    <error-widget *ngIf=\"!field.isValid && isTouched() && !isSelected()\" required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\" />\n</div>\n", styles: [".adf-attach-widget-container{display:flex;align-items:center}.adf-attach-widget-container input{cursor:pointer;height:100%;right:0;opacity:0;position:absolute;top:0;width:300px;z-index:4}.adf-label{white-space:normal;height:100%}.adf-attach-widget__menu-upload{display:flex;align-items:center;margin-right:8px;word-break:normal}.adf-attach-widget__menu-upload .adf-attach-widget__menu-upload__button{line-height:28px;font-size:var(--theme-caption-font-size)}.adf-attach-widget__menu-upload button span{font-size:var(--theme-caption-font-size)}.adf-attach-widget__input-type{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.adf-attach-widget__image-logo{padding-left:5px}.adf-attach-widget{display:flex;justify-content:space-between;word-break:break-all;padding:.4375em;border-bottom:none;background:var(--adf-theme-mat-grey-color-a200);min-height:27px;margin-bottom:12px}.adf-attach-widget .adf-label{width:100%;font-size:var(--theme-caption-font-size);line-height:var(--theme-headline-line-height);text-align:left;white-space:normal;margin-left:8px;padding-right:8px;height:100%}.adf-attach-widget__icon{font-size:var(--theme-adf-picture-1-font-size);height:var(--theme-adf-picture-1-font-size);width:var(--theme-adf-picture-1-font-size);line-height:calc(var(--theme-adf-picture-1-font-size) - 2px)}.adf-attach-widget__reset{margin-top:-2px}.adf-attach-files-row{margin-bottom:0}.adf-attach-files-row>div:first-child{cursor:pointer}.adf-attach-selected-file-row>div:first-child .adf-datatable-selected{color:var(--theme-primary-color);padding-right:6px}.adf-attach-file-widget-container{margin:15px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FilePropertiesTableCloudComponent, selector: "adf-cloud-file-properties-table", inputs: ["uploadedFiles", "hasFile", "selectedNode", "field", "displayedColumns", "mimeTypeIcon"], outputs: ["rowClick", "attachFileClick", "downloadFile", "uploadNewFileVersion", "contentModelFileHandler", "removeAttachFile"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AttachFileCloudWidgetComponent, isStandalone: true, selector: "adf-cloud-attach-file-cloud-widget", outputs: { error: "error" }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-attach-file-widget-container\">\n    <div class=\"adf-attach-widget {{field.className}}\"\n        [class.adf-readonly]=\"field.readOnly\">\n        <label class=\"adf-label\" [attr.for]=\"field.id\">{{field.name}}\n            <span class=\"adf-asterisk\" *ngIf=\"isRequired()\">*</span>\n        </label>\n        <div class=\"adf-attach-widget-container\" (focusout)=\"markAsTouched()\">\n            <div class=\"adf-attach-widget__menu-upload\" *ngIf=\"isUploadButtonVisible()\">\n                <button\n                    (click)=\"openSelectDialog()\"\n                    mat-raised-button\n                    class=\"adf-attach-widget__menu-upload__button\"\n                    color=\"primary\"\n                    [id]=\"field.id\"\n                    [title]=\"field.tooltip\">\n                        {{ 'FORM.FIELD.ATTACH' | translate }}\n                        <mat-icon class=\"adf-attach-widget__menu-upload__button__icon\">{{getWidgetIcon()}}</mat-icon>\n                </button>\n            </div>\n        </div>\n    </div>\n\n    <div data-automation-id=\"adf-attach-widget-readonly-list\" class=\"adf-attach-widget-readonly-table\">\n        <adf-cloud-file-properties-table\n            [uploadedFiles]=\"uploadedFiles\"\n            [hasFile]=\"hasFile\"\n            [selectedNode]=\"selectedNode\"\n            [field]=\"field\"\n            [displayedColumns]=\"displayedColumns\"\n            [mimeTypeIcon]=\"mimeTypeIcon\"\n            (rowClick)=\"onRowClicked($event)\"\n            (attachFileClick)=\"onAttachFileClicked($event)\"\n            (downloadFile)=\"downloadContent($event)\"\n            (uploadNewFileVersion)=\"onUploadNewFileVersion($event)\"\n            (contentModelFileHandler)=\"contentModelFormFileHandler($event)\"\n            (removeAttachFile)=\"onRemoveAttachFile($event)\"\n        />\n        <div *ngIf=\"!hasFile && field.readOnly\" id=\"{{'adf-attach-empty-list-'+field.id}}\">\n            {{ 'FORM.FIELD.NO_FILE_ATTACHED' | translate }}\n        </div>\n\n    </div>\n\n    <error-widget [error]=\"field.validationSummary\" />\n    <error-widget *ngIf=\"!field.isValid && isTouched() && !isSelected()\" required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\" />\n</div>\n", styles: [".adf-attach-widget-container{display:flex;align-items:center}.adf-attach-widget-container input{cursor:pointer;height:100%;right:0;opacity:0;position:absolute;top:0;width:300px;z-index:4}.adf-label{white-space:normal;height:100%}.adf-attach-widget__menu-upload{display:flex;align-items:center;margin-right:8px;word-break:normal}.adf-attach-widget__menu-upload .adf-attach-widget__menu-upload__button{line-height:28px;font-size:var(--theme-caption-font-size)}.adf-attach-widget__menu-upload button span{font-size:var(--theme-caption-font-size)}.adf-attach-widget__input-type{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.adf-attach-widget__image-logo{padding-left:5px}.adf-attach-widget{display:flex;justify-content:space-between;word-break:break-all;padding:.4375em;border-bottom:none;background:var(--adf-theme-mat-grey-color-a200);min-height:27px;margin-bottom:12px}.adf-attach-widget .adf-label{width:100%;font-size:var(--theme-caption-font-size);line-height:var(--theme-headline-line-height);text-align:left;white-space:normal;margin-left:8px;padding-right:8px;height:100%}.adf-attach-widget__icon{font-size:var(--theme-adf-picture-1-font-size);height:var(--theme-adf-picture-1-font-size);width:var(--theme-adf-picture-1-font-size);line-height:calc(var(--theme-adf-picture-1-font-size) - 2px)}.adf-attach-widget__reset{margin-top:-2px}.adf-attach-files-row{margin-bottom:0}.adf-attach-files-row>div:first-child{cursor:pointer}.adf-attach-selected-file-row>div:first-child .adf-datatable-selected{color:var(--theme-primary-color);padding-right:6px}.adf-attach-file-widget-container{margin:15px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FilePropertiesTableCloudComponent, selector: "adf-cloud-file-properties-table", inputs: ["uploadedFiles", "hasFile", "selectedNode", "field", "displayedColumns", "mimeTypeIcon"], outputs: ["rowClick", "attachFileClick", "downloadFile", "uploadNewFileVersion", "contentModelFileHandler", "removeAttachFile"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AttachFileCloudWidgetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'adf-cloud-attach-file-cloud-widget', imports: [CommonModule, ErrorWidgetComponent, TranslatePipe, MatIconModule, FilePropertiesTableCloudComponent, MatButtonModule], host: {
-                        '(click)': 'event($event)',
-                        '(blur)': 'event($event)',
-                        '(change)': 'event($event)',
-                        '(focus)': 'event($event)',
-                        '(focusin)': 'event($event)',
-                        '(focusout)': 'event($event)',
-                        '(input)': 'event($event)',
-                        '(invalid)': 'event($event)',
-                        '(select)': 'event($event)'
-                    }, encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-attach-file-widget-container\">\n    <div class=\"adf-attach-widget {{field.className}}\"\n        [class.adf-readonly]=\"field.readOnly\">\n        <label class=\"adf-label\" [attr.for]=\"field.id\">{{field.name}}\n            <span class=\"adf-asterisk\" *ngIf=\"isRequired()\">*</span>\n        </label>\n        <div class=\"adf-attach-widget-container\" (focusout)=\"markAsTouched()\">\n            <div class=\"adf-attach-widget__menu-upload\" *ngIf=\"isUploadButtonVisible()\">\n                <button\n                    (click)=\"openSelectDialog()\"\n                    mat-raised-button\n                    class=\"adf-attach-widget__menu-upload__button\"\n                    color=\"primary\"\n                    [id]=\"field.id\"\n                    [title]=\"field.tooltip\">\n                        {{ 'FORM.FIELD.ATTACH' | translate }}\n                        <mat-icon class=\"adf-attach-widget__menu-upload__button__icon\">{{getWidgetIcon()}}</mat-icon>\n                </button>\n            </div>\n        </div>\n    </div>\n\n    <div data-automation-id=\"adf-attach-widget-readonly-list\" class=\"adf-attach-widget-readonly-table\">\n        <adf-cloud-file-properties-table\n            [uploadedFiles]=\"uploadedFiles\"\n            [hasFile]=\"hasFile\"\n            [selectedNode]=\"selectedNode\"\n            [field]=\"field\"\n            [displayedColumns]=\"displayedColumns\"\n            [mimeTypeIcon]=\"mimeTypeIcon\"\n            (rowClick)=\"onRowClicked($event)\"\n            (attachFileClick)=\"onAttachFileClicked($event)\"\n            (downloadFile)=\"downloadContent($event)\"\n            (uploadNewFileVersion)=\"onUploadNewFileVersion($event)\"\n            (contentModelFileHandler)=\"contentModelFormFileHandler($event)\"\n            (removeAttachFile)=\"onRemoveAttachFile($event)\"\n        />\n        <div *ngIf=\"!hasFile && field.readOnly\" id=\"{{'adf-attach-empty-list-'+field.id}}\">\n            {{ 'FORM.FIELD.NO_FILE_ATTACHED' | translate }}\n        </div>\n\n    </div>\n\n    <error-widget [error]=\"field.validationSummary\" />\n    <error-widget *ngIf=\"!field.isValid && isTouched() && !isSelected()\" required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\" />\n</div>\n", styles: [".adf-attach-widget-container{display:flex;align-items:center}.adf-attach-widget-container input{cursor:pointer;height:100%;right:0;opacity:0;position:absolute;top:0;width:300px;z-index:4}.adf-label{white-space:normal;height:100%}.adf-attach-widget__menu-upload{display:flex;align-items:center;margin-right:8px;word-break:normal}.adf-attach-widget__menu-upload .adf-attach-widget__menu-upload__button{line-height:28px;font-size:var(--theme-caption-font-size)}.adf-attach-widget__menu-upload button span{font-size:var(--theme-caption-font-size)}.adf-attach-widget__input-type{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.adf-attach-widget__image-logo{padding-left:5px}.adf-attach-widget{display:flex;justify-content:space-between;word-break:break-all;padding:.4375em;border-bottom:none;background:var(--adf-theme-mat-grey-color-a200);min-height:27px;margin-bottom:12px}.adf-attach-widget .adf-label{width:100%;font-size:var(--theme-caption-font-size);line-height:var(--theme-headline-line-height);text-align:left;white-space:normal;margin-left:8px;padding-right:8px;height:100%}.adf-attach-widget__icon{font-size:var(--theme-adf-picture-1-font-size);height:var(--theme-adf-picture-1-font-size);width:var(--theme-adf-picture-1-font-size);line-height:calc(var(--theme-adf-picture-1-font-size) - 2px)}.adf-attach-widget__reset{margin-top:-2px}.adf-attach-files-row{margin-bottom:0}.adf-attach-files-row>div:first-child{cursor:pointer}.adf-attach-selected-file-row>div:first-child .adf-datatable-selected{color:var(--theme-primary-color);padding-right:6px}.adf-attach-file-widget-container{margin:15px}\n"] }]
+            args: [{ selector: 'adf-cloud-attach-file-cloud-widget', imports: [CommonModule, ErrorWidgetComponent, TranslatePipe, MatIconModule, FilePropertiesTableCloudComponent, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-attach-file-widget-container\">\n    <div class=\"adf-attach-widget {{field.className}}\"\n        [class.adf-readonly]=\"field.readOnly\">\n        <label class=\"adf-label\" [attr.for]=\"field.id\">{{field.name}}\n            <span class=\"adf-asterisk\" *ngIf=\"isRequired()\">*</span>\n        </label>\n        <div class=\"adf-attach-widget-container\" (focusout)=\"markAsTouched()\">\n            <div class=\"adf-attach-widget__menu-upload\" *ngIf=\"isUploadButtonVisible()\">\n                <button\n                    (click)=\"openSelectDialog()\"\n                    mat-raised-button\n                    class=\"adf-attach-widget__menu-upload__button\"\n                    color=\"primary\"\n                    [id]=\"field.id\"\n                    [title]=\"field.tooltip\">\n                        {{ 'FORM.FIELD.ATTACH' | translate }}\n                        <mat-icon class=\"adf-attach-widget__menu-upload__button__icon\">{{getWidgetIcon()}}</mat-icon>\n                </button>\n            </div>\n        </div>\n    </div>\n\n    <div data-automation-id=\"adf-attach-widget-readonly-list\" class=\"adf-attach-widget-readonly-table\">\n        <adf-cloud-file-properties-table\n            [uploadedFiles]=\"uploadedFiles\"\n            [hasFile]=\"hasFile\"\n            [selectedNode]=\"selectedNode\"\n            [field]=\"field\"\n            [displayedColumns]=\"displayedColumns\"\n            [mimeTypeIcon]=\"mimeTypeIcon\"\n            (rowClick)=\"onRowClicked($event)\"\n            (attachFileClick)=\"onAttachFileClicked($event)\"\n            (downloadFile)=\"downloadContent($event)\"\n            (uploadNewFileVersion)=\"onUploadNewFileVersion($event)\"\n            (contentModelFileHandler)=\"contentModelFormFileHandler($event)\"\n            (removeAttachFile)=\"onRemoveAttachFile($event)\"\n        />\n        <div *ngIf=\"!hasFile && field.readOnly\" id=\"{{'adf-attach-empty-list-'+field.id}}\">\n            {{ 'FORM.FIELD.NO_FILE_ATTACHED' | translate }}\n        </div>\n\n    </div>\n\n    <error-widget [error]=\"field.validationSummary\" />\n    <error-widget *ngIf=\"!field.isValid && isTouched() && !isSelected()\" required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\" />\n</div>\n", styles: [".adf-attach-widget-container{display:flex;align-items:center}.adf-attach-widget-container input{cursor:pointer;height:100%;right:0;opacity:0;position:absolute;top:0;width:300px;z-index:4}.adf-label{white-space:normal;height:100%}.adf-attach-widget__menu-upload{display:flex;align-items:center;margin-right:8px;word-break:normal}.adf-attach-widget__menu-upload .adf-attach-widget__menu-upload__button{line-height:28px;font-size:var(--theme-caption-font-size)}.adf-attach-widget__menu-upload button span{font-size:var(--theme-caption-font-size)}.adf-attach-widget__input-type{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.adf-attach-widget__image-logo{padding-left:5px}.adf-attach-widget{display:flex;justify-content:space-between;word-break:break-all;padding:.4375em;border-bottom:none;background:var(--adf-theme-mat-grey-color-a200);min-height:27px;margin-bottom:12px}.adf-attach-widget .adf-label{width:100%;font-size:var(--theme-caption-font-size);line-height:var(--theme-headline-line-height);text-align:left;white-space:normal;margin-left:8px;padding-right:8px;height:100%}.adf-attach-widget__icon{font-size:var(--theme-adf-picture-1-font-size);height:var(--theme-adf-picture-1-font-size);width:var(--theme-adf-picture-1-font-size);line-height:calc(var(--theme-adf-picture-1-font-size) - 2px)}.adf-attach-widget__reset{margin-top:-2px}.adf-attach-files-row{margin-bottom:0}.adf-attach-files-row>div:first-child{cursor:pointer}.adf-attach-selected-file-row>div:first-child .adf-datatable-selected{color:var(--theme-primary-color);padding-right:6px}.adf-attach-file-widget-container{margin:15px}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.FormService }], propDecorators: { error: [{
                 type: Output
             }] } });
@@ -8204,7 +8003,7 @@ class DateCloudWidgetComponent extends WidgetComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: DateCloudWidgetComponent, isStandalone: true, selector: "date-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, providers: [
             { provide: MAT_DATE_FORMATS, useValue: ADF_DATE_FORMATS },
             { provide: DateAdapter, useClass: AdfDateFnsAdapter }
-        ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"{{field.className}}\"\n    id=\"data-widget\"\n    [class.adf-invalid]=\"dateInputControl.invalid && dateInputControl.touched\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\"\n            >{{field.name | translate }} ({{field.dateDisplayFormat}})<span\n                class=\"adf-asterisk\"\n                [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\"\n                >*</span\n            ></label\n        >\n    </div>\n    <div class=\"adf-date-widget-container\">\n        <mat-form-field class=\"adf-date-widget adf-form-field-input\" [class.adf-left-label-input-datepicker]=\"field.leftLabels\">\n            @if ( (field.name || field?.required) && !field.leftLabels) {\n                <mat-label class=\"adf-label\" [attr.for]=\"field.id\">\n                    {{field.name | translate }} ({{field.dateDisplayFormat}})\n                </mat-label>\n            }\n            <input\n                matInput\n                class=\"adf-input\"\n                [matDatepicker]=\"datePicker\"\n                [id]=\"field.id\"\n                [formControl]=\"dateInputControl\"\n                [placeholder]=\"field.placeholder\"\n                [required]=\"field.required && field.isVisible\"\n                [min]=\"minDate\"\n                [max]=\"maxDate\"\n                [title]=\"field.tooltip\"\n            />\n            <mat-datepicker-toggle matSuffix [for]=\"datePicker\" [disabled]=\"field.readOnly\" />\n            <mat-datepicker #datePicker [startAt]=\"startAt\" [disabled]=\"field.readOnly\" />\n        </mat-form-field>\n        <div class=\"adf-error-messages-container\">\n            <error-widget *ngIf=\"dateInputControl.invalid && dateInputControl.touched\" [error]=\"field.validationSummary\" />\n        </div>\n    </div>\n</div>\n", styles: [".adf-date-widget .mat-mdc-form-field-text-suffix{top:26px}.adf-date-widget .adf-label{top:20px}.adf-date-widget-container{display:flex;align-items:flex-start;flex-direction:column}.adf-left-label-input-datepicker .mat-mdc-form-field-text-suffix{top:0}.adf-left-label-input-datepicker .mat-mdc-form-text-infix{width:100%}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2$3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"{{field.className}}\"\n    id=\"data-widget\"\n    [class.adf-invalid]=\"dateInputControl.invalid && dateInputControl.touched\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\"\n            >{{field.name | translate }} ({{field.dateDisplayFormat}})<span\n                class=\"adf-asterisk\"\n                [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\"\n                >*</span\n            ></label\n        >\n    </div>\n    <div class=\"adf-date-widget-container\">\n        <mat-form-field class=\"adf-date-widget adf-form-field-input\" [class.adf-left-label-input-datepicker]=\"field.leftLabels\">\n            @if ( (field.name || field?.required) && !field.leftLabels) {\n                <mat-label class=\"adf-label\" [attr.for]=\"field.id\">\n                    {{field.name | translate }} ({{field.dateDisplayFormat}})\n                </mat-label>\n            }\n            <input\n                matInput\n                class=\"adf-input\"\n                [matDatepicker]=\"datePicker\"\n                [id]=\"field.id\"\n                [formControl]=\"dateInputControl\"\n                [placeholder]=\"field.placeholder\"\n                [required]=\"field.required && field.isVisible\"\n                [min]=\"minDate\"\n                [max]=\"maxDate\"\n                [title]=\"field.tooltip\"\n            />\n            <mat-datepicker-toggle matSuffix [for]=\"datePicker\" [disabled]=\"field.readOnly\" />\n            <mat-datepicker #datePicker [startAt]=\"startAt\" [disabled]=\"field.readOnly\" />\n        </mat-form-field>\n        <div class=\"adf-error-messages-container\">\n            <error-widget *ngIf=\"dateInputControl.invalid && dateInputControl.touched\" [error]=\"field.validationSummary\" />\n        </div>\n    </div>\n</div>\n", styles: [".adf-date-widget .mat-mdc-form-field-text-suffix{top:26px}.adf-date-widget .adf-label{top:20px}.adf-date-widget-container{display:flex;align-items:flex-start;flex-direction:column}.adf-left-label-input-datepicker .mat-mdc-form-field-text-suffix{top:0}.adf-left-label-input-datepicker .mat-mdc-form-text-infix{width:100%}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2$3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DateCloudWidgetComponent, decorators: [{
             type: Component,
@@ -8308,6 +8107,7 @@ const DEFAULT_OPTION = {
     name: 'Choose one...'
 };
 const HIDE_FILTER_LIMIT = 5;
+const DROPDOWN_CLOUD_WIDGET_SET_VALUE_DEBOUNCE = 100;
 /* eslint-disable @angular-eslint/component-selector */
 class DropdownCloudWidgetComponent extends WidgetComponent {
     constructor() {
@@ -8328,6 +8128,7 @@ class DropdownCloudWidgetComponent extends WidgetComponent {
         this.defaultVariableOptionId = 'id';
         this.defaultVariableOptionLabel = 'name';
         this.defaultVariableOptionPath = 'data';
+        this.debounceSetValue = new Subject();
     }
     get showRequiredMessage() {
         return this.dropdownControl.touched && this.dropdownControl.errors?.required && !this.isRestApiFailed && !this.variableOptionsFailed;
@@ -8357,6 +8158,26 @@ class DropdownCloudWidgetComponent extends WidgetComponent {
         return this.field?.optionType === 'variable';
     }
     ngOnInit() {
+        /*
+            We can have a lot of 'control.setValue' caused by form rules events
+            e.g. every time if we focusin/focusout etc. we are calling a setValue.
+        */
+        this.debounceSetValue.pipe(debounceTime(DROPDOWN_CLOUD_WIDGET_SET_VALUE_DEBOUNCE), takeUntilDestroyed(this.destroyRef)).subscribe(() => {
+            let value;
+            if (Array.isArray(this.field.value)) {
+                value = this.field?.value;
+            }
+            else if (this.field?.value && typeof this.field?.value === 'object') {
+                value = { id: this.field?.value.id, name: this.field?.value.name };
+            }
+            else if (this.field.value === null) {
+                value = this.field.value;
+            }
+            else {
+                value = { id: this.field?.value, name: '' };
+            }
+            this.dropdownControl.setValue(value, { emitEvent: false });
+        });
         this.setupDropdown();
         this.formService.onFormVariableChanged.subscribe(({ field }) => {
             if (field.id === this.field.id) {
@@ -8409,18 +8230,7 @@ class DropdownCloudWidgetComponent extends WidgetComponent {
         });
     }
     setFormControlValue() {
-        if (Array.isArray(this.field.value)) {
-            this.dropdownControl.setValue(this.field?.value, { emitEvent: false });
-        }
-        else if (this.field?.value && typeof this.field?.value === 'object') {
-            this.dropdownControl.setValue({ id: this.field?.value.id, name: this.field?.value.name }, { emitEvent: false });
-        }
-        else if (this.field.value === null) {
-            this.dropdownControl.setValue(this.field?.value, { emitEvent: false });
-        }
-        else {
-            this.dropdownControl.setValue({ id: this.field?.value, name: '' }, { emitEvent: false });
-        }
+        this.debounceSetValue.next();
     }
     updateFormControlState() {
         this.updateDropdownValidationRules();
@@ -8716,13 +8526,14 @@ class DropdownCloudWidgetComponent extends WidgetComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DropdownCloudWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: DropdownCloudWidgetComponent, isStandalone: true, selector: "dropdown-cloud-widget", usesInheritance: true, ngImport: i0, template: "<div\n    class=\"adf-dropdown-widget {{field.className}}\"\n    [class.adf-invalid]=\"dropdownControl.invalid && dropdownControl.touched\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">\n            {{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n        </label>\n    </div>\n    <div>\n        <mat-form-field class=\"adf-form-field-input\">\n            @if ( (field.name || this.field?.required) && !field.leftLabels) {\n            <mat-label class=\"adf-label\" [attr.for]=\"field.id\">{{ field.name | translate }}</mat-label> }\n            <mat-select\n                class=\"adf-select\"\n                [formControl]=\"dropdownControl\"\n                [id]=\"field.id\"\n                [compareWith]=\"compareDropdownValues\"\n                [title]=\"field.tooltip\"\n                panelClass=\"adf-select-filter\"\n                [multiple]=\"field.hasMultipleValues\"\n                [disabled]=\"field.readOnly\"\n                [required]=\"field.required \"\n            >\n                <adf-select-filter-input *ngIf=\"showInputFilter\" (change)=\"filter$.next($event)\" />\n\n                <mat-option *ngFor=\"let opt of list$ | async\" [value]=\"opt\" [id]=\"opt.id\">{{opt.name}}</mat-option>\n                <mat-option id=\"readonlyOption\" *ngIf=\"isReadOnlyType\" [value]=\"field.value\">{{field.value}}</mat-option>\n            </mat-select>\n        </mat-form-field>\n        <div\n            class=\"adf-error-messages-container\"\n            [ngClass]=\"!previewState && !field.readOnly ? 'adf-error-messages-container-visible' : 'adf-error-messages-container-hidden'\"\n        >\n            <error-widget class=\"adf-dropdown-required-message\" *ngIf=\"showRequiredMessage\" required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\" />\n            <error-widget\n                class=\"adf-dropdown-failed-message\"\n                *ngIf=\"isRestApiFailed\"\n                required=\"{{ 'FORM.FIELD.REST_API_FAILED' | translate: { hostname: restApiHostName } }}\"\n            />\n            <error-widget\n                class=\"adf-dropdown-failed-message\"\n                *ngIf=\"variableOptionsFailed\"\n                required=\"{{ 'FORM.FIELD.VARIABLE_DROPDOWN_OPTIONS_FAILED' | translate }}\"\n            />\n        </div>\n    </div>\n</div>\n", styles: [".adf-dropdown-widget{width:100%}.adf-dropdown-widget .adf-select{padding-top:0;width:100%}.adf-dropdown-widget .adf-select-filter{font-size:var(--theme-body-1-font-size)}.adf-dropdown-widget-select{width:100%}.adf-dropdown-widget-dropdown-required-message .adf-error-container,.adf-dropdown-widget-dropdown-failed-message .adf-error-container{margin-top:1px}.adf-dropdown-widget .mat-mdc-select-arrow-wrapper{height:auto}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: SelectFilterInputComponent, selector: "adf-select-filter-input", outputs: ["change"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: DropdownCloudWidgetComponent, isStandalone: true, selector: "dropdown-cloud-widget", host: { listeners: { "click": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div\n    class=\"adf-dropdown-widget {{field.className}}\"\n    [class.adf-invalid]=\"dropdownControl.invalid && dropdownControl.touched\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">\n            {{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n        </label>\n    </div>\n    <div>\n        <mat-form-field class=\"adf-form-field-input\">\n            @if ( (field.name || this.field?.required) && !field.leftLabels) {\n                <mat-label class=\"adf-label\" [attr.for]=\"field.id\">{{ field.name | translate }}</mat-label>\n            }\n            <mat-select\n                class=\"adf-select\"\n                [formControl]=\"dropdownControl\"\n                [id]=\"field.id\"\n                [compareWith]=\"compareDropdownValues\"\n                [title]=\"field.tooltip\"\n                panelClass=\"adf-select-filter\"\n                [multiple]=\"field.hasMultipleValues\"\n                [disabled]=\"field.readOnly\"\n                [required]=\"field.required\"\n            >\n                <adf-select-filter-input *ngIf=\"showInputFilter\" (change)=\"filter$.next($event)\" />\n\n                @for(opt of (list$ | async); track opt.id) {\n                    <mat-option [value]=\"opt\" [id]=\"opt.id\">\n                        {{opt.name}}\n                    </mat-option>\n                }\n\n                @if(isReadOnlyType) {\n                    <mat-option\n                        [id]=\"'readonlyOption-' + field.id\"\n                        [value]=\"field.value\"\n                    >\n                        {{field.value}}\n                    </mat-option>\n                }\n            </mat-select>\n        </mat-form-field>\n\n        <div\n            class=\"adf-error-messages-container\"\n            [ngClass]=\"!previewState && !field.readOnly ? 'adf-error-messages-container-visible' : 'adf-error-messages-container-hidden'\"\n        >\n            <error-widget class=\"adf-dropdown-required-message\" *ngIf=\"showRequiredMessage\" required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\" />\n            <error-widget\n                class=\"adf-dropdown-failed-message\"\n                *ngIf=\"isRestApiFailed\"\n                required=\"{{ 'FORM.FIELD.REST_API_FAILED' | translate: { hostname: restApiHostName } }}\"\n            />\n            <error-widget\n                class=\"adf-dropdown-failed-message\"\n                *ngIf=\"variableOptionsFailed\"\n                required=\"{{ 'FORM.FIELD.VARIABLE_DROPDOWN_OPTIONS_FAILED' | translate }}\"\n            />\n        </div>\n    </div>\n</div>\n", styles: [".adf-dropdown-widget{width:100%}.adf-dropdown-widget .adf-select{padding-top:0;width:100%}.adf-dropdown-widget .adf-select-filter{font-size:var(--theme-body-1-font-size)}.adf-dropdown-widget-select{width:100%}.adf-dropdown-widget-dropdown-required-message .adf-error-container,.adf-dropdown-widget-dropdown-failed-message .adf-error-container{margin-top:1px}.adf-dropdown-widget .mat-mdc-select-arrow-wrapper{height:auto}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: SelectFilterInputComponent, selector: "adf-select-filter-input", outputs: ["change"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DropdownCloudWidgetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dropdown-cloud-widget', encapsulation: ViewEncapsulation.None, imports: [
+            args: [{ selector: 'dropdown-cloud-widget', host: {
+                        '(click)': 'event($event)'
+                    }, encapsulation: ViewEncapsulation.None, imports: [
                         NgIf,
-                        NgFor,
                         NgClass,
                         AsyncPipe,
                         ReactiveFormsModule,
@@ -8731,7 +8542,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         ErrorWidgetComponent,
                         TranslatePipe,
                         SelectFilterInputComponent
-                    ], template: "<div\n    class=\"adf-dropdown-widget {{field.className}}\"\n    [class.adf-invalid]=\"dropdownControl.invalid && dropdownControl.touched\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">\n            {{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n        </label>\n    </div>\n    <div>\n        <mat-form-field class=\"adf-form-field-input\">\n            @if ( (field.name || this.field?.required) && !field.leftLabels) {\n            <mat-label class=\"adf-label\" [attr.for]=\"field.id\">{{ field.name | translate }}</mat-label> }\n            <mat-select\n                class=\"adf-select\"\n                [formControl]=\"dropdownControl\"\n                [id]=\"field.id\"\n                [compareWith]=\"compareDropdownValues\"\n                [title]=\"field.tooltip\"\n                panelClass=\"adf-select-filter\"\n                [multiple]=\"field.hasMultipleValues\"\n                [disabled]=\"field.readOnly\"\n                [required]=\"field.required \"\n            >\n                <adf-select-filter-input *ngIf=\"showInputFilter\" (change)=\"filter$.next($event)\" />\n\n                <mat-option *ngFor=\"let opt of list$ | async\" [value]=\"opt\" [id]=\"opt.id\">{{opt.name}}</mat-option>\n                <mat-option id=\"readonlyOption\" *ngIf=\"isReadOnlyType\" [value]=\"field.value\">{{field.value}}</mat-option>\n            </mat-select>\n        </mat-form-field>\n        <div\n            class=\"adf-error-messages-container\"\n            [ngClass]=\"!previewState && !field.readOnly ? 'adf-error-messages-container-visible' : 'adf-error-messages-container-hidden'\"\n        >\n            <error-widget class=\"adf-dropdown-required-message\" *ngIf=\"showRequiredMessage\" required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\" />\n            <error-widget\n                class=\"adf-dropdown-failed-message\"\n                *ngIf=\"isRestApiFailed\"\n                required=\"{{ 'FORM.FIELD.REST_API_FAILED' | translate: { hostname: restApiHostName } }}\"\n            />\n            <error-widget\n                class=\"adf-dropdown-failed-message\"\n                *ngIf=\"variableOptionsFailed\"\n                required=\"{{ 'FORM.FIELD.VARIABLE_DROPDOWN_OPTIONS_FAILED' | translate }}\"\n            />\n        </div>\n    </div>\n</div>\n", styles: [".adf-dropdown-widget{width:100%}.adf-dropdown-widget .adf-select{padding-top:0;width:100%}.adf-dropdown-widget .adf-select-filter{font-size:var(--theme-body-1-font-size)}.adf-dropdown-widget-select{width:100%}.adf-dropdown-widget-dropdown-required-message .adf-error-container,.adf-dropdown-widget-dropdown-failed-message .adf-error-container{margin-top:1px}.adf-dropdown-widget .mat-mdc-select-arrow-wrapper{height:auto}\n"] }]
+                    ], template: "<div\n    class=\"adf-dropdown-widget {{field.className}}\"\n    [class.adf-invalid]=\"dropdownControl.invalid && dropdownControl.touched\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">\n            {{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n        </label>\n    </div>\n    <div>\n        <mat-form-field class=\"adf-form-field-input\">\n            @if ( (field.name || this.field?.required) && !field.leftLabels) {\n                <mat-label class=\"adf-label\" [attr.for]=\"field.id\">{{ field.name | translate }}</mat-label>\n            }\n            <mat-select\n                class=\"adf-select\"\n                [formControl]=\"dropdownControl\"\n                [id]=\"field.id\"\n                [compareWith]=\"compareDropdownValues\"\n                [title]=\"field.tooltip\"\n                panelClass=\"adf-select-filter\"\n                [multiple]=\"field.hasMultipleValues\"\n                [disabled]=\"field.readOnly\"\n                [required]=\"field.required\"\n            >\n                <adf-select-filter-input *ngIf=\"showInputFilter\" (change)=\"filter$.next($event)\" />\n\n                @for(opt of (list$ | async); track opt.id) {\n                    <mat-option [value]=\"opt\" [id]=\"opt.id\">\n                        {{opt.name}}\n                    </mat-option>\n                }\n\n                @if(isReadOnlyType) {\n                    <mat-option\n                        [id]=\"'readonlyOption-' + field.id\"\n                        [value]=\"field.value\"\n                    >\n                        {{field.value}}\n                    </mat-option>\n                }\n            </mat-select>\n        </mat-form-field>\n\n        <div\n            class=\"adf-error-messages-container\"\n            [ngClass]=\"!previewState && !field.readOnly ? 'adf-error-messages-container-visible' : 'adf-error-messages-container-hidden'\"\n        >\n            <error-widget class=\"adf-dropdown-required-message\" *ngIf=\"showRequiredMessage\" required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\" />\n            <error-widget\n                class=\"adf-dropdown-failed-message\"\n                *ngIf=\"isRestApiFailed\"\n                required=\"{{ 'FORM.FIELD.REST_API_FAILED' | translate: { hostname: restApiHostName } }}\"\n            />\n            <error-widget\n                class=\"adf-dropdown-failed-message\"\n                *ngIf=\"variableOptionsFailed\"\n                required=\"{{ 'FORM.FIELD.VARIABLE_DROPDOWN_OPTIONS_FAILED' | translate }}\"\n            />\n        </div>\n    </div>\n</div>\n", styles: [".adf-dropdown-widget{width:100%}.adf-dropdown-widget .adf-select{padding-top:0;width:100%}.adf-dropdown-widget .adf-select-filter{font-size:var(--theme-body-1-font-size)}.adf-dropdown-widget-select{width:100%}.adf-dropdown-widget-dropdown-required-message .adf-error-container,.adf-dropdown-widget-dropdown-failed-message .adf-error-container{margin-top:1px}.adf-dropdown-widget .mat-mdc-select-arrow-wrapper{height:auto}\n"] }]
         }] });
 
 /*!
@@ -8786,7 +8597,7 @@ class UnClaimTaskCloudDirective {
     async onClick() {
         try {
             this.renderer.setAttribute(this.el.nativeElement, 'disabled', 'true');
-            await this.taskListService.unclaimTask(this.appName, this.taskId).toPromise();
+            await firstValueFrom(this.taskListService.unclaimTask(this.appName, this.taskId));
             this.success.emit(this.taskId);
         }
         catch (error) {
@@ -8878,7 +8689,7 @@ class ClaimTaskCloudDirective {
         const currentUser = this.identityUserService.getCurrentUserInfo().username;
         try {
             this.renderer.setAttribute(this.el.nativeElement, 'disabled', 'true');
-            const result = await this.taskListService.claimTask(this.appName, this.taskId, currentUser).toPromise();
+            const result = await firstValueFrom(this.taskListService.claimTask(this.appName, this.taskId, currentUser));
             if (result) {
                 this.success.emit(result);
             }
@@ -8959,7 +8770,7 @@ class UserTaskCloudButtonsComponent {
         this.cancelClick.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: UserTaskCloudButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: UserTaskCloudButtonsComponent, isStandalone: true, selector: "adf-cloud-user-task-cloud-buttons", inputs: { appName: "appName", canClaimTask: "canClaimTask", canUnclaimTask: "canUnclaimTask", taskId: "taskId", showCancelButton: "showCancelButton", customCancelButtonText: "customCancelButtonText" }, outputs: { error: "error", cancelClick: "cancelClick", claimTask: "claimTask", unclaimTask: "unclaimTask" }, ngImport: i0, template: "<button *ngIf=\"showCancelButton\" mat-button id=\"adf-cloud-cancel-task\" (click)=\"onCancelClick()\">\n    {{ customCancelButtonText || ('ADF_CLOUD_TASK_FORM.EMPTY_FORM.BUTTONS.CANCEL' | translate) }}\n</button>\n<button\n    *ngIf=\"canClaimTask\"\n    adf-cloud-claim-task\n    class=\"adf-user-task-cloud-claim-btn\"\n    mat-button\n    [appName]=\"appName\"\n    [taskId]=\"taskId\"\n    (success)=\"onClaimTask()\"\n    (error)=\"onError($event)\"\n>\n    {{ 'ADF_CLOUD_TASK_FORM.EMPTY_FORM.BUTTONS.CLAIM' | translate }}\n</button>\n<button\n    *ngIf=\"canUnclaimTask\"\n    adf-cloud-unclaim-task\n    class=\"adf-user-task-cloud-unclaim-btn\"\n    mat-button\n    [appName]=\"appName\"\n    [taskId]=\"taskId\"\n    (success)=\"onUnclaimTask()\"\n    (error)=\"onError($event)\"\n>\n    {{ 'ADF_CLOUD_TASK_FORM.EMPTY_FORM.BUTTONS.UNCLAIM' | translate }}\n</button>\n", styles: ["button{margin-right:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: UnClaimTaskCloudDirective, selector: "[adf-cloud-unclaim-task]", inputs: ["taskId", "appName"], outputs: ["success", "error"] }, { kind: "directive", type: ClaimTaskCloudDirective, selector: "[adf-cloud-claim-task]", inputs: ["taskId", "appName"], outputs: ["success", "error"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: UserTaskCloudButtonsComponent, isStandalone: true, selector: "adf-cloud-user-task-cloud-buttons", inputs: { appName: "appName", canClaimTask: "canClaimTask", canUnclaimTask: "canUnclaimTask", taskId: "taskId", showCancelButton: "showCancelButton", customCancelButtonText: "customCancelButtonText" }, outputs: { error: "error", cancelClick: "cancelClick", claimTask: "claimTask", unclaimTask: "unclaimTask" }, ngImport: i0, template: "<button *ngIf=\"showCancelButton\" mat-button id=\"adf-cloud-cancel-task\" (click)=\"onCancelClick()\">\n    {{ customCancelButtonText || ('ADF_CLOUD_TASK_FORM.EMPTY_FORM.BUTTONS.CANCEL' | translate) }}\n</button>\n<button\n    *ngIf=\"canClaimTask\"\n    adf-cloud-claim-task\n    class=\"adf-user-task-cloud-claim-btn\"\n    mat-button\n    [appName]=\"appName\"\n    [taskId]=\"taskId\"\n    (success)=\"onClaimTask()\"\n    (error)=\"onError($event)\"\n>\n    {{ 'ADF_CLOUD_TASK_FORM.EMPTY_FORM.BUTTONS.CLAIM' | translate }}\n</button>\n<button\n    *ngIf=\"canUnclaimTask\"\n    adf-cloud-unclaim-task\n    class=\"adf-user-task-cloud-unclaim-btn\"\n    mat-button\n    [appName]=\"appName\"\n    [taskId]=\"taskId\"\n    (success)=\"onUnclaimTask()\"\n    (error)=\"onError($event)\"\n>\n    {{ 'ADF_CLOUD_TASK_FORM.EMPTY_FORM.BUTTONS.UNCLAIM' | translate }}\n</button>\n", styles: ["button{margin-right:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: UnClaimTaskCloudDirective, selector: "[adf-cloud-unclaim-task]", inputs: ["taskId", "appName"], outputs: ["success", "error"] }, { kind: "directive", type: ClaimTaskCloudDirective, selector: "[adf-cloud-claim-task]", inputs: ["taskId", "appName"], outputs: ["success", "error"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: UserTaskCloudButtonsComponent, decorators: [{
             type: Component,
@@ -9125,9 +8936,6 @@ class TaskFormCloudComponent {
     isReadOnly() {
         return this.readOnly || !this.taskCloudService.canCompleteTask(this.taskDetails);
     }
-    onCompleteTask() {
-        this.taskCompleted.emit(this.taskId);
-    }
     onClaimTask() {
         this.taskClaimed.emit(this.taskId);
     }
@@ -9142,7 +8950,7 @@ class TaskFormCloudComponent {
     }
     onFormCompleted(form) {
         this.formCompleted.emit(form);
-        this.taskCompleted.emit(this.taskId);
+        this.taskCompleted.emit(form);
     }
     onError(data) {
         this.error.emit(data);
@@ -9357,12 +9165,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class TaskScreenCloudComponent {
+class BaseScreenCloudComponent {
+    constructor() {
+        this.screenId = '';
+        this.screenRenderingService = inject(ScreenRenderingService);
+    }
+    ngOnInit() {
+        this.createDynamicComponent();
+    }
+    createDynamicComponent() {
+        if (this.screenId) {
+            const componentType = this.screenRenderingService.resolveComponentType({ type: this.screenId });
+            this.componentRef = this.container.createComponent(componentType);
+            this.setInputsForDynamicComponent();
+            this.subscribeToOutputs();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: BaseScreenCloudComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: BaseScreenCloudComponent, isStandalone: true, selector: "ng-component", inputs: { screenId: "screenId" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: BaseScreenCloudComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ''
+                }]
+        }], propDecorators: { screenId: [{
+                type: Input
+            }], container: [{
+                type: ViewChild,
+                args: ['container', { read: ViewContainerRef, static: true }]
+            }] } });
+
+/*!
+ * @license
+ * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class TaskScreenCloudComponent extends BaseScreenCloudComponent {
     constructor() {
+        super(...arguments);
         /** App name to fetch data for dynamic component. */
         this.appName = '';
-        /** Screen id to create dynamic component. */
-        this.screenId = '';
         /** Process Instance Id to fetch corresponding data. */
         this.processInstanceId = '';
         /** Name of the task. */
@@ -9390,18 +9244,6 @@ class TaskScreenCloudComponent {
         /** Emitted when the `Open next task` checkbox was toggled. */
         this.nextTaskCheckboxCheckedChanged = new EventEmitter();
         this.destroyRef = inject(DestroyRef);
-        this.screenRenderingService = inject(ScreenRenderingService);
-    }
-    ngOnInit() {
-        this.createDynamicComponent();
-    }
-    createDynamicComponent() {
-        if (this.screenId) {
-            const componentType = this.screenRenderingService.resolveComponentType({ type: this.screenId });
-            this.componentRef = this.container.createComponent(componentType);
-            this.setInputsForDynamicComponent();
-            this.subscribeToOutputs();
-        }
     }
     setInputsForDynamicComponent() {
         if (this.taskId && Object.prototype.hasOwnProperty.call(this.componentRef.instance, 'taskId')) {
@@ -9470,8 +9312,8 @@ class TaskScreenCloudComponent {
             this.componentRef.instance.switchToDisplayMode(newDisplayMode);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TaskScreenCloudComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TaskScreenCloudComponent, isStandalone: true, selector: "adf-cloud-task-screen", inputs: { taskId: "taskId", appName: "appName", canClaimTask: "canClaimTask", canUnclaimTask: "canUnclaimTask", showCancelButton: "showCancelButton", screenId: "screenId", processInstanceId: "processInstanceId", taskName: "taskName", readOnly: "readOnly", rootProcessInstanceId: "rootProcessInstanceId", isNextTaskCheckboxChecked: "isNextTaskCheckboxChecked", showNextTaskCheckbox: "showNextTaskCheckbox" }, outputs: { taskSaved: "taskSaved", taskCompleted: "taskCompleted", error: "error", cancelTask: "cancelTask", claimTask: "claimTask", unclaimTask: "unclaimTask", nextTaskCheckboxCheckedChanged: "nextTaskCheckboxCheckedChanged" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<mat-card>\n    <mat-card-content [ngStyle]=\"{'position':'relative'}\" >\n        <ng-container #container />\n    </mat-card-content>\n</mat-card>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TaskScreenCloudComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TaskScreenCloudComponent, isStandalone: true, selector: "adf-cloud-task-screen", inputs: { taskId: "taskId", appName: "appName", canClaimTask: "canClaimTask", canUnclaimTask: "canUnclaimTask", showCancelButton: "showCancelButton", processInstanceId: "processInstanceId", taskName: "taskName", readOnly: "readOnly", rootProcessInstanceId: "rootProcessInstanceId", isNextTaskCheckboxChecked: "isNextTaskCheckboxChecked", showNextTaskCheckbox: "showNextTaskCheckbox" }, outputs: { taskSaved: "taskSaved", taskCompleted: "taskCompleted", error: "error", cancelTask: "cancelTask", claimTask: "claimTask", unclaimTask: "unclaimTask", nextTaskCheckboxCheckedChanged: "nextTaskCheckboxCheckedChanged" }, usesInheritance: true, ngImport: i0, template: "<mat-card>\n    <mat-card-content [ngStyle]=\"{'position':'relative'}\" >\n        <ng-container #container />\n    </mat-card-content>\n</mat-card>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4$1.MatCardContent, selector: "mat-card-content" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TaskScreenCloudComponent, decorators: [{
             type: Component,
@@ -9486,8 +9328,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 type: Input
             }], showCancelButton: [{
                 type: Input
-            }], screenId: [{
-                type: Input
             }], processInstanceId: [{
                 type: Input
             }], taskName: [{
@@ -9514,9 +9354,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 type: Output
             }], nextTaskCheckboxCheckedChanged: [{
                 type: Output
-            }], container: [{
-                type: ViewChild,
-                args: ['container', { read: ViewContainerRef, static: true }]
             }] } });
 
 /*!
@@ -9571,7 +9408,7 @@ class CompleteTaskDirective {
     async onClick() {
         try {
             this.renderer.setAttribute(this.el.nativeElement, 'disabled', 'true');
-            const result = await this.taskListService.completeTask(this.appName, this.taskId).toPromise();
+            const result = await firstValueFrom(this.taskListService.completeTask(this.appName, this.taskId));
             if (result) {
                 this.success.emit(result);
             }
@@ -9587,21 +9424,75 @@ class CompleteTaskDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CompleteTaskDirective, decorators: [{
             type: Directive,
             args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: '[adf-cloud-complete-task]'
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: '[adf-cloud-complete-task]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: TaskCloudService }], propDecorators: { taskId: [{
+                type: Input
+            }], appName: [{
+                type: Input
+            }], success: [{
+                type: Output
+            }], error: [{
+                type: Output
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+/*!
+ * @license
+ * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const UserTaskContentType = {
+    Form: 'form',
+    Screen: 'screen',
+    None: ''
+};
+class TaskTypeResolverService {
+    isScreenTask(formKey) {
+        return this.getUserTaskType(formKey) === UserTaskContentType.Screen;
+    }
+    isFormTask(formKey) {
+        return this.getUserTaskType(formKey) === UserTaskContentType.Form;
+    }
+    getScreenId(formKey) {
+        const taskType = this.getUserTaskType(formKey);
+        if (taskType === UserTaskContentType.Screen) {
+            return formKey.replace(`${taskType}-`, '');
+        }
+        return '';
+    }
+    getUserTaskType(formKey) {
+        if (formKey?.includes(UserTaskContentType.Form)) {
+            return UserTaskContentType.Form;
+        }
+        if (formKey?.includes(UserTaskContentType.Screen)) {
+            return UserTaskContentType.Screen;
+        }
+        return UserTaskContentType.None;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TaskTypeResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TaskTypeResolverService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TaskTypeResolverService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: TaskCloudService }], propDecorators: { taskId: [{
-                type: Input
-            }], appName: [{
-                type: Input
-            }], success: [{
-                type: Output
-            }], error: [{
-                type: Output
-            }], onClick: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
+        }] });
 
 /*!
  * @license
@@ -9619,11 +9510,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const TaskTypes = {
-    Form: 'form',
-    Screen: 'screen',
-    None: ''
-};
 class UserTaskCloudComponent {
     constructor() {
         /** App id to fetch corresponding form and values. */
@@ -9689,8 +9575,9 @@ class UserTaskCloudComponent {
         this.candidateUsers = [];
         this.candidateGroups = [];
         this.loading = false;
-        this.taskTypeEnum = TaskTypes;
+        this.taskTypeEnum = UserTaskContentType;
         this.taskCloudService = inject(TaskCloudService);
+        this.taskTypeResolverService = inject(TaskTypeResolverService);
         this.destroyRef = inject(DestroyRef);
     }
     ngOnChanges(changes) {
@@ -9720,19 +9607,8 @@ class UserTaskCloudComponent {
         return !this.readOnly && this.taskCloudService.canUnclaimTask(this.taskDetails) && this.hasCandidateUsersOrGroups();
     }
     getTaskType() {
-        if (this.taskDetails && !!this.taskDetails.formKey) {
-            if (this.taskDetails.formKey.includes(this.taskTypeEnum.Form)) {
-                this.taskType = this.taskTypeEnum.Form;
-                return;
-            }
-            else if (this.taskDetails.formKey.includes(this.taskTypeEnum.Screen)) {
-                this.taskType = this.taskTypeEnum.Screen;
-                const screenId = this.taskDetails.formKey.replace(this.taskTypeEnum.Screen + '-', '');
-                this.screenId = screenId;
-                return;
-            }
-        }
-        this.taskType = this.taskTypeEnum.None;
+        this.taskType = this.taskTypeResolverService.getUserTaskType(this.taskDetails?.formKey);
+        this.screenId = this.taskTypeResolverService.getScreenId(this.taskDetails?.formKey);
     }
     hasCandidateUsers() {
         return this.candidateUsers.length !== 0;
@@ -9753,8 +9629,10 @@ class UserTaskCloudComponent {
         this.loadTask();
         this.taskClaimed.emit(this.taskId);
     }
-    onCompleteTask(openNextTask = false) {
-        this.loadTask();
+    onCompleteTask(openNextTask = false, taskType) {
+        if (!taskType || taskType !== UserTaskContentType.Screen) {
+            this.loadTask();
+        }
         this.taskCompleted.emit(openNextTask);
     }
     onCompleteTaskForm() {
@@ -9817,7 +9695,7 @@ class UserTaskCloudComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: UserTaskCloudComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: UserTaskCloudComponent, isStandalone: true, selector: "adf-cloud-user-task", inputs: { appName: "appName", displayModeConfigurations: "displayModeConfigurations", readOnly: "readOnly", showCancelButton: "showCancelButton", showCompleteButton: "showCompleteButton", showSaveButton: "showSaveButton", customCancelButtonText: "customCancelButtonText", customCompleteButtonText: "customCompleteButtonText", customSaveButtonText: "customSaveButtonText", showNextTaskCheckbox: "showNextTaskCheckbox", isNextTaskCheckboxChecked: "isNextTaskCheckboxChecked", showTitle: "showTitle", showValidationIcon: "showValidationIcon", taskId: "taskId" }, outputs: { cancelClick: "cancelClick", error: "error", nextTaskCheckboxCheckedChanged: "nextTaskCheckboxCheckedChanged", executeOutcome: "executeOutcome", formContentClicked: "formContentClicked", formLoaded: "formLoaded", formSaved: "formSaved", onTaskLoaded: "onTaskLoaded", taskClaimed: "taskClaimed", taskUnclaimed: "taskUnclaimed", taskCompleted: "taskCompleted" }, viewQueries: [{ propertyName: "adfCloudTaskForm", first: true, predicate: ["adfCloudTaskForm"], descendants: true }, { propertyName: "adfCloudTaskScreen", first: true, predicate: ["adfCloudTaskScreen"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"adf-user-task-cloud-container\">\n    <div *ngIf=\"!loading; else loadingTemplate\">\n        <ng-container [ngSwitch]=\"taskType\">\n            <ng-container *ngSwitchCase=\"taskTypeEnum.Form\">\n                <adf-cloud-task-form\n                    #adfCloudTaskForm\n                    [appName]=\"appName\"\n                    [candidateUsers]=\"candidateUsers\"\n                    [candidateGroups]=\"candidateGroups\"\n                    [displayModeConfigurations]=\"displayModeConfigurations\"\n                    [showValidationIcon]=\"showValidationIcon\"\n                    [showTitle]=\"showTitle\"\n                    [taskId]=\"taskId\"\n                    [taskDetails]=\"taskDetails\"\n                    [showCancelButton]=\"showCancelButton\"\n                    [showSaveButton]=\"showSaveButton && canCompleteTask()\"\n                    [showCompleteButton]=\"showCompleteButton && canCompleteTask()\"\n                    [customCancelButtonText]=\"customCancelButtonText\"\n                    [customSaveButtonText]=\"customSaveButtonText\"\n                    [customCompleteButtonText]=\"customCompleteButtonText\"\n                    (cancelClick)=\"onCancelForm()\"\n                    (executeOutcome)=\"onExecuteOutcome($event)\"\n                    (error)=\"onError($event)\"\n                    (formLoaded)=\"onFormLoaded($event)\"\n                    (formSaved)=\"onFormSaved()\"\n                    (formContentClicked)=\"onFormContentClicked($event)\"\n                    (taskCompleted)=\"onCompleteTaskForm()\"\n                    (taskClaimed)=\"onClaimTask()\"\n                    (taskUnclaimed)=\"onTaskUnclaimed()\"\n                />\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"taskTypeEnum.Screen\">\n                <adf-cloud-task-screen\n                    #adfCloudTaskScreen\n                    [appName]=\"appName\"\n                    [canClaimTask]=\"canClaimTask()\"\n                    [canUnclaimTask]=\"canUnclaimTask()\"\n                    [processInstanceId]=\"taskDetails.processInstanceId\"\n                    [rootProcessInstanceId]=\"taskDetails.rootProcessInstanceId\"\n                    [screenId]=\"screenId\"\n                    [showCancelButton]=\"showCancelButton\"\n                    [taskName]=\"taskDetails.name\"\n                    [taskId]=\"taskId\"\n                    [showNextTaskCheckbox]=\"showNextTaskCheckbox && canCompleteTask()\"\n                    [isNextTaskCheckboxChecked]=\"isNextTaskCheckboxChecked\"\n                    (cancelTask)=\"onCancelClick()\"\n                    (claimTask)=\"onClaimTask()\"\n                    (error)=\"onError($event)\"\n                    (taskCompleted)=\"onCompleteTask($event)\"\n                    (taskSaved)=\"onFormSaved()\"\n                    (unclaimTask)=\"onUnclaimTask()\"\n                    (nextTaskCheckboxCheckedChanged)=\"onNextTaskCheckboxCheckedChanged($event)\"\n                />\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"taskTypeEnum.None\">\n                <mat-card appearance=\"outlined\" class=\"adf-task-form-container\">\n                    <mat-card-header *ngIf=\"showTitle\">\n                        <mat-card-title>\n                            <h4>\n                                <span class=\"adf-form-title\">\n                                    {{ taskDetails?.name || 'FORM.FORM_RENDERER.NAMELESS_TASK' | translate }}\n                                </span>\n                            </h4>\n                        </mat-card-title>\n                    </mat-card-header>\n                    <mat-card-content>\n                        <adf-empty-content\n                            [icon]=\"'description'\"\n                            [title]=\"'ADF_CLOUD_TASK_FORM.EMPTY_FORM.TITLE'\"\n                            [subtitle]=\"'ADF_CLOUD_TASK_FORM.EMPTY_FORM.SUBTITLE'\"\n                        />\n                    </mat-card-content>\n                    <mat-card-actions class=\"adf-task-form-actions\" align=\"end\">\n                        <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n                        <button\n                            *ngIf=\"canCompleteTask()\"\n                            mat-button\n                            adf-cloud-complete-task\n                            [appName]=\"appName\"\n                            [taskId]=\"taskId\"\n                            (success)=\"onCompleteTask()\"\n                            (error)=\"onError($event)\"\n                            color=\"primary\"\n                            id=\"adf-form-complete\"\n                        >\n                            {{ customCompleteButtonText || ('ADF_CLOUD_TASK_FORM.EMPTY_FORM.BUTTONS.COMPLETE' | translate) }}\n                        </button>\n                    </mat-card-actions>\n                </mat-card>\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #loadingTemplate>\n    <mat-spinner class=\"adf-user-task-cloud-spinner\" />\n</ng-template>\n\n<ng-template #taskFormCloudButtons>\n    <adf-cloud-user-task-cloud-buttons\n        [appName]=\"appName\"\n        [canClaimTask]=\"canClaimTask()\"\n        [canUnclaimTask]=\"canUnclaimTask()\"\n        [showCancelButton]=\"showCancelButton\"\n        [customCancelButtonText]=\"customCancelButtonText\"\n        [taskId]=\"taskId\"\n        (cancelClick)=\"onCancelClick()\"\n        (claimTask)=\"onClaimTask()\"\n        (unclaimTask)=\"onUnclaimTask()\"\n        (error)=\"onError($event)\"\n    />\n</ng-template>\n", styles: [".adf-user-task-cloud-container{height:100%}.adf-user-task-cloud-container>div{height:100%}.adf-user-task-cloud-spinner{top:50%;left:50%;transform:translate(-50%,-50%)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: UserTaskCloudButtonsComponent, selector: "adf-cloud-user-task-cloud-buttons", inputs: ["appName", "canClaimTask", "canUnclaimTask", "taskId", "showCancelButton", "customCancelButtonText"], outputs: ["error", "cancelClick", "claimTask", "unclaimTask"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i4.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "component", type: TaskScreenCloudComponent, selector: "adf-cloud-task-screen", inputs: ["taskId", "appName", "canClaimTask", "canUnclaimTask", "showCancelButton", "screenId", "processInstanceId", "taskName", "readOnly", "rootProcessInstanceId", "isNextTaskCheckboxChecked", "showNextTaskCheckbox"], outputs: ["taskSaved", "taskCompleted", "error", "cancelTask", "claimTask", "unclaimTask", "nextTaskCheckboxCheckedChanged"] }, { kind: "component", type: TaskFormCloudComponent, selector: "adf-cloud-task-form", inputs: ["appName", "candidateUsers", "candidateGroups", "taskId", "showTitle", "showRefreshButton", "showValidationIcon", "showCancelButton", "showCompleteButton", "showSaveButton", "customCancelButtonText", "customCompleteButtonText", "customSaveButtonText", "readOnly", "displayModeConfigurations", "taskDetails"], outputs: ["formLoaded", "formSaved", "formCompleted", "taskCompleted", "taskClaimed", "taskUnclaimed", "cancelClick", "error", "formContentClicked", "executeOutcome", "displayModeOn", "displayModeOff"] }, { kind: "directive", type: CompleteTaskDirective, selector: "[adf-cloud-complete-task]", inputs: ["taskId", "appName"], outputs: ["success", "error"] }, { kind: "ngmodule", type: MatCheckboxModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: UserTaskCloudComponent, isStandalone: true, selector: "adf-cloud-user-task", inputs: { appName: "appName", displayModeConfigurations: "displayModeConfigurations", readOnly: "readOnly", showCancelButton: "showCancelButton", showCompleteButton: "showCompleteButton", showSaveButton: "showSaveButton", customCancelButtonText: "customCancelButtonText", customCompleteButtonText: "customCompleteButtonText", customSaveButtonText: "customSaveButtonText", showNextTaskCheckbox: "showNextTaskCheckbox", isNextTaskCheckboxChecked: "isNextTaskCheckboxChecked", showTitle: "showTitle", showValidationIcon: "showValidationIcon", taskId: "taskId" }, outputs: { cancelClick: "cancelClick", error: "error", nextTaskCheckboxCheckedChanged: "nextTaskCheckboxCheckedChanged", executeOutcome: "executeOutcome", formContentClicked: "formContentClicked", formLoaded: "formLoaded", formSaved: "formSaved", onTaskLoaded: "onTaskLoaded", taskClaimed: "taskClaimed", taskUnclaimed: "taskUnclaimed", taskCompleted: "taskCompleted" }, viewQueries: [{ propertyName: "adfCloudTaskForm", first: true, predicate: ["adfCloudTaskForm"], descendants: true }, { propertyName: "adfCloudTaskScreen", first: true, predicate: ["adfCloudTaskScreen"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"adf-user-task-cloud-container\">\n    <div *ngIf=\"!loading; else loadingTemplate\">\n        <ng-container [ngSwitch]=\"taskType\">\n            <ng-container *ngSwitchCase=\"taskTypeEnum.Form\">\n                <adf-cloud-task-form\n                    #adfCloudTaskForm\n                    [appName]=\"appName\"\n                    [candidateUsers]=\"candidateUsers\"\n                    [candidateGroups]=\"candidateGroups\"\n                    [displayModeConfigurations]=\"displayModeConfigurations\"\n                    [showValidationIcon]=\"showValidationIcon\"\n                    [showTitle]=\"showTitle\"\n                    [taskId]=\"taskId\"\n                    [taskDetails]=\"taskDetails\"\n                    [showCancelButton]=\"showCancelButton\"\n                    [showSaveButton]=\"showSaveButton && canCompleteTask()\"\n                    [showCompleteButton]=\"showCompleteButton && canCompleteTask()\"\n                    [customCancelButtonText]=\"customCancelButtonText\"\n                    [customSaveButtonText]=\"customSaveButtonText\"\n                    [customCompleteButtonText]=\"customCompleteButtonText\"\n                    (cancelClick)=\"onCancelForm()\"\n                    (executeOutcome)=\"onExecuteOutcome($event)\"\n                    (error)=\"onError($event)\"\n                    (formLoaded)=\"onFormLoaded($event)\"\n                    (formSaved)=\"onFormSaved()\"\n                    (formContentClicked)=\"onFormContentClicked($event)\"\n                    (taskCompleted)=\"onCompleteTaskForm()\"\n                    (taskClaimed)=\"onClaimTask()\"\n                    (taskUnclaimed)=\"onTaskUnclaimed()\"\n                />\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"taskTypeEnum.Screen\">\n                <adf-cloud-task-screen\n                    #adfCloudTaskScreen\n                    [appName]=\"appName\"\n                    [canClaimTask]=\"canClaimTask()\"\n                    [canUnclaimTask]=\"canUnclaimTask()\"\n                    [processInstanceId]=\"taskDetails.processInstanceId\"\n                    [rootProcessInstanceId]=\"taskDetails.rootProcessInstanceId\"\n                    [screenId]=\"screenId\"\n                    [showCancelButton]=\"showCancelButton\"\n                    [taskName]=\"taskDetails.name\"\n                    [taskId]=\"taskId\"\n                    [showNextTaskCheckbox]=\"showNextTaskCheckbox && canCompleteTask()\"\n                    [isNextTaskCheckboxChecked]=\"isNextTaskCheckboxChecked\"\n                    (cancelTask)=\"onCancelClick()\"\n                    (claimTask)=\"onClaimTask()\"\n                    (error)=\"onError($event)\"\n                    (taskCompleted)=\"onCompleteTask($event, taskType)\"\n                    (taskSaved)=\"onFormSaved()\"\n                    (unclaimTask)=\"onUnclaimTask()\"\n                    (nextTaskCheckboxCheckedChanged)=\"onNextTaskCheckboxCheckedChanged($event)\"\n                />\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"taskTypeEnum.None\">\n                <mat-card appearance=\"outlined\" class=\"adf-task-form-container\">\n                    <mat-card-header *ngIf=\"showTitle\">\n                        <mat-card-title>\n                            <h4>\n                                <span class=\"adf-form-title\">\n                                    {{ taskDetails?.name || 'FORM.FORM_RENDERER.NAMELESS_TASK' | translate }}\n                                </span>\n                            </h4>\n                        </mat-card-title>\n                    </mat-card-header>\n                    <mat-card-content>\n                        <adf-empty-content\n                            [icon]=\"'description'\"\n                            [title]=\"'ADF_CLOUD_TASK_FORM.EMPTY_FORM.TITLE'\"\n                            [subtitle]=\"'ADF_CLOUD_TASK_FORM.EMPTY_FORM.SUBTITLE'\"\n                        />\n                    </mat-card-content>\n                    <mat-card-actions class=\"adf-task-form-actions\" align=\"end\">\n                        <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n                        <button\n                            *ngIf=\"canCompleteTask()\"\n                            mat-button\n                            adf-cloud-complete-task\n                            [appName]=\"appName\"\n                            [taskId]=\"taskId\"\n                            (success)=\"onCompleteTask(false, taskType)\"\n                            (error)=\"onError($event)\"\n                            color=\"primary\"\n                            id=\"adf-form-complete\"\n                        >\n                            {{ customCompleteButtonText || ('ADF_CLOUD_TASK_FORM.EMPTY_FORM.BUTTONS.COMPLETE' | translate) }}\n                        </button>\n                    </mat-card-actions>\n                </mat-card>\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #loadingTemplate>\n    <mat-spinner class=\"adf-user-task-cloud-spinner\" />\n</ng-template>\n\n<ng-template #taskFormCloudButtons>\n    <adf-cloud-user-task-cloud-buttons\n        [appName]=\"appName\"\n        [canClaimTask]=\"canClaimTask()\"\n        [canUnclaimTask]=\"canUnclaimTask()\"\n        [showCancelButton]=\"showCancelButton\"\n        [customCancelButtonText]=\"customCancelButtonText\"\n        [taskId]=\"taskId\"\n        (cancelClick)=\"onCancelClick()\"\n        (claimTask)=\"onClaimTask()\"\n        (unclaimTask)=\"onUnclaimTask()\"\n        (error)=\"onError($event)\"\n    />\n</ng-template>\n", styles: [".adf-user-task-cloud-container{height:100%}.adf-user-task-cloud-container>div{height:100%}.adf-user-task-cloud-spinner{top:50%;left:50%;transform:translate(-50%,-50%)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: UserTaskCloudButtonsComponent, selector: "adf-cloud-user-task-cloud-buttons", inputs: ["appName", "canClaimTask", "canUnclaimTask", "taskId", "showCancelButton", "customCancelButtonText"], outputs: ["error", "cancelClick", "claimTask", "unclaimTask"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i4$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i4$1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i4$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "component", type: TaskScreenCloudComponent, selector: "adf-cloud-task-screen", inputs: ["taskId", "appName", "canClaimTask", "canUnclaimTask", "showCancelButton", "processInstanceId", "taskName", "readOnly", "rootProcessInstanceId", "isNextTaskCheckboxChecked", "showNextTaskCheckbox"], outputs: ["taskSaved", "taskCompleted", "error", "cancelTask", "claimTask", "unclaimTask", "nextTaskCheckboxCheckedChanged"] }, { kind: "component", type: TaskFormCloudComponent, selector: "adf-cloud-task-form", inputs: ["appName", "candidateUsers", "candidateGroups", "taskId", "showTitle", "showRefreshButton", "showValidationIcon", "showCancelButton", "showCompleteButton", "showSaveButton", "customCancelButtonText", "customCompleteButtonText", "customSaveButtonText", "readOnly", "displayModeConfigurations", "taskDetails"], outputs: ["formLoaded", "formSaved", "formCompleted", "taskCompleted", "taskClaimed", "taskUnclaimed", "cancelClick", "error", "formContentClicked", "executeOutcome", "displayModeOn", "displayModeOff"] }, { kind: "directive", type: CompleteTaskDirective, selector: "[adf-cloud-complete-task]", inputs: ["taskId", "appName"], outputs: ["success", "error"] }, { kind: "ngmodule", type: MatCheckboxModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: UserTaskCloudComponent, decorators: [{
             type: Component,
@@ -9833,7 +9711,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         TaskFormCloudComponent,
                         CompleteTaskDirective,
                         MatCheckboxModule
-                    ], template: "<div class=\"adf-user-task-cloud-container\">\n    <div *ngIf=\"!loading; else loadingTemplate\">\n        <ng-container [ngSwitch]=\"taskType\">\n            <ng-container *ngSwitchCase=\"taskTypeEnum.Form\">\n                <adf-cloud-task-form\n                    #adfCloudTaskForm\n                    [appName]=\"appName\"\n                    [candidateUsers]=\"candidateUsers\"\n                    [candidateGroups]=\"candidateGroups\"\n                    [displayModeConfigurations]=\"displayModeConfigurations\"\n                    [showValidationIcon]=\"showValidationIcon\"\n                    [showTitle]=\"showTitle\"\n                    [taskId]=\"taskId\"\n                    [taskDetails]=\"taskDetails\"\n                    [showCancelButton]=\"showCancelButton\"\n                    [showSaveButton]=\"showSaveButton && canCompleteTask()\"\n                    [showCompleteButton]=\"showCompleteButton && canCompleteTask()\"\n                    [customCancelButtonText]=\"customCancelButtonText\"\n                    [customSaveButtonText]=\"customSaveButtonText\"\n                    [customCompleteButtonText]=\"customCompleteButtonText\"\n                    (cancelClick)=\"onCancelForm()\"\n                    (executeOutcome)=\"onExecuteOutcome($event)\"\n                    (error)=\"onError($event)\"\n                    (formLoaded)=\"onFormLoaded($event)\"\n                    (formSaved)=\"onFormSaved()\"\n                    (formContentClicked)=\"onFormContentClicked($event)\"\n                    (taskCompleted)=\"onCompleteTaskForm()\"\n                    (taskClaimed)=\"onClaimTask()\"\n                    (taskUnclaimed)=\"onTaskUnclaimed()\"\n                />\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"taskTypeEnum.Screen\">\n                <adf-cloud-task-screen\n                    #adfCloudTaskScreen\n                    [appName]=\"appName\"\n                    [canClaimTask]=\"canClaimTask()\"\n                    [canUnclaimTask]=\"canUnclaimTask()\"\n                    [processInstanceId]=\"taskDetails.processInstanceId\"\n                    [rootProcessInstanceId]=\"taskDetails.rootProcessInstanceId\"\n                    [screenId]=\"screenId\"\n                    [showCancelButton]=\"showCancelButton\"\n                    [taskName]=\"taskDetails.name\"\n                    [taskId]=\"taskId\"\n                    [showNextTaskCheckbox]=\"showNextTaskCheckbox && canCompleteTask()\"\n                    [isNextTaskCheckboxChecked]=\"isNextTaskCheckboxChecked\"\n                    (cancelTask)=\"onCancelClick()\"\n                    (claimTask)=\"onClaimTask()\"\n                    (error)=\"onError($event)\"\n                    (taskCompleted)=\"onCompleteTask($event)\"\n                    (taskSaved)=\"onFormSaved()\"\n                    (unclaimTask)=\"onUnclaimTask()\"\n                    (nextTaskCheckboxCheckedChanged)=\"onNextTaskCheckboxCheckedChanged($event)\"\n                />\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"taskTypeEnum.None\">\n                <mat-card appearance=\"outlined\" class=\"adf-task-form-container\">\n                    <mat-card-header *ngIf=\"showTitle\">\n                        <mat-card-title>\n                            <h4>\n                                <span class=\"adf-form-title\">\n                                    {{ taskDetails?.name || 'FORM.FORM_RENDERER.NAMELESS_TASK' | translate }}\n                                </span>\n                            </h4>\n                        </mat-card-title>\n                    </mat-card-header>\n                    <mat-card-content>\n                        <adf-empty-content\n                            [icon]=\"'description'\"\n                            [title]=\"'ADF_CLOUD_TASK_FORM.EMPTY_FORM.TITLE'\"\n                            [subtitle]=\"'ADF_CLOUD_TASK_FORM.EMPTY_FORM.SUBTITLE'\"\n                        />\n                    </mat-card-content>\n                    <mat-card-actions class=\"adf-task-form-actions\" align=\"end\">\n                        <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n                        <button\n                            *ngIf=\"canCompleteTask()\"\n                            mat-button\n                            adf-cloud-complete-task\n                            [appName]=\"appName\"\n                            [taskId]=\"taskId\"\n                            (success)=\"onCompleteTask()\"\n                            (error)=\"onError($event)\"\n                            color=\"primary\"\n                            id=\"adf-form-complete\"\n                        >\n                            {{ customCompleteButtonText || ('ADF_CLOUD_TASK_FORM.EMPTY_FORM.BUTTONS.COMPLETE' | translate) }}\n                        </button>\n                    </mat-card-actions>\n                </mat-card>\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #loadingTemplate>\n    <mat-spinner class=\"adf-user-task-cloud-spinner\" />\n</ng-template>\n\n<ng-template #taskFormCloudButtons>\n    <adf-cloud-user-task-cloud-buttons\n        [appName]=\"appName\"\n        [canClaimTask]=\"canClaimTask()\"\n        [canUnclaimTask]=\"canUnclaimTask()\"\n        [showCancelButton]=\"showCancelButton\"\n        [customCancelButtonText]=\"customCancelButtonText\"\n        [taskId]=\"taskId\"\n        (cancelClick)=\"onCancelClick()\"\n        (claimTask)=\"onClaimTask()\"\n        (unclaimTask)=\"onUnclaimTask()\"\n        (error)=\"onError($event)\"\n    />\n</ng-template>\n", styles: [".adf-user-task-cloud-container{height:100%}.adf-user-task-cloud-container>div{height:100%}.adf-user-task-cloud-spinner{top:50%;left:50%;transform:translate(-50%,-50%)}\n"] }]
+                    ], template: "<div class=\"adf-user-task-cloud-container\">\n    <div *ngIf=\"!loading; else loadingTemplate\">\n        <ng-container [ngSwitch]=\"taskType\">\n            <ng-container *ngSwitchCase=\"taskTypeEnum.Form\">\n                <adf-cloud-task-form\n                    #adfCloudTaskForm\n                    [appName]=\"appName\"\n                    [candidateUsers]=\"candidateUsers\"\n                    [candidateGroups]=\"candidateGroups\"\n                    [displayModeConfigurations]=\"displayModeConfigurations\"\n                    [showValidationIcon]=\"showValidationIcon\"\n                    [showTitle]=\"showTitle\"\n                    [taskId]=\"taskId\"\n                    [taskDetails]=\"taskDetails\"\n                    [showCancelButton]=\"showCancelButton\"\n                    [showSaveButton]=\"showSaveButton && canCompleteTask()\"\n                    [showCompleteButton]=\"showCompleteButton && canCompleteTask()\"\n                    [customCancelButtonText]=\"customCancelButtonText\"\n                    [customSaveButtonText]=\"customSaveButtonText\"\n                    [customCompleteButtonText]=\"customCompleteButtonText\"\n                    (cancelClick)=\"onCancelForm()\"\n                    (executeOutcome)=\"onExecuteOutcome($event)\"\n                    (error)=\"onError($event)\"\n                    (formLoaded)=\"onFormLoaded($event)\"\n                    (formSaved)=\"onFormSaved()\"\n                    (formContentClicked)=\"onFormContentClicked($event)\"\n                    (taskCompleted)=\"onCompleteTaskForm()\"\n                    (taskClaimed)=\"onClaimTask()\"\n                    (taskUnclaimed)=\"onTaskUnclaimed()\"\n                />\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"taskTypeEnum.Screen\">\n                <adf-cloud-task-screen\n                    #adfCloudTaskScreen\n                    [appName]=\"appName\"\n                    [canClaimTask]=\"canClaimTask()\"\n                    [canUnclaimTask]=\"canUnclaimTask()\"\n                    [processInstanceId]=\"taskDetails.processInstanceId\"\n                    [rootProcessInstanceId]=\"taskDetails.rootProcessInstanceId\"\n                    [screenId]=\"screenId\"\n                    [showCancelButton]=\"showCancelButton\"\n                    [taskName]=\"taskDetails.name\"\n                    [taskId]=\"taskId\"\n                    [showNextTaskCheckbox]=\"showNextTaskCheckbox && canCompleteTask()\"\n                    [isNextTaskCheckboxChecked]=\"isNextTaskCheckboxChecked\"\n                    (cancelTask)=\"onCancelClick()\"\n                    (claimTask)=\"onClaimTask()\"\n                    (error)=\"onError($event)\"\n                    (taskCompleted)=\"onCompleteTask($event, taskType)\"\n                    (taskSaved)=\"onFormSaved()\"\n                    (unclaimTask)=\"onUnclaimTask()\"\n                    (nextTaskCheckboxCheckedChanged)=\"onNextTaskCheckboxCheckedChanged($event)\"\n                />\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"taskTypeEnum.None\">\n                <mat-card appearance=\"outlined\" class=\"adf-task-form-container\">\n                    <mat-card-header *ngIf=\"showTitle\">\n                        <mat-card-title>\n                            <h4>\n                                <span class=\"adf-form-title\">\n                                    {{ taskDetails?.name || 'FORM.FORM_RENDERER.NAMELESS_TASK' | translate }}\n                                </span>\n                            </h4>\n                        </mat-card-title>\n                    </mat-card-header>\n                    <mat-card-content>\n                        <adf-empty-content\n                            [icon]=\"'description'\"\n                            [title]=\"'ADF_CLOUD_TASK_FORM.EMPTY_FORM.TITLE'\"\n                            [subtitle]=\"'ADF_CLOUD_TASK_FORM.EMPTY_FORM.SUBTITLE'\"\n                        />\n                    </mat-card-content>\n                    <mat-card-actions class=\"adf-task-form-actions\" align=\"end\">\n                        <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n                        <button\n                            *ngIf=\"canCompleteTask()\"\n                            mat-button\n                            adf-cloud-complete-task\n                            [appName]=\"appName\"\n                            [taskId]=\"taskId\"\n                            (success)=\"onCompleteTask(false, taskType)\"\n                            (error)=\"onError($event)\"\n                            color=\"primary\"\n                            id=\"adf-form-complete\"\n                        >\n                            {{ customCompleteButtonText || ('ADF_CLOUD_TASK_FORM.EMPTY_FORM.BUTTONS.COMPLETE' | translate) }}\n                        </button>\n                    </mat-card-actions>\n                </mat-card>\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #loadingTemplate>\n    <mat-spinner class=\"adf-user-task-cloud-spinner\" />\n</ng-template>\n\n<ng-template #taskFormCloudButtons>\n    <adf-cloud-user-task-cloud-buttons\n        [appName]=\"appName\"\n        [canClaimTask]=\"canClaimTask()\"\n        [canUnclaimTask]=\"canUnclaimTask()\"\n        [showCancelButton]=\"showCancelButton\"\n        [customCancelButtonText]=\"customCancelButtonText\"\n        [taskId]=\"taskId\"\n        (cancelClick)=\"onCancelClick()\"\n        (claimTask)=\"onClaimTask()\"\n        (unclaimTask)=\"onUnclaimTask()\"\n        (error)=\"onError($event)\"\n    />\n</ng-template>\n", styles: [".adf-user-task-cloud-container{height:100%}.adf-user-task-cloud-container>div{height:100%}.adf-user-task-cloud-spinner{top:50%;left:50%;transform:translate(-50%,-50%)}\n"] }]
         }], propDecorators: { adfCloudTaskForm: [{
                 type: ViewChild,
                 args: ['adfCloudTaskForm']
@@ -10167,7 +10045,7 @@ class TaskHeaderCloudComponent {
         return filteredProperties ? filteredProperties.indexOf(cardItem.key) >= 0 : true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TaskHeaderCloudComponent, deps: [{ token: TaskCloudService }, { token: i1$1.TranslationService }, { token: i1$1.AppConfigService }, { token: i1$1.CardViewUpdateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TaskHeaderCloudComponent, isStandalone: true, selector: "adf-cloud-task-header", inputs: { appName: "appName", taskId: "taskId", showTitle: "showTitle" }, outputs: { claim: "claim", unclaim: "unclaim", error: "error" }, usesOnChanges: true, ngImport: i0, template: "<h3 *ngIf=\"showTitle\" class=\"adf-task-title\">{{ taskDetails?.name }}</h3>\n\n<div class=\"adf-task-header-container\">\n    <mat-card appearance=\"outlined\" *ngIf=\"isTaskValid()\" class=\"adf-card-container\">\n        <mat-card-content>\n            <adf-card-view\n                *ngIf=\"!isLoading; else loadingTemplate\"\n                [displayNoneOption]=\"false\"\n                [properties]=\"properties\"\n                [editable]=\"isTaskEditable()\"\n                [displayClearAction]=\"displayDateClearAction\" />\n        </mat-card-content>\n    </mat-card>\n</div>\n\n<ng-template #loadingTemplate>\n    <div class=\"adf-task-header-loading\">\n        <mat-spinner />\n    </div>\n</ng-template>\n", styles: [".adf-controls{display:flex;justify-content:space-between}.adf-edit-controls{display:flex;justify-content:flex-end;margin-left:auto}.adf-switch-to-edit-mode,.adf-save-edit-mode{color:var(--theme-primary-color)}.adf-cancel-edit-mode,.adf-claim-controls{color:#838383}.adf-task-header-loading{display:flex;justify-content:center}@media (max-width: 959.9px){adf-card-view .adf-property-value{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: CardViewComponent, selector: "adf-card-view", inputs: ["properties", "editable", "displayEmpty", "displayNoneOption", "displayClearAction", "copyToClipboardAction", "useChipsForMultiValueProperty", "multiValueSeparator", "displayLabelForChips"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TaskHeaderCloudComponent, isStandalone: true, selector: "adf-cloud-task-header", inputs: { appName: "appName", taskId: "taskId", showTitle: "showTitle" }, outputs: { claim: "claim", unclaim: "unclaim", error: "error" }, usesOnChanges: true, ngImport: i0, template: "<h3 *ngIf=\"showTitle\" class=\"adf-task-title\">{{ taskDetails?.name }}</h3>\n\n<div class=\"adf-task-header-container\">\n    <mat-card appearance=\"outlined\" *ngIf=\"isTaskValid()\" class=\"adf-card-container\">\n        <mat-card-content>\n            <adf-card-view\n                *ngIf=\"!isLoading; else loadingTemplate\"\n                [displayNoneOption]=\"false\"\n                [properties]=\"properties\"\n                [editable]=\"isTaskEditable()\"\n                [displayClearAction]=\"displayDateClearAction\" />\n        </mat-card-content>\n    </mat-card>\n</div>\n\n<ng-template #loadingTemplate>\n    <div class=\"adf-task-header-loading\">\n        <mat-spinner />\n    </div>\n</ng-template>\n", styles: [".adf-controls{display:flex;justify-content:space-between}.adf-edit-controls{display:flex;justify-content:flex-end;margin-left:auto}.adf-switch-to-edit-mode,.adf-save-edit-mode{color:var(--theme-primary-color)}.adf-cancel-edit-mode,.adf-claim-controls{color:#838383}.adf-task-header-loading{display:flex;justify-content:center}@media (max-width: 959.9px){adf-card-view .adf-property-value{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: CardViewComponent, selector: "adf-card-view", inputs: ["properties", "editable", "displayEmpty", "displayNoneOption", "displayClearAction", "copyToClipboardAction", "useChipsForMultiValueProperty", "multiValueSeparator", "displayLabelForChips"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4$1.MatCardContent, selector: "mat-card-content" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TaskHeaderCloudComponent, decorators: [{
             type: Component,
@@ -10237,45 +10115,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
 class ProcessFilterCloudModel {
     constructor(obj) {
         this.dateRangeFilterService = new DateRangeFilterService();
-        if (obj) {
-            this.id = obj.id || Math.random().toString(36).substring(2, 9);
-            this.name = obj.name || null;
-            this.key = obj.key || null;
-            this.environmentId = obj.environmentId;
-            this.showCounter = obj.showCounter || false;
-            this.icon = obj.icon || null;
-            this.index = obj.index || null;
-            this.appName = obj.appName || obj.appName === '' ? obj.appName : null;
-            this.appVersion = obj.appVersion || null;
-            if (obj.appVersionMultiple && Array.isArray(obj.appVersionMultiple)) {
-                this.appVersion = obj.appVersionMultiple;
-            }
-            this.processInstanceId = obj.processInstanceId || null;
-            this.parentId = obj.parentId || '';
-            this.processName = obj.processName || null;
-            this.initiator = obj.initiator || null;
-            this.status = obj.status || null;
-            this.sort = obj.sort || null;
-            this.order = obj.order || null;
-            this.processDefinitionId = obj.processDefinitionId || null;
-            this.processDefinitionName = obj.processDefinitionName || null;
-            this.processDefinitionKey = obj.processDefinitionKey || null;
-            this.lastModified = obj.lastModified || null;
-            this.lastModifiedTo = obj.lastModifiedTo || null;
-            this.lastModifiedFrom = obj.lastModifiedFrom || null;
-            this.startedDate = obj.startedDate || null;
-            this.startFrom = obj._startFrom || null;
-            this.startTo = obj._startTo || null;
-            this.completedDateType = obj.completedDateType || null;
-            this.startedDateType = obj.startedDateType || null;
-            this.suspendedDateType = obj.suspendedDateType || null;
-            this.completedFrom = obj._completedFrom || null;
-            this.completedTo = obj._completedTo || null;
-            this.completedDate = obj.completedDate || null;
-            this._suspendedFrom = obj._suspendedFrom || null;
-            this._suspendedTo = obj._suspendedTo || null;
-            this.initArrayProperties(obj);
+        if (!obj) {
+            return;
+        }
+        this.id = obj.id || Math.random().toString(36).substring(2, 9);
+        this.name = obj.name || null;
+        this.key = obj.key || null;
+        this.environmentId = obj.environmentId || null;
+        this.showCounter = obj.showCounter || false;
+        this.icon = obj.icon || null;
+        this.index = obj.index || null;
+        this.appName = obj.appName || obj.appName === '' ? obj.appName : null;
+        this.appVersion = obj.appVersion || null;
+        if (obj.appVersionMultiple && Array.isArray(obj.appVersionMultiple)) {
+            this.appVersion = obj.appVersionMultiple;
         }
+        this.processInstanceId = obj.processInstanceId || null;
+        this.parentId = obj.parentId || '';
+        this.processName = obj.processName || null;
+        this.initiator = obj.initiator || null;
+        this.status = obj.status || null;
+        this.sort = obj.sort || null;
+        this.order = obj.order || null;
+        this.processDefinitionId = obj.processDefinitionId || null;
+        this.processDefinitionName = obj.processDefinitionName || null;
+        this.processDefinitionKey = obj.processDefinitionKey || null;
+        this.lastModified = obj.lastModified || null;
+        this.lastModifiedTo = obj.lastModifiedTo || null;
+        this.lastModifiedFrom = obj.lastModifiedFrom || null;
+        this.startedDate = obj.startedDate || null;
+        this.startFrom = obj._startFrom || null;
+        this.startTo = obj._startTo || null;
+        this.completedDateType = obj.completedDateType || null;
+        this.startedDateType = obj.startedDateType || null;
+        this.suspendedDateType = obj.suspendedDateType || null;
+        this.completedFrom = obj._completedFrom || null;
+        this.completedTo = obj._completedTo || null;
+        this.completedDate = obj.completedDate || null;
+        this.excludeByProcessCategoryName = obj.excludeByProcessCategoryName || null;
+        this._suspendedFrom = obj._suspendedFrom || null;
+        this._suspendedTo = obj._suspendedTo || null;
+        this.initArrayProperties(obj);
     }
     initArrayProperties(obj) {
         if (obj.processDefinitionNames) {
@@ -10882,7 +10762,8 @@ class ProcessListCloudService extends BaseCloudService {
             suspendedFrom: requestNode.suspendedFrom,
             suspendedTo: requestNode.suspendedTo,
             processVariableKeys: requestNode.processVariableKeys,
-            processVariableFilters: requestNode.processVariableFilters
+            processVariableFilters: requestNode.processVariableFilters,
+            excludeByProcessCategoryName: requestNode.excludeByProcessCategoryName
         };
         if (requestNode.sorting) {
             queryData['sort'] = {
@@ -10978,6 +10859,14 @@ class ProcessListCloudService extends BaseCloudService {
         const defaultQueryUrl = 'query/admin/v1/process-instances';
         return this.getProcess(callback, defaultQueryUrl, requestNode, queryUrl);
     }
+    getProcessListCount(requestNode) {
+        if (!requestNode?.appName) {
+            return throwError(() => new Error('Appname not configured'));
+        }
+        const queryUrl = `${this.getBasePath(requestNode.appName)}/query/v1/process-instances/count`;
+        const queryData = this.buildQueryData(requestNode);
+        return this.post(queryUrl, queryData).pipe(map((response) => response || 0));
+    }
     getVariableKeysFromQueryParams(queryParams) {
         if (!queryParams['variableKeys'] || queryParams['variableKeys'].length <= 0) {
             return [];
@@ -11149,6 +11038,7 @@ class ProcessListRequestModel {
         this.suspendedTo = obj.suspendedTo;
         this.processVariableKeys = obj.processVariableKeys;
         this.processVariableFilters = obj.processVariableFilters;
+        this.excludeByProcessCategoryName = obj.excludeByProcessCategoryName;
     }
 }
 class ProcessFilterCloudAdapter extends ProcessListRequestModel {
@@ -11430,11 +11320,11 @@ class ProcessFiltersCloudComponent {
     }
     fetchProcessFilterCounter(filter) {
         return this.searchApiMethod === 'POST'
-            ? this.processListCloudService.getProcessListCounter(new ProcessFilterCloudAdapter(filter))
+            ? this.processListCloudService.getProcessListCount(new ProcessFilterCloudAdapter(filter))
             : this.processListCloudService.getProcessCounter(filter.appName, filter.status);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProcessFiltersCloudComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ProcessFiltersCloudComponent, isStandalone: true, selector: "adf-cloud-process-filters", inputs: { appName: "appName", searchApiMethod: "searchApiMethod", filterParam: "filterParam", showIcons: "showIcons" }, outputs: { filterSelected: "filterSelected", filterClicked: "filterClicked", success: "success", error: "error", updatedFilter: "updatedFilter" }, usesOnChanges: true, ngImport: i0, template: "<mat-action-list class=\"adf-process-filters\" *ngIf=\"filters$ | async as filterList; else loading\">\n    <button\n        *ngFor=\"let filter of filterList\"\n        mat-list-item\n        (click)=\"onFilterClick(filter)\"\n        [attr.aria-label]=\"filter.name | translate\"\n        [id]=\"filter.id\"\n        [attr.data-automation-id]=\"filter.key + '_filter'\"\n        [class.adf-active]=\"currentFilter === filter\"\n    >\n        <div class=\"adf-process-filters__entry\">\n            <div>\n                <adf-icon\n                    data-automation-id=\"adf-filter-icon\"\n                    *ngIf=\"showIcons\"\n                    [value]=\"filter.icon\" />\n                <span\n                    data-automation-id=\"adf-filter-label\"\n                    class=\"adf-filter-action-button__label\">\n                    {{ filter.name | translate }}\n                </span>\n            </div>\n            <span\n                *ngIf=\"counters[filter.key]\"\n                [attr.data-automation-id]=\"filter.key + '_filter-counter'\"\n                class=\"adf-process-filters__entry-counter\"\n                [class.adf-active]=\"isFilterUpdated(filter.key)\"\n               >\n                {{ counters[filter.key] }}\n            </span>\n        </div>\n    </button>\n</mat-action-list>\n<ng-template #loading>\n    <ng-container>\n        <div class=\"adf-app-list-spinner\">\n            <mat-spinner />\n        </div>\n    </ng-container>\n</ng-template>\n", styles: [".adf-process-filters{margin-right:calc(-1 * var(--adf-theme-spacing))}.adf-process-filters__entry{font-size:var(--theme-body-1-font-size);color:var(--adf-theme-foreground-text-color-054);display:flex;align-items:center;justify-content:space-between;flex:1;height:100%;gap:var(--adf-theme-spacing)}.adf-process-filters__entry:hover{color:var(--theme-primary-color)}.adf-process-filters__entry-counter{padding:0 5px;border-radius:15px}.adf-process-filters__entry-counter.adf-active{background-color:var(--theme-accent-color);color:var(--theme-accent-color-default-contrast);font-size:smaller}.adf-process-filters .adf-active .adf-process-filters__entry{color:var(--theme-primary-color)}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i5.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { kind: "component", type: i5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ProcessFiltersCloudComponent, isStandalone: true, selector: "adf-cloud-process-filters", inputs: { appName: "appName", searchApiMethod: "searchApiMethod", filterParam: "filterParam", showIcons: "showIcons" }, outputs: { filterSelected: "filterSelected", filterClicked: "filterClicked", success: "success", error: "error", updatedFilter: "updatedFilter" }, usesOnChanges: true, ngImport: i0, template: "<mat-action-list class=\"adf-process-filters\" *ngIf=\"filters$ | async as filterList; else loading\">\n    <button\n        *ngFor=\"let filter of filterList\"\n        mat-list-item\n        (click)=\"onFilterClick(filter)\"\n        [attr.aria-label]=\"filter.name | translate\"\n        [id]=\"filter.id\"\n        [attr.data-automation-id]=\"filter.key + '_filter'\"\n        [class.adf-active]=\"currentFilter === filter\"\n    >\n        <div class=\"adf-process-filters__entry\">\n            <div>\n                <adf-icon\n                    data-automation-id=\"adf-filter-icon\"\n                    *ngIf=\"showIcons\"\n                    [value]=\"filter.icon\" />\n                <span\n                    data-automation-id=\"adf-filter-label\"\n                    class=\"adf-filter-action-button__label\">\n                    {{ filter.name | translate }}\n                </span>\n            </div>\n            <span\n                *ngIf=\"counters[filter.key]\"\n                [attr.data-automation-id]=\"filter.key + '_filter-counter'\"\n                class=\"adf-process-filters__entry-counter\"\n                [class.adf-active]=\"isFilterUpdated(filter.key)\"\n               >\n                {{ counters[filter.key] }}\n            </span>\n        </div>\n    </button>\n</mat-action-list>\n<ng-template #loading>\n    <ng-container>\n        <div class=\"adf-app-list-spinner\">\n            <mat-spinner />\n        </div>\n    </ng-container>\n</ng-template>\n", styles: [".adf-process-filters{margin-right:calc(-1 * var(--adf-theme-spacing))}.adf-process-filters__entry{font-size:var(--theme-body-1-font-size);color:var(--adf-theme-foreground-text-color-054);display:flex;align-items:center;justify-content:space-between;flex:1;height:100%;gap:var(--adf-theme-spacing)}.adf-process-filters__entry:hover{color:var(--theme-primary-color)}.adf-process-filters__entry-counter{padding:0 5px;border-radius:15px}.adf-process-filters__entry-counter.adf-active{background-color:var(--theme-accent-color);color:var(--theme-accent-color-default-contrast);font-size:smaller}.adf-process-filters .adf-active .adf-process-filters__entry{color:var(--theme-primary-color)}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$1.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { kind: "component", type: i2$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProcessFiltersCloudComponent, decorators: [{
             type: Component,
@@ -11496,7 +11386,7 @@ class ProcessFilterDialogCloudComponent {
         this.dialogRef.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProcessFilterDialogCloudComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ProcessFilterDialogCloudComponent, isStandalone: true, selector: "adf-cloud-process-filter-dialog-cloud", ngImport: i0, template: "<div class=\"adf-process-filter-dialog\">\n    <span mat-dialog-title id=\"adf-process-filter-dialog-title\">\n         {{ 'ADF_CLOUD_EDIT_PROCESS_FILTER.DIALOG.TITLE' | translate}}\n    </span>\n    <mat-card appearance=\"outlined\" class=\"adf-process-filter-dialog-card\">\n        <mat-card-content class=\"adf-process-filter-dialog-card-content\">\n            <form [formGroup]=\"filterForm\">\n                <mat-form-field class=\"adf-process-filter-name\" [floatLabel]=\"'auto'\">\n                    <input\n                        matInput\n                       placeholder=\"{{ 'ADF_CLOUD_EDIT_PROCESS_FILTER.FILTER_NAME' | translate }}\"\n                       [formControl]=\"filterForm.controls.name\" id=\"adf-filter-name-id\">\n                </mat-form-field>\n            </form>\n        </mat-card-content>\n        <mat-card-actions class='adf-process-filter-dialog-actions'>\n            <button mat-button (click)=\"onSaveClick()\" id=\"adf-save-button-id\" [disabled]=\"!filterForm.valid\">\n                {{ 'ADF_CLOUD_EDIT_PROCESS_FILTER.DIALOG.SAVE' | translate}}\n            </button>\n            <button mat-button (click)=\"onCancelClick()\" id=\"adf-cancel-button-id\">\n               {{ 'ADF_CLOUD_EDIT_PROCESS_FILTER.DIALOG.CANCEL' | translate}}\n            </button>\n        </mat-card-actions>\n    </mat-card>\n</div>\n", styles: ["adf-cloud-process-filter-dialog-cloud .adf-process-filter-dialog .adf-process-filter-dialog-card{padding:0;box-shadow:none}adf-cloud-process-filter-dialog-cloud .adf-process-filter-dialog .adf-process-filter-dialog-card .adf-process-filter-name{flex:1}adf-cloud-process-filter-dialog-cloud .adf-process-filter-dialog .adf-process-filter-dialog-card .adf-process-filter-dialog-actions{display:flex;max-height:100%;place-content:flex-end;align-items:flex-end}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ProcessFilterDialogCloudComponent, isStandalone: true, selector: "adf-cloud-process-filter-dialog-cloud", ngImport: i0, template: "<div class=\"adf-process-filter-dialog\">\n    <span mat-dialog-title id=\"adf-process-filter-dialog-title\">\n         {{ 'ADF_CLOUD_EDIT_PROCESS_FILTER.DIALOG.TITLE' | translate}}\n    </span>\n    <mat-card appearance=\"outlined\" class=\"adf-process-filter-dialog-card\">\n        <mat-card-content class=\"adf-process-filter-dialog-card-content\">\n            <form [formGroup]=\"filterForm\">\n                <mat-form-field class=\"adf-process-filter-name\" [floatLabel]=\"'auto'\">\n                    <input\n                        matInput\n                       placeholder=\"{{ 'ADF_CLOUD_EDIT_PROCESS_FILTER.FILTER_NAME' | translate }}\"\n                       [formControl]=\"filterForm.controls.name\" id=\"adf-filter-name-id\">\n                </mat-form-field>\n            </form>\n        </mat-card-content>\n        <mat-card-actions class='adf-process-filter-dialog-actions'>\n            <button mat-button (click)=\"onSaveClick()\" id=\"adf-save-button-id\" [disabled]=\"!filterForm.valid\">\n                {{ 'ADF_CLOUD_EDIT_PROCESS_FILTER.DIALOG.SAVE' | translate}}\n            </button>\n            <button mat-button (click)=\"onCancelClick()\" id=\"adf-cancel-button-id\">\n               {{ 'ADF_CLOUD_EDIT_PROCESS_FILTER.DIALOG.CANCEL' | translate}}\n            </button>\n        </mat-card-actions>\n    </mat-card>\n</div>\n", styles: ["adf-cloud-process-filter-dialog-cloud .adf-process-filter-dialog .adf-process-filter-dialog-card{padding:0;box-shadow:none}adf-cloud-process-filter-dialog-cloud .adf-process-filter-dialog .adf-process-filter-dialog-card .adf-process-filter-name{flex:1}adf-cloud-process-filter-dialog-cloud .adf-process-filter-dialog .adf-process-filter-dialog-card .adf-process-filter-dialog-actions{display:flex;max-height:100%;place-content:flex-end;align-items:flex-end}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i4$1.MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProcessFilterDialogCloudComponent, decorators: [{
             type: Component,
@@ -12309,8 +12199,8 @@ class EditProcessFilterCloudComponent {
             }
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: EditProcessFilterCloudComponent, deps: [{ token: i1$3.FormBuilder }, { token: i2$2.MatDialog }, { token: i6.DateAdapter }, { token: i1$1.UserPreferencesService }, { token: i1$1.TranslationService }, { token: ProcessFilterCloudService }, { token: AppsProcessCloudService }, { token: ProcessCloudService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: EditProcessFilterCloudComponent, isStandalone: true, selector: "adf-cloud-edit-process-filter", inputs: { appName: "appName", role: "role", id: "id", filterProperties: "filterProperties", sortProperties: "sortProperties", actions: "actions", environmentId: "environmentId", environmentList: "environmentList", showFilterActions: "showFilterActions", showTitle: "showTitle", showProcessFilterName: "showProcessFilterName", processFilter: "processFilter" }, outputs: { filterChange: "filterChange", action: "action" }, usesOnChanges: true, ngImport: i0, template: "<mat-accordion [hideToggle]=\"isLoading\" class=\"adf-edit-process-filter\">\n    <mat-expansion-panel (afterExpand)=\"onExpand()\" (closed)=\"onClose()\">\n        <mat-expansion-panel-header *ngIf=\"processFilter\" id=\"adf-edit-process-filter-expansion-header\" class=\"adf-edit-process-filter-header\">\n            <ng-container *ngIf=\"!isLoading; else loadingTemplate\">\n                <mat-panel-title *ngIf=\"showProcessFilterName\" id=\"adf-edit-process-filter-title-id\" class=\"adf-edit-process-filter-header__title\">\n                    {{processFilter.name | translate}}</mat-panel-title>\n                <mat-panel-description  class=\"adf-edit-process-filter-header__description\" id=\"adf-edit-process-filter-sub-title-id\">\n                    <span *ngIf=\"showTitle\"> {{ 'ADF_CLOUD_EDIT_PROCESS_FILTER.TITLE' | translate}}</span>\n                    <div *ngIf=\"showFilterActions\" class=\"adf-cloud-edit-process-filter-actions\">\n                        <ng-container *ngIf=\"toggleFilterActions\">\n                            <button *ngFor=\"let filterAction of processFilterActions\"\n                                    mat-icon-button\n                                    [title]=\"filterAction.tooltip | translate\"\n                                    [attr.data-automation-id]=\"'adf-filter-action-' + filterAction.actionType\"\n                                    [disabled]=\"isDisabledAction(filterAction)\"\n                                    (click)=\"executeFilterActions($event, filterAction)\">\n                                <adf-icon [value]=\"filterAction.icon\" />\n                            </button>\n                        </ng-container>\n                    </div>\n                </mat-panel-description>\n            </ng-container>\n            <ng-template #loadingTemplate>\n                <div class=\"adf-cloud-edit-process-filter-loading-margin\">\n                    <mat-spinner [diameter]=\"30\" />\n                </div>\n            </ng-template>\n        </mat-expansion-panel-header>\n        <ng-container *ngIf=\"!isLoading\">\n            <form [formGroup]=\"editProcessFilterForm\" *ngIf=\"editProcessFilterForm\" class=\"adf-edit-process-filter-content\">\n                <div class=\"adf-edit-process-filter-form\">\n                    <ng-container *ngFor=\"let processFilterProperty of processFilterProperties; trackBy: filterTracker\">\n                        <mat-form-field [floatLabel]=\"'auto'\" *ngIf=\"processFilterProperty.type === 'select'\" [attr.data-automation-id]=\"processFilterProperty.key\">\n                            <mat-label class=\"adf-edit-process-filter-content__select-label\">{{processFilterProperty.label | translate}}</mat-label>\n                            <mat-select\n                                [formControlName]=\"processFilterProperty.key\"\n                                [attr.data-automation-id]=\"'adf-cloud-edit-process-property-' + processFilterProperty.key\">\n                                <mat-option\n                                    *ngFor=\"let propertyOption of processFilterProperty.options\"\n                                    [value]=\"propertyOption.value\"\n                                    [attr.data-automation-id]=\"'adf-cloud-edit-process-property-options-' + processFilterProperty.key\"\n                                >{{ propertyOption.label | translate }}</mat-option>\n                            </mat-select>\n                        </mat-form-field>\n                        <mat-form-field [floatLabel]=\"'auto'\" *ngIf=\"processFilterProperty.type === 'multi-select'\" [attr.data-automation-id]=\"processFilterProperty.key\">\n                            <mat-label class=\"adf-edit-process-filter-content__select-label\">{{processFilterProperty.label | translate}}</mat-label>\n                            <mat-select\n                                [formControlName]=\"processFilterProperty.key\"\n                                [attr.data-automation-id]=\"'adf-cloud-edit-process-property-' + processFilterProperty.key\"\n                                [multiple]=\"true\">\n                                <mat-option *ngFor=\"let propertyOption of processFilterProperty.options\" [value]=\"propertyOption.value\" [attr.data-automation-id]=\"'adf-cloud-edit-process-property-options-' + processFilterProperty.key\">\n                                    {{ propertyOption.label | translate }}\n                                </mat-option>\n                            </mat-select>\n                        </mat-form-field>\n                        <mat-form-field [floatLabel]=\"'auto'\" *ngIf=\"processFilterProperty.type === 'text'\" [attr.data-automation-id]=\"processFilterProperty.key\">\n                            <mat-label class=\"adf-edit-process-filter-content__text-label\">{{processFilterProperty.label | translate}}</mat-label>\n                            <input matInput\n                                [formControlName]=\"processFilterProperty.key\"\n                                type=\"text\"\n                                [attr.data-automation-id]=\"'adf-cloud-edit-process-property-' + processFilterProperty.key\"/>\n                        </mat-form-field>\n                        <mat-form-field [floatLabel]=\"'auto'\" *ngIf=\"processFilterProperty.type === 'number'\" [attr.data-automation-id]=\"processFilterProperty.key\">\n                            <input matInput\n                                [formControlName]=\"processFilterProperty.key\"\n                                type=\"number\" min=\"0\"\n                                placeholder=\"{{processFilterProperty.label | translate}}\"\n                                [attr.data-automation-id]=\"'adf-cloud-edit-process-property-' + processFilterProperty.key\"/>\n                        </mat-form-field>\n                        <mat-form-field [floatLabel]=\"'auto'\" *ngIf=\"processFilterProperty.type === 'date'\" [attr.data-automation-id]=\"processFilterProperty.key\">\n                            <mat-label>{{processFilterProperty.label | translate}}</mat-label>\n                            <input\n                                matInput\n                                [formControlName]=\"processFilterProperty.key\"\n                                (keyup)=\"onDateChanged($any($event).target.value, processFilterProperty)\"\n                                (dateChange)=\"onDateChanged($event.value, processFilterProperty)\"\n                                [matDatepicker]=\"dateController\"\n                                placeholder=\"{{processFilterProperty.label | translate}}\"\n                                [attr.data-automation-id]=\"'adf-cloud-edit-process-property-' + processFilterProperty.key\">\n                            <mat-datepicker-toggle\n                                matSuffix [for]=\"dateController\"\n                               [attr.data-automation-id]=\"'adf-cloud-edit-process-property-date-toggle-' + processFilterProperty.key\" />\n                            <mat-datepicker #dateController [attr.data-automation-id]=\"'adf-cloud-edit-process-property-date-picker-' + processFilterProperty.key\" />\n                            <div class=\"adf-edit-process-filter-date-error-container\">\n                                <div *ngIf=\"hasError(processFilterProperty)\">\n                                    <div class=\"adf-error-text\">{{'ADF_CLOUD_EDIT_PROCESS_FILTER.ERROR.DATE' | translate}}</div>\n                                    <mat-icon class=\"adf-error-icon\">warning</mat-icon>\n                                </div>\n                            </div>\n                        </mat-form-field>\n\n                        <adf-cloud-date-range-filter *ngIf=\"processFilterProperty.type === 'date-range'\"\n                            [processFilterProperty]=\"processFilterProperty\"\n                            [options]=\"processFilterProperty.dateFilterOptions\"\n                            (dateTypeChange)=\"onDateTypeChange($event, processFilterProperty)\"\n                            (dateChanged)=\"onDateRangeFilterChanged($event, processFilterProperty)\" />\n                        <adf-cloud-people\n                            *ngIf=\"processFilterProperty.type === 'people'\"\n                            [preSelectUsers]=\"initiatorOptions\"\n                            [title]=\"processFilterProperty.label\"\n                            [validate]=\"true\"\n                            [appName]=\"appName\"\n                            [mode]=\"processFilterProperty.selectionMode\"\n                            (changedUsers)=\"onChangedUser($event, processFilterProperty)\" />\n                    </ng-container>\n                </div>\n            </form>\n        </ng-container>\n    </mat-expansion-panel>\n</mat-accordion>\n", styles: [".adf-edit-process-filter-date-error-container{position:absolute;height:20px;margin-top:12px;width:100%}.adf-edit-process-filter-date-error-container>div{display:flex;flex-flow:row;justify-content:flex-start}.adf-edit-process-filter-date-error-container .adf-error-text{padding-right:8px;height:16px;font-size:var(--theme-caption-font-size);line-height:1.33;color:var(--theme-warn-color);width:auto}.adf-edit-process-filter-date-error-container .adf-error-icon{font-size:var(--theme-subheading-2-font-size);color:var(--theme-warn-color)}.adf-cloud-edit-process-filter-loading-margin{margin-left:calc((100% - 100px)/2);margin-right:calc((100% - 100px)/2)}.adf-edit-process-filter-form{flex-flow:row wrap;display:flex;max-width:100%;place-content:stretch flex-start;align-items:stretch}.adf-edit-process-filter-form :not(:last-child){margin-right:10px}.adf-edit-process-filter-form mat-form-field,.adf-edit-process-filter-form adf-cloud-people{flex:1 1 23%;max-width:23%}@media (max-width: 599.9px){.adf-edit-process-filter-form{flex-flow:column}.adf-edit-process-filter-form :not(:last-child){margin-bottom:10px;margin-right:0}}.adf-edit-process-filter-header{height:48px}.adf-edit-process-filter-header__title{color:var(--adf-theme-foreground-text-color)}.adf-edit-process-filter-header__description{color:var(--adf-theme-foreground-secondary-text-color);place-content:center space-between}.adf-edit-process-filter-content__text-label,.adf-edit-process-filter-content__select-label{color:var(--adf-theme-foreground-secondary-text-color)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i2$4.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2$4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2$4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i2$4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i2$4.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2$3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: DateRangeFilterComponent, selector: "adf-cloud-date-range-filter", inputs: ["processFilterProperty", "options"], outputs: ["dateChanged", "dateTypeChange"] }, { kind: "component", type: PeopleCloudComponent, selector: "adf-cloud-people", inputs: ["label", "appName", "mode", "roles", "validate", "readOnly", "required", "preSelectUsers", "excludedUsers", "groupsRestriction", "userChipsCtrl", "searchUserCtrl", "title", "placeholder", "hideInputOnSingleSelection", "formFieldAppearance", "formFieldSubscriptSizing", "showErrors", "showFullNameOnHover"], outputs: ["selectUser", "removeUser", "changedUsers", "warning"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: EditProcessFilterCloudComponent, deps: [{ token: i1$4.FormBuilder }, { token: i2$2.MatDialog }, { token: i6.DateAdapter }, { token: i1$1.UserPreferencesService }, { token: i1$1.TranslationService }, { token: ProcessFilterCloudService }, { token: AppsProcessCloudService }, { token: ProcessCloudService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: EditProcessFilterCloudComponent, isStandalone: true, selector: "adf-cloud-edit-process-filter", inputs: { appName: "appName", role: "role", id: "id", filterProperties: "filterProperties", sortProperties: "sortProperties", actions: "actions", environmentId: "environmentId", environmentList: "environmentList", showFilterActions: "showFilterActions", showTitle: "showTitle", showProcessFilterName: "showProcessFilterName", processFilter: "processFilter" }, outputs: { filterChange: "filterChange", action: "action" }, usesOnChanges: true, ngImport: i0, template: "<mat-accordion [hideToggle]=\"isLoading\" class=\"adf-edit-process-filter\">\n    <mat-expansion-panel (afterExpand)=\"onExpand()\" (closed)=\"onClose()\">\n        <mat-expansion-panel-header *ngIf=\"processFilter\" id=\"adf-edit-process-filter-expansion-header\" class=\"adf-edit-process-filter-header\">\n            <ng-container *ngIf=\"!isLoading; else loadingTemplate\">\n                <mat-panel-title *ngIf=\"showProcessFilterName\" id=\"adf-edit-process-filter-title-id\" class=\"adf-edit-process-filter-header__title\">\n                    {{processFilter.name | translate}}</mat-panel-title>\n                <mat-panel-description  class=\"adf-edit-process-filter-header__description\" id=\"adf-edit-process-filter-sub-title-id\">\n                    <span *ngIf=\"showTitle\"> {{ 'ADF_CLOUD_EDIT_PROCESS_FILTER.TITLE' | translate}}</span>\n                    <div *ngIf=\"showFilterActions\" class=\"adf-cloud-edit-process-filter-actions\">\n                        <ng-container *ngIf=\"toggleFilterActions\">\n                            <button *ngFor=\"let filterAction of processFilterActions\"\n                                    mat-icon-button\n                                    [title]=\"filterAction.tooltip | translate\"\n                                    [attr.data-automation-id]=\"'adf-filter-action-' + filterAction.actionType\"\n                                    [disabled]=\"isDisabledAction(filterAction)\"\n                                    (click)=\"executeFilterActions($event, filterAction)\">\n                                <adf-icon [value]=\"filterAction.icon\" />\n                            </button>\n                        </ng-container>\n                    </div>\n                </mat-panel-description>\n            </ng-container>\n            <ng-template #loadingTemplate>\n                <div class=\"adf-cloud-edit-process-filter-loading-margin\">\n                    <mat-spinner [diameter]=\"30\" />\n                </div>\n            </ng-template>\n        </mat-expansion-panel-header>\n        <ng-container *ngIf=\"!isLoading\">\n            <form [formGroup]=\"editProcessFilterForm\" *ngIf=\"editProcessFilterForm\" class=\"adf-edit-process-filter-content\">\n                <div class=\"adf-edit-process-filter-form\">\n                    <ng-container *ngFor=\"let processFilterProperty of processFilterProperties; trackBy: filterTracker\">\n                        <mat-form-field [floatLabel]=\"'auto'\" *ngIf=\"processFilterProperty.type === 'select'\" [attr.data-automation-id]=\"processFilterProperty.key\">\n                            <mat-label class=\"adf-edit-process-filter-content__select-label\">{{processFilterProperty.label | translate}}</mat-label>\n                            <mat-select\n                                [formControlName]=\"processFilterProperty.key\"\n                                [attr.data-automation-id]=\"'adf-cloud-edit-process-property-' + processFilterProperty.key\">\n                                <mat-option\n                                    *ngFor=\"let propertyOption of processFilterProperty.options\"\n                                    [value]=\"propertyOption.value\"\n                                    [attr.data-automation-id]=\"'adf-cloud-edit-process-property-options-' + processFilterProperty.key\"\n                                >{{ propertyOption.label | translate }}</mat-option>\n                            </mat-select>\n                        </mat-form-field>\n                        <mat-form-field [floatLabel]=\"'auto'\" *ngIf=\"processFilterProperty.type === 'multi-select'\" [attr.data-automation-id]=\"processFilterProperty.key\">\n                            <mat-label class=\"adf-edit-process-filter-content__select-label\">{{processFilterProperty.label | translate}}</mat-label>\n                            <mat-select\n                                [formControlName]=\"processFilterProperty.key\"\n                                [attr.data-automation-id]=\"'adf-cloud-edit-process-property-' + processFilterProperty.key\"\n                                [multiple]=\"true\">\n                                <mat-option *ngFor=\"let propertyOption of processFilterProperty.options\" [value]=\"propertyOption.value\" [attr.data-automation-id]=\"'adf-cloud-edit-process-property-options-' + processFilterProperty.key\">\n                                    {{ propertyOption.label | translate }}\n                                </mat-option>\n                            </mat-select>\n                        </mat-form-field>\n                        <mat-form-field [floatLabel]=\"'auto'\" *ngIf=\"processFilterProperty.type === 'text'\" [attr.data-automation-id]=\"processFilterProperty.key\">\n                            <mat-label class=\"adf-edit-process-filter-content__text-label\">{{processFilterProperty.label | translate}}</mat-label>\n                            <input matInput\n                                [formControlName]=\"processFilterProperty.key\"\n                                type=\"text\"\n                                [attr.data-automation-id]=\"'adf-cloud-edit-process-property-' + processFilterProperty.key\"/>\n                        </mat-form-field>\n                        <mat-form-field [floatLabel]=\"'auto'\" *ngIf=\"processFilterProperty.type === 'number'\" [attr.data-automation-id]=\"processFilterProperty.key\">\n                            <input matInput\n                                [formControlName]=\"processFilterProperty.key\"\n                                type=\"number\" min=\"0\"\n                                placeholder=\"{{processFilterProperty.label | translate}}\"\n                                [attr.data-automation-id]=\"'adf-cloud-edit-process-property-' + processFilterProperty.key\"/>\n                        </mat-form-field>\n                        <mat-form-field [floatLabel]=\"'auto'\" *ngIf=\"processFilterProperty.type === 'date'\" [attr.data-automation-id]=\"processFilterProperty.key\">\n                            <mat-label>{{processFilterProperty.label | translate}}</mat-label>\n                            <input\n                                matInput\n                                [formControlName]=\"processFilterProperty.key\"\n                                (keyup)=\"onDateChanged($any($event).target.value, processFilterProperty)\"\n                                (dateChange)=\"onDateChanged($event.value, processFilterProperty)\"\n                                [matDatepicker]=\"dateController\"\n                                placeholder=\"{{processFilterProperty.label | translate}}\"\n                                [attr.data-automation-id]=\"'adf-cloud-edit-process-property-' + processFilterProperty.key\">\n                            <mat-datepicker-toggle\n                                matSuffix [for]=\"dateController\"\n                               [attr.data-automation-id]=\"'adf-cloud-edit-process-property-date-toggle-' + processFilterProperty.key\" />\n                            <mat-datepicker #dateController [attr.data-automation-id]=\"'adf-cloud-edit-process-property-date-picker-' + processFilterProperty.key\" />\n                            <div class=\"adf-edit-process-filter-date-error-container\">\n                                <div *ngIf=\"hasError(processFilterProperty)\">\n                                    <div class=\"adf-error-text\">{{'ADF_CLOUD_EDIT_PROCESS_FILTER.ERROR.DATE' | translate}}</div>\n                                    <mat-icon class=\"adf-error-icon\">warning</mat-icon>\n                                </div>\n                            </div>\n                        </mat-form-field>\n\n                        <adf-cloud-date-range-filter *ngIf=\"processFilterProperty.type === 'date-range'\"\n                            [processFilterProperty]=\"processFilterProperty\"\n                            [options]=\"processFilterProperty.dateFilterOptions\"\n                            (dateTypeChange)=\"onDateTypeChange($event, processFilterProperty)\"\n                            (dateChanged)=\"onDateRangeFilterChanged($event, processFilterProperty)\" />\n                        <adf-cloud-people\n                            *ngIf=\"processFilterProperty.type === 'people'\"\n                            [preSelectUsers]=\"initiatorOptions\"\n                            [title]=\"processFilterProperty.label\"\n                            [validate]=\"true\"\n                            [appName]=\"appName\"\n                            [mode]=\"processFilterProperty.selectionMode\"\n                            (changedUsers)=\"onChangedUser($event, processFilterProperty)\" />\n                    </ng-container>\n                </div>\n            </form>\n        </ng-container>\n    </mat-expansion-panel>\n</mat-accordion>\n", styles: [".adf-edit-process-filter-date-error-container{position:absolute;height:20px;margin-top:12px;width:100%}.adf-edit-process-filter-date-error-container>div{display:flex;flex-flow:row;justify-content:flex-start}.adf-edit-process-filter-date-error-container .adf-error-text{padding-right:8px;height:16px;font-size:var(--theme-caption-font-size);line-height:1.33;color:var(--theme-warn-color);width:auto}.adf-edit-process-filter-date-error-container .adf-error-icon{font-size:var(--theme-subheading-2-font-size);color:var(--theme-warn-color)}.adf-cloud-edit-process-filter-loading-margin{margin-left:calc((100% - 100px)/2);margin-right:calc((100% - 100px)/2)}.adf-edit-process-filter-form{flex-flow:row wrap;display:flex;max-width:100%;place-content:stretch flex-start;align-items:stretch}.adf-edit-process-filter-form :not(:last-child){margin-right:10px}.adf-edit-process-filter-form mat-form-field,.adf-edit-process-filter-form adf-cloud-people{flex:1 1 23%;max-width:23%}@media (max-width: 599.9px){.adf-edit-process-filter-form{flex-flow:column}.adf-edit-process-filter-form :not(:last-child){margin-bottom:10px;margin-right:0}}.adf-edit-process-filter-header{height:48px}.adf-edit-process-filter-header__title{color:var(--adf-theme-foreground-text-color)}.adf-edit-process-filter-header__description{color:var(--adf-theme-foreground-secondary-text-color);place-content:center space-between}.adf-edit-process-filter-content__text-label,.adf-edit-process-filter-content__select-label{color:var(--adf-theme-foreground-secondary-text-color)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i2$4.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2$4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2$4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i2$4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i2$4.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2$3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: DateRangeFilterComponent, selector: "adf-cloud-date-range-filter", inputs: ["processFilterProperty", "options"], outputs: ["dateChanged", "dateTypeChange"] }, { kind: "component", type: PeopleCloudComponent, selector: "adf-cloud-people", inputs: ["label", "appName", "mode", "roles", "validate", "readOnly", "required", "preSelectUsers", "excludedUsers", "groupsRestriction", "userChipsCtrl", "searchUserCtrl", "title", "placeholder", "hideInputOnSingleSelection", "formFieldAppearance", "formFieldSubscriptSizing", "showErrors", "showFullNameOnHover"], outputs: ["selectUser", "removeUser", "changedUsers", "warning"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: EditProcessFilterCloudComponent, decorators: [{
             type: Component,
@@ -12331,7 +12221,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         DateRangeFilterComponent,
                         PeopleCloudComponent
                     ], encapsulation: ViewEncapsulation.None, template: "<mat-accordion [hideToggle]=\"isLoading\" class=\"adf-edit-process-filter\">\n    <mat-expansion-panel (afterExpand)=\"onExpand()\" (closed)=\"onClose()\">\n        <mat-expansion-panel-header *ngIf=\"processFilter\" id=\"adf-edit-process-filter-expansion-header\" class=\"adf-edit-process-filter-header\">\n            <ng-container *ngIf=\"!isLoading; else loadingTemplate\">\n                <mat-panel-title *ngIf=\"showProcessFilterName\" id=\"adf-edit-process-filter-title-id\" class=\"adf-edit-process-filter-header__title\">\n                    {{processFilter.name | translate}}</mat-panel-title>\n                <mat-panel-description  class=\"adf-edit-process-filter-header__description\" id=\"adf-edit-process-filter-sub-title-id\">\n                    <span *ngIf=\"showTitle\"> {{ 'ADF_CLOUD_EDIT_PROCESS_FILTER.TITLE' | translate}}</span>\n                    <div *ngIf=\"showFilterActions\" class=\"adf-cloud-edit-process-filter-actions\">\n                        <ng-container *ngIf=\"toggleFilterActions\">\n                            <button *ngFor=\"let filterAction of processFilterActions\"\n                                    mat-icon-button\n                                    [title]=\"filterAction.tooltip | translate\"\n                                    [attr.data-automation-id]=\"'adf-filter-action-' + filterAction.actionType\"\n                                    [disabled]=\"isDisabledAction(filterAction)\"\n                                    (click)=\"executeFilterActions($event, filterAction)\">\n                                <adf-icon [value]=\"filterAction.icon\" />\n                            </button>\n                        </ng-container>\n                    </div>\n                </mat-panel-description>\n            </ng-container>\n            <ng-template #loadingTemplate>\n                <div class=\"adf-cloud-edit-process-filter-loading-margin\">\n                    <mat-spinner [diameter]=\"30\" />\n                </div>\n            </ng-template>\n        </mat-expansion-panel-header>\n        <ng-container *ngIf=\"!isLoading\">\n            <form [formGroup]=\"editProcessFilterForm\" *ngIf=\"editProcessFilterForm\" class=\"adf-edit-process-filter-content\">\n                <div class=\"adf-edit-process-filter-form\">\n                    <ng-container *ngFor=\"let processFilterProperty of processFilterProperties; trackBy: filterTracker\">\n                        <mat-form-field [floatLabel]=\"'auto'\" *ngIf=\"processFilterProperty.type === 'select'\" [attr.data-automation-id]=\"processFilterProperty.key\">\n                            <mat-label class=\"adf-edit-process-filter-content__select-label\">{{processFilterProperty.label | translate}}</mat-label>\n                            <mat-select\n                                [formControlName]=\"processFilterProperty.key\"\n                                [attr.data-automation-id]=\"'adf-cloud-edit-process-property-' + processFilterProperty.key\">\n                                <mat-option\n                                    *ngFor=\"let propertyOption of processFilterProperty.options\"\n                                    [value]=\"propertyOption.value\"\n                                    [attr.data-automation-id]=\"'adf-cloud-edit-process-property-options-' + processFilterProperty.key\"\n                                >{{ propertyOption.label | translate }}</mat-option>\n                            </mat-select>\n                        </mat-form-field>\n                        <mat-form-field [floatLabel]=\"'auto'\" *ngIf=\"processFilterProperty.type === 'multi-select'\" [attr.data-automation-id]=\"processFilterProperty.key\">\n                            <mat-label class=\"adf-edit-process-filter-content__select-label\">{{processFilterProperty.label | translate}}</mat-label>\n                            <mat-select\n                                [formControlName]=\"processFilterProperty.key\"\n                                [attr.data-automation-id]=\"'adf-cloud-edit-process-property-' + processFilterProperty.key\"\n                                [multiple]=\"true\">\n                                <mat-option *ngFor=\"let propertyOption of processFilterProperty.options\" [value]=\"propertyOption.value\" [attr.data-automation-id]=\"'adf-cloud-edit-process-property-options-' + processFilterProperty.key\">\n                                    {{ propertyOption.label | translate }}\n                                </mat-option>\n                            </mat-select>\n                        </mat-form-field>\n                        <mat-form-field [floatLabel]=\"'auto'\" *ngIf=\"processFilterProperty.type === 'text'\" [attr.data-automation-id]=\"processFilterProperty.key\">\n                            <mat-label class=\"adf-edit-process-filter-content__text-label\">{{processFilterProperty.label | translate}}</mat-label>\n                            <input matInput\n                                [formControlName]=\"processFilterProperty.key\"\n                                type=\"text\"\n                                [attr.data-automation-id]=\"'adf-cloud-edit-process-property-' + processFilterProperty.key\"/>\n                        </mat-form-field>\n                        <mat-form-field [floatLabel]=\"'auto'\" *ngIf=\"processFilterProperty.type === 'number'\" [attr.data-automation-id]=\"processFilterProperty.key\">\n                            <input matInput\n                                [formControlName]=\"processFilterProperty.key\"\n                                type=\"number\" min=\"0\"\n                                placeholder=\"{{processFilterProperty.label | translate}}\"\n                                [attr.data-automation-id]=\"'adf-cloud-edit-process-property-' + processFilterProperty.key\"/>\n                        </mat-form-field>\n                        <mat-form-field [floatLabel]=\"'auto'\" *ngIf=\"processFilterProperty.type === 'date'\" [attr.data-automation-id]=\"processFilterProperty.key\">\n                            <mat-label>{{processFilterProperty.label | translate}}</mat-label>\n                            <input\n                                matInput\n                                [formControlName]=\"processFilterProperty.key\"\n                                (keyup)=\"onDateChanged($any($event).target.value, processFilterProperty)\"\n                                (dateChange)=\"onDateChanged($event.value, processFilterProperty)\"\n                                [matDatepicker]=\"dateController\"\n                                placeholder=\"{{processFilterProperty.label | translate}}\"\n                                [attr.data-automation-id]=\"'adf-cloud-edit-process-property-' + processFilterProperty.key\">\n                            <mat-datepicker-toggle\n                                matSuffix [for]=\"dateController\"\n                               [attr.data-automation-id]=\"'adf-cloud-edit-process-property-date-toggle-' + processFilterProperty.key\" />\n                            <mat-datepicker #dateController [attr.data-automation-id]=\"'adf-cloud-edit-process-property-date-picker-' + processFilterProperty.key\" />\n                            <div class=\"adf-edit-process-filter-date-error-container\">\n                                <div *ngIf=\"hasError(processFilterProperty)\">\n                                    <div class=\"adf-error-text\">{{'ADF_CLOUD_EDIT_PROCESS_FILTER.ERROR.DATE' | translate}}</div>\n                                    <mat-icon class=\"adf-error-icon\">warning</mat-icon>\n                                </div>\n                            </div>\n                        </mat-form-field>\n\n                        <adf-cloud-date-range-filter *ngIf=\"processFilterProperty.type === 'date-range'\"\n                            [processFilterProperty]=\"processFilterProperty\"\n                            [options]=\"processFilterProperty.dateFilterOptions\"\n                            (dateTypeChange)=\"onDateTypeChange($event, processFilterProperty)\"\n                            (dateChanged)=\"onDateRangeFilterChanged($event, processFilterProperty)\" />\n                        <adf-cloud-people\n                            *ngIf=\"processFilterProperty.type === 'people'\"\n                            [preSelectUsers]=\"initiatorOptions\"\n                            [title]=\"processFilterProperty.label\"\n                            [validate]=\"true\"\n                            [appName]=\"appName\"\n                            [mode]=\"processFilterProperty.selectionMode\"\n                            (changedUsers)=\"onChangedUser($event, processFilterProperty)\" />\n                    </ng-container>\n                </div>\n            </form>\n        </ng-container>\n    </mat-expansion-panel>\n</mat-accordion>\n", styles: [".adf-edit-process-filter-date-error-container{position:absolute;height:20px;margin-top:12px;width:100%}.adf-edit-process-filter-date-error-container>div{display:flex;flex-flow:row;justify-content:flex-start}.adf-edit-process-filter-date-error-container .adf-error-text{padding-right:8px;height:16px;font-size:var(--theme-caption-font-size);line-height:1.33;color:var(--theme-warn-color);width:auto}.adf-edit-process-filter-date-error-container .adf-error-icon{font-size:var(--theme-subheading-2-font-size);color:var(--theme-warn-color)}.adf-cloud-edit-process-filter-loading-margin{margin-left:calc((100% - 100px)/2);margin-right:calc((100% - 100px)/2)}.adf-edit-process-filter-form{flex-flow:row wrap;display:flex;max-width:100%;place-content:stretch flex-start;align-items:stretch}.adf-edit-process-filter-form :not(:last-child){margin-right:10px}.adf-edit-process-filter-form mat-form-field,.adf-edit-process-filter-form adf-cloud-people{flex:1 1 23%;max-width:23%}@media (max-width: 599.9px){.adf-edit-process-filter-form{flex-flow:column}.adf-edit-process-filter-form :not(:last-child){margin-bottom:10px;margin-right:0}}.adf-edit-process-filter-header{height:48px}.adf-edit-process-filter-header__title{color:var(--adf-theme-foreground-text-color)}.adf-edit-process-filter-header__description{color:var(--adf-theme-foreground-secondary-text-color);place-content:center space-between}.adf-edit-process-filter-content__text-label,.adf-edit-process-filter-content__select-label{color:var(--adf-theme-foreground-secondary-text-color)}\n"] }]
-        }], ctorParameters: () => [{ type: i1$3.FormBuilder }, { type: i2$2.MatDialog }, { type: i6.DateAdapter }, { type: i1$1.UserPreferencesService }, { type: i1$1.TranslationService }, { type: ProcessFilterCloudService }, { type: AppsProcessCloudService }, { type: ProcessCloudService }], propDecorators: { appName: [{
+        }], ctorParameters: () => [{ type: i1$4.FormBuilder }, { type: i2$2.MatDialog }, { type: i6.DateAdapter }, { type: i1$1.UserPreferencesService }, { type: i1$1.TranslationService }, { type: ProcessFilterCloudService }, { type: AppsProcessCloudService }, { type: ProcessCloudService }], propDecorators: { appName: [{
                 type: Input
             }], role: [{
                 type: Input
@@ -12606,6 +12496,7 @@ class ProcessListCloudComponent extends DataTableSchema {
          * This input will be used only if searchApiMethod input is provided with 'POST' value.
          */
         this.statuses = [];
+        this.excludeByProcessCategoryName = '';
         /** Emitted when a row in the process list is clicked. */
         this.rowClick = new EventEmitter();
         /** Emitted when rows are selected/unselected. */
@@ -12846,7 +12737,8 @@ class ProcessListCloudComponent extends DataTableSchema {
             suspendedFrom: this.suspendedFrom,
             suspendedTo: this.suspendedTo,
             processVariableKeys: this.getVariableDefinitionsRequestModel(),
-            processVariableFilters: this.processVariables
+            processVariableFilters: this.processVariables,
+            excludeByProcessCategoryName: this.excludeByProcessCategoryName
         };
         return new ProcessListRequestModel(requestNode);
     }
@@ -12938,7 +12830,7 @@ class ProcessListCloudComponent extends DataTableSchema {
         return displayedVariableColumns.length ? displayedVariableColumns : undefined;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProcessListCloudComponent, deps: [{ token: ProcessListCloudService }, { token: i1$1.AppConfigService }, { token: i1$1.UserPreferencesService }, { token: PROCESS_LISTS_PREFERENCES_SERVICE_TOKEN }, { token: VariableMapperService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ProcessListCloudComponent, isStandalone: true, selector: "adf-cloud-process-list", inputs: { appName: "appName", appVersion: "appVersion", initiator: "initiator", id: "id", environmentId: "environmentId", name: "name", parentId: "parentId", processDefinitionId: "processDefinitionId", processDefinitionName: "processDefinitionName", processDefinitionKey: "processDefinitionKey", status: "status", businessKey: "businessKey", lastModifiedFrom: "lastModifiedFrom", lastModifiedTo: "lastModifiedTo", startFrom: "startFrom", startTo: "startTo", completedFrom: "completedFrom", completedTo: "completedTo", completedDate: "completedDate", suspendedFrom: "suspendedFrom", suspendedTo: "suspendedTo", selectionMode: "selectionMode", multiselect: "multiselect", sorting: "sorting", showActions: "showActions", showProvidedActions: "showProvidedActions", actionsPosition: "actionsPosition", stickyHeader: "stickyHeader", showContextMenu: "showContextMenu", showMainDatatableActions: "showMainDatatableActions", isResizingEnabled: "isResizingEnabled", searchApiMethod: "searchApiMethod", names: "names", ids: "ids", parentIds: "parentIds", processDefinitionNames: "processDefinitionNames", initiators: "initiators", appVersions: "appVersions", statuses: "statuses", processVariables: "processVariables" }, outputs: { rowClick: "rowClick", rowsSelected: "rowsSelected", showRowContextMenu: "showRowContextMenu", showRowActionsMenu: "showRowActionsMenu", executeRowAction: "executeRowAction", error: "error", success: "success" }, queries: [{ propertyName: "emptyCustomContent", first: true, predicate: CustomEmptyContentTemplateDirective, descendants: true }, { propertyName: "customLoadingContent", first: true, predicate: CustomLoadingContentTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "dataTable", first: true, predicate: DataTableComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<adf-datatable\n        [rows]=\"rows\"\n        [columns]=\"columns\"\n        [data]=\"dataAdapter\"\n        [stickyHeader]=\"stickyHeader\"\n        [loading]=\"isLoading\"\n        [sorting]=\"formattedSorting\"\n        [selectionMode]=\"selectionMode\"\n        [multiselect]=\"multiselect\"\n        [actions]=\"showActions\"\n        [actionsPosition]=\"actionsPosition\"\n        [contextMenu]=\"showContextMenu\"\n        [showMainDatatableActions]=\"showMainDatatableActions\"\n        [showProvidedActions]=\"showProvidedActions\"\n        [isResizingEnabled]=\"isResizingEnabled\"\n        (showRowActionsMenu)=\"onShowRowActionsMenu($event)\"\n        (showRowContextMenu)=\"onShowRowContextMenu($event)\"\n        (executeRowAction)=\"onExecuteRowAction($event)\"\n        (rowClick)=\"onRowClick($any($event))\"\n        (row-select)=\"onRowSelect($any($event))\"\n        (row-unselect)=\"onRowUnselect($any($event))\"\n        (row-keyup)=\"onRowKeyUp($any($event))\"\n        (sorting-changed)=\"onSortingChanged($any($event))\"\n        (columnOrderChanged)=\"onColumnOrderChanged($event)\"\n        (columnsWidthChanged)=\"onColumnsWidthChanged($event)\"\n        >\n        <adf-loading-content-template>\n            <ng-template>\n                <mat-progress-spinner\n                    *ngIf=\"!customLoadingContent\"\n                    class=\"adf-cloud-process-list-loading-margin\"\n                    [color]=\"'primary'\"\n                    [mode]=\"'indeterminate'\" />\n                <ng-content select=\"adf-custom-loading-content-template\" />\n            </ng-template>\n        </adf-loading-content-template>\n        <adf-no-content-template>\n            <ng-template>\n                <adf-empty-content *ngIf=\"!emptyCustomContent\"\n                    icon=\"assessment\"\n                    [title]=\"'ADF_CLOUD_PROCESS_LIST.MESSAGES.TITLE' | translate\"\n                    [subtitle]=\"'ADF_CLOUD_PROCESS_LIST.MESSAGES.SUBTITLE'| translate\" />\n                <ng-content select=\"adf-custom-empty-content-template\" />\n            </ng-template>\n        </adf-no-content-template>\n\n        <adf-main-menu-datatable-template>\n            <ng-template let-mainMenuTrigger>\n                <adf-datatable-column-selector\n                    [columns]=\"columns\"\n                    [mainMenuTrigger]=\"mainMenuTrigger\"\n                    (submitColumnsVisibility)=\"onColumnsVisibilityChange($event)\" />\n            </ng-template>\n        </adf-main-menu-datatable-template>\n</adf-datatable>\n", styles: [".adf-cloud-process-list-loading-margin{margin-left:calc((100% - 100px)/2);margin-right:calc((100% - 100px)/2)}\n"], dependencies: [{ kind: "component", type: DataTableComponent, selector: "adf-datatable", inputs: ["data", "rows", "sorting", "columns", "selectionMode", "multiselect", "mainTableAction", "actions", "showMainDatatableActions", "showProvidedActions", "actionsPosition", "actionsVisibleOnHover", "fallbackThumbnail", "contextMenu", "rowStyle", "rowStyleClass", "showHeader", "stickyHeader", "loading", "noPermission", "rowMenuCacheEnabled", "resolverFn", "allowFiltering", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "enableDragRows"], outputs: ["rowClick", "rowDblClick", "showRowContextMenu", "showRowActionsMenu", "executeRowAction", "columnOrderChanged", "columnsWidthChanged", "selectedItemsCountChanged", "dragDropped"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ColumnsSelectorComponent, selector: "adf-datatable-column-selector", inputs: ["columns", "mainMenuTrigger", "columnsSorting", "maxColumnsVisible"], outputs: ["submitColumnsVisibility"] }, { kind: "directive", type: MainMenuDataTableTemplateDirective, selector: "adf-main-menu-datatable-template" }, { kind: "component", type: EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "directive", type: NoContentTemplateDirective, selector: "adf-no-content-template, no-content-template" }, { kind: "directive", type: LoadingContentTemplateDirective, selector: "adf-loading-content-template, loading-content-template" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ProcessListCloudComponent, isStandalone: true, selector: "adf-cloud-process-list", inputs: { appName: "appName", appVersion: "appVersion", initiator: "initiator", id: "id", environmentId: "environmentId", name: "name", parentId: "parentId", processDefinitionId: "processDefinitionId", processDefinitionName: "processDefinitionName", processDefinitionKey: "processDefinitionKey", status: "status", businessKey: "businessKey", lastModifiedFrom: "lastModifiedFrom", lastModifiedTo: "lastModifiedTo", startFrom: "startFrom", startTo: "startTo", completedFrom: "completedFrom", completedTo: "completedTo", completedDate: "completedDate", suspendedFrom: "suspendedFrom", suspendedTo: "suspendedTo", selectionMode: "selectionMode", multiselect: "multiselect", sorting: "sorting", showActions: "showActions", showProvidedActions: "showProvidedActions", actionsPosition: "actionsPosition", stickyHeader: "stickyHeader", showContextMenu: "showContextMenu", showMainDatatableActions: "showMainDatatableActions", isResizingEnabled: "isResizingEnabled", searchApiMethod: "searchApiMethod", names: "names", ids: "ids", parentIds: "parentIds", processDefinitionNames: "processDefinitionNames", initiators: "initiators", appVersions: "appVersions", statuses: "statuses", processVariables: "processVariables", excludeByProcessCategoryName: "excludeByProcessCategoryName" }, outputs: { rowClick: "rowClick", rowsSelected: "rowsSelected", showRowContextMenu: "showRowContextMenu", showRowActionsMenu: "showRowActionsMenu", executeRowAction: "executeRowAction", error: "error", success: "success" }, queries: [{ propertyName: "emptyCustomContent", first: true, predicate: CustomEmptyContentTemplateDirective, descendants: true }, { propertyName: "customLoadingContent", first: true, predicate: CustomLoadingContentTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "dataTable", first: true, predicate: DataTableComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<adf-datatable\n        [rows]=\"rows\"\n        [columns]=\"columns\"\n        [data]=\"dataAdapter\"\n        [stickyHeader]=\"stickyHeader\"\n        [loading]=\"isLoading\"\n        [sorting]=\"formattedSorting\"\n        [selectionMode]=\"selectionMode\"\n        [multiselect]=\"multiselect\"\n        [actions]=\"showActions\"\n        [actionsPosition]=\"actionsPosition\"\n        [contextMenu]=\"showContextMenu\"\n        [showMainDatatableActions]=\"showMainDatatableActions\"\n        [showProvidedActions]=\"showProvidedActions\"\n        [isResizingEnabled]=\"isResizingEnabled\"\n        (showRowActionsMenu)=\"onShowRowActionsMenu($event)\"\n        (showRowContextMenu)=\"onShowRowContextMenu($event)\"\n        (executeRowAction)=\"onExecuteRowAction($event)\"\n        (rowClick)=\"onRowClick($any($event))\"\n        (row-select)=\"onRowSelect($any($event))\"\n        (row-unselect)=\"onRowUnselect($any($event))\"\n        (row-keyup)=\"onRowKeyUp($any($event))\"\n        (sorting-changed)=\"onSortingChanged($any($event))\"\n        (columnOrderChanged)=\"onColumnOrderChanged($event)\"\n        (columnsWidthChanged)=\"onColumnsWidthChanged($event)\"\n        >\n        <adf-loading-content-template>\n            <ng-template>\n                <mat-progress-spinner\n                    *ngIf=\"!customLoadingContent\"\n                    class=\"adf-cloud-process-list-loading-margin\"\n                    [color]=\"'primary'\"\n                    [mode]=\"'indeterminate'\" />\n                <ng-content select=\"adf-custom-loading-content-template\" />\n            </ng-template>\n        </adf-loading-content-template>\n        <adf-no-content-template>\n            <ng-template>\n                <adf-empty-content *ngIf=\"!emptyCustomContent\"\n                    icon=\"assessment\"\n                    [title]=\"'ADF_CLOUD_PROCESS_LIST.MESSAGES.TITLE' | translate\"\n                    [subtitle]=\"'ADF_CLOUD_PROCESS_LIST.MESSAGES.SUBTITLE'| translate\" />\n                <ng-content select=\"adf-custom-empty-content-template\" />\n            </ng-template>\n        </adf-no-content-template>\n\n        <adf-main-menu-datatable-template>\n            <ng-template let-mainMenuTrigger>\n                <adf-datatable-column-selector\n                    [columns]=\"columns\"\n                    [mainMenuTrigger]=\"mainMenuTrigger\"\n                    (submitColumnsVisibility)=\"onColumnsVisibilityChange($event)\" />\n            </ng-template>\n        </adf-main-menu-datatable-template>\n</adf-datatable>\n", styles: [".adf-cloud-process-list-loading-margin{margin-left:calc((100% - 100px)/2);margin-right:calc((100% - 100px)/2)}\n"], dependencies: [{ kind: "component", type: DataTableComponent, selector: "adf-datatable", inputs: ["data", "rows", "sorting", "columns", "selectionMode", "multiselect", "mainTableAction", "actions", "showMainDatatableActions", "showProvidedActions", "actionsPosition", "actionsVisibleOnHover", "fallbackThumbnail", "contextMenu", "rowStyle", "rowStyleClass", "showHeader", "stickyHeader", "loading", "noPermission", "rowMenuCacheEnabled", "resolverFn", "allowFiltering", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "enableDragRows"], outputs: ["rowClick", "rowDblClick", "showRowContextMenu", "showRowActionsMenu", "executeRowAction", "columnOrderChanged", "columnsWidthChanged", "selectedItemsCountChanged", "dragDropped"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ColumnsSelectorComponent, selector: "adf-datatable-column-selector", inputs: ["columns", "mainMenuTrigger", "columnsSorting", "maxColumnsVisible"], outputs: ["submitColumnsVisibility"] }, { kind: "directive", type: MainMenuDataTableTemplateDirective, selector: "adf-main-menu-datatable-template" }, { kind: "component", type: EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "directive", type: NoContentTemplateDirective, selector: "adf-no-content-template, no-content-template" }, { kind: "directive", type: LoadingContentTemplateDirective, selector: "adf-loading-content-template, loading-content-template" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProcessListCloudComponent, decorators: [{
             type: Component,
@@ -13045,6 +12937,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 type: Input
             }], processVariables: [{
                 type: Input
+            }], excludeByProcessCategoryName: [{
+                type: Input
             }], rowClick: [{
                 type: Output
             }], rowsSelected: [{
@@ -13271,6 +13165,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 }]
         }] });
 
+/*!
+ * @license
+ * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class StartProcessScreenCloudComponent extends BaseScreenCloudComponent {
+    constructor() {
+        super(...arguments);
+        this.processDefinitionId = input('');
+        this.screenStartProcessPayloadChange = output();
+        this.disableStartProcessButton = output();
+        this.showStartProcessButtons = signal(false);
+    }
+    setInputsForDynamicComponent() {
+        if (this.processDefinitionId()) {
+            this.componentRef.setInput('processDefinitionId', this.processDefinitionId());
+        }
+    }
+    subscribeToOutputs() {
+        this.componentRef.instance.startProcessPayloadChanged.subscribe((payload) => this.screenStartProcessPayloadChange.emit(payload));
+        this.componentRef.instance.defaultStartProcessButtonsConfigurationChange.subscribe((config) => {
+            this.showStartProcessButtons.set(config.show);
+            this.disableStartProcessButton.emit(config.disable);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: StartProcessScreenCloudComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: StartProcessScreenCloudComponent, isStandalone: true, selector: "adf-cloud-start-process-screen-cloud", inputs: { processDefinitionId: { classPropertyName: "processDefinitionId", publicName: "processDefinitionId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { screenStartProcessPayloadChange: "screenStartProcessPayloadChange", disableStartProcessButton: "disableStartProcessButton" }, host: { classAttribute: "adf-cloud-start-process-screen-cloud" }, usesInheritance: true, ngImport: i0, template: "<mat-card class=\"adf-cloud-start-process-screen-cloud\">\n    <mat-card-content>\n        <ng-container #container />\n    </mat-card-content>\n\n    @if(showStartProcessButtons()) {\n        <ng-content />\n    }\n</mat-card>\n", styles: [".adf-cloud-start-process-screen-cloud{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4$1.MatCardContent, selector: "mat-card-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: StartProcessScreenCloudComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'adf-cloud-start-process-screen-cloud', imports: [CommonModule, MatCardModule], host: { class: 'adf-cloud-start-process-screen-cloud' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card class=\"adf-cloud-start-process-screen-cloud\">\n    <mat-card-content>\n        <ng-container #container />\n    </mat-card-content>\n\n    @if(showStartProcessButtons()) {\n        <ng-content />\n    }\n</mat-card>\n", styles: [".adf-cloud-start-process-screen-cloud{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}\n"] }]
+        }] });
+
 /*!
  * @license
  * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
@@ -13289,19 +13227,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  */
 const MAX_NAME_LENGTH = 255;
 const PROCESS_DEFINITION_DEBOUNCE = 300;
-const DATE_TIME_IDENTIFIER_REG_EXP = new RegExp('%{datetime}', 'i');
-const PROCESS_DEFINITION_IDENTIFIER_REG_EXP = new RegExp('%{processdefinition}', 'i');
+const DATE_TIME_IDENTIFIER_REG_EXP = /%{datetime}/i;
+const PROCESS_DEFINITION_IDENTIFIER_REG_EXP = /%{processdefinition}/i;
 class StartProcessCloudComponent {
     get isProcessFormValid() {
         if (this.hasForm && this.isFormCloudLoaded) {
             return (this.formCloud ? !Object.keys(this.formCloud.values).length : false) || this.formCloud?.isValid || this.isProcessStarting;
         }
+        else if (this.hasScreen) {
+            return true;
+        }
         else {
             return this.processForm.valid || this.isProcessStarting;
         }
     }
     get disableStartButton() {
-        return !this.appName || !this.processDefinition.valid || this.isProcessStarting || this.isFormCloudLoading;
+        return (!this.appName || !this.processDefinition.valid || this.isProcessStarting || this.isFormCloudLoading || this.disableStartProcessForScreen);
     }
     get isProcessDefinitionsEmpty() {
         return !this.processDefinitionList.length;
@@ -13313,7 +13254,13 @@ class StartProcessCloudComponent {
         return this.processForm.controls.processDefinition;
     }
     get hasForm() {
-        return !!this.processDefinitionCurrent?.formKey;
+        return this.taskTypeResolverService.isFormTask(this.processDefinitionCurrent?.formKey);
+    }
+    get hasScreen() {
+        return this.taskTypeResolverService.isScreenTask(this.processDefinitionCurrent?.formKey);
+    }
+    get screenId() {
+        return this.taskTypeResolverService.getScreenId(this.processDefinitionCurrent?.formKey);
     }
     get defaultStartProcessButtonLabel() {
         return this.translateService.instant('ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.ACTION.START').toUpperCase();
@@ -13345,6 +13292,7 @@ class StartProcessCloudComponent {
         this.formContentClicked = new EventEmitter();
         /** Emitted when process definition selection changes. */
         this.processDefinitionSelection = new EventEmitter();
+        this.customOutcomeSelected = new EventEmitter();
         this.processDefinitionList = [];
         this.errorMessageId = '';
         this.processPayloadCloud = new ProcessPayloadCloud();
@@ -13352,8 +13300,9 @@ class StartProcessCloudComponent {
         this.staticMappings = [];
         this.isProcessStarting = false;
         this.isFormCloudLoaded = false;
-        this.isFormCloudLoading = false;
+        this.isFormCloudLoading = true;
         this.processDefinitionLoaded = false;
+        this.disableStartProcessForScreen = false;
         this.processForm = new FormGroup({
             processInstanceName: new FormControl('', [
                 Validators.required,
@@ -13368,13 +13317,19 @@ class StartProcessCloudComponent {
         this.displayStartSubject = new BehaviorSubject(null);
         this.hasVisibleOutcomesSubject = new BehaviorSubject(false);
         this.dialog = inject(MatDialog);
+        this.taskTypeResolverService = inject(TaskTypeResolverService);
         this.showSaveButton = false;
         this.showCompleteButton = false;
         this.startProcessButtonLabel = this.defaultStartProcessButtonLabel;
         this.cancelButtonLabel = this.defaultCancelProcessButtonLabel;
     }
     ngOnInit() {
-        this.processDefinition.setValue(this.processDefinitionName);
+        if (this.processDefinitionName) {
+            this.processDefinition.setValue(this.processDefinitionName);
+        }
+        else {
+            this.isFormCloudLoading = false;
+        }
         this.processDefinition.valueChanges
             .pipe(debounceTime(PROCESS_DEFINITION_DEBOUNCE))
             .pipe(takeUntilDestroyed(this.destroyRef))
@@ -13407,12 +13362,19 @@ class StartProcessCloudComponent {
         }));
         this.hasVisibleOutcomesSubject.next(anyOutcomeVisible);
     }
+    onDisableStartProcessButtonForScreen(disable) {
+        this.disableStartProcessForScreen = disable;
+    }
+    onScreenStartProcessPayloadChange(payload) {
+        this.screenSubmitPayload = payload;
+    }
     getMaxNameLength() {
         return this.maxNameLength > MAX_NAME_LENGTH ? MAX_NAME_LENGTH : this.maxNameLength;
     }
     selectProcessDefinitionByProcessDefinitionName(processDefinitionName) {
         this.filteredProcesses = this.getProcessDefinitionListByNameOrKey(processDefinitionName);
-        if (this.isProcessFormValid && this.filteredProcesses && this.filteredProcesses.length === 1) {
+        this.isFormCloudLoading = this.isProcessFormValid && this.filteredProcesses && this.filteredProcesses.length === 1;
+        if (this.isFormCloudLoading) {
             this.setProcessDefinitionOnForm(this.filteredProcesses[0].name);
         }
     }
@@ -13426,26 +13388,29 @@ class StartProcessCloudComponent {
             this.startProcessCloudService
                 .getStartEventConstants(this.appName, processDefinitionCurrent.id)
                 .pipe(catchError(() => of([])))
-        ]).subscribe(([staticMappings, constants]) => {
-            this.staticMappings = staticMappings;
-            this.resolvedValues = this.staticMappings.concat(this.values || []);
-            this.processDefinitionCurrent = processDefinitionCurrent;
-            this.isFormCloudLoading = false;
-            const displayStart = constants?.find((constant) => constant.name === 'startEnabled');
-            const startLabel = constants?.find((constant) => constant.name === 'startLabel');
-            const displayCancel = constants?.find((constant) => constant.name === 'cancelEnabled');
-            const cancelLabel = constants?.find((constant) => constant.name === 'cancelLabel');
-            if (displayStart) {
-                this.displayStartSubject.next(displayStart?.value);
-            }
-            if (startLabel) {
-                this.startProcessButtonLabel = startLabel?.value?.trim()?.length > 0 ? startLabel.value.trim() : this.defaultStartProcessButtonLabel;
-            }
-            if (displayCancel) {
-                this.showCancelButton = displayCancel?.value === 'true' && this.showCancelButton;
-            }
-            if (cancelLabel) {
-                this.cancelButtonLabel = cancelLabel?.value?.trim()?.length > 0 ? cancelLabel.value.trim() : this.defaultCancelProcessButtonLabel;
+        ]).subscribe({
+            next: ([staticMappings, constants]) => {
+                this.staticMappings = staticMappings;
+                this.resolvedValues = this.staticMappings.concat(this.values || []);
+                this.processDefinitionCurrent = processDefinitionCurrent;
+                const displayStart = constants?.find((constant) => constant.name === 'startEnabled');
+                const startLabel = constants?.find((constant) => constant.name === 'startLabel');
+                const displayCancel = constants?.find((constant) => constant.name === 'cancelEnabled');
+                const cancelLabel = constants?.find((constant) => constant.name === 'cancelLabel');
+                if (displayStart) {
+                    this.displayStartSubject.next(displayStart?.value);
+                }
+                if (startLabel) {
+                    this.startProcessButtonLabel =
+                        startLabel?.value?.trim()?.length > 0 ? startLabel.value.trim() : this.defaultStartProcessButtonLabel;
+                }
+                if (displayCancel) {
+                    this.showCancelButton = displayCancel?.value === 'true' && this.showCancelButton;
+                }
+                if (cancelLabel) {
+                    this.cancelButtonLabel = cancelLabel?.value?.trim()?.length > 0 ? cancelLabel.value.trim() : this.defaultCancelProcessButtonLabel;
+                }
+                this.isFormCloudLoading = false;
             }
         });
         this.isFormCloudLoaded = false;
@@ -13477,23 +13442,30 @@ class StartProcessCloudComponent {
         this.startProcessCloudService
             .getProcessDefinitions(this.appName)
             .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe((processDefinitionRepresentations) => {
-            this.processDefinitionList = processDefinitionRepresentations;
-            if (processDefinitionRepresentations.length === 1) {
-                this.selectDefaultProcessDefinition();
-            }
-            else if (this.processDefinitionName) {
-                this.processDefinition.setValue(this.processDefinitionName);
-                const processDefinition = this.processDefinitionList.find((process) => process.name === this.processDefinitionName);
-                if (processDefinition) {
-                    this.filteredProcesses = this.getProcessDefinitionListByNameOrKey(processDefinition.name);
-                    this.setProcessDefinitionOnForm(processDefinition.name);
-                    this.processDefinitionSelectionChanged(processDefinition);
+            .subscribe({
+            next: (processDefinitionRepresentations) => {
+                this.processDefinitionList = processDefinitionRepresentations;
+                if (processDefinitionRepresentations.length === 1) {
+                    this.selectDefaultProcessDefinition();
+                }
+                else if (this.processDefinitionName) {
+                    this.processDefinition.setValue(this.processDefinitionName, { emitEvent: false });
+                    const processDefinition = this.processDefinitionList.find((process) => process.name === this.processDefinitionName);
+                    if (processDefinition) {
+                        this.filteredProcesses = this.getProcessDefinitionListByNameOrKey(processDefinition.name);
+                        this.setProcessDefinitionOnForm(processDefinition.name);
+                        this.processDefinitionSelectionChanged(processDefinition);
+                    }
                 }
+                else {
+                    this.isFormCloudLoading = false;
+                }
+                this.processDefinitionLoaded = true;
+            },
+            error: () => {
+                this.errorMessageId = 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.LOAD_PROCESS_DEFS';
+                this.isFormCloudLoading = false;
             }
-            this.processDefinitionLoaded = true;
-        }, () => {
-            this.errorMessageId = 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.LOAD_PROCESS_DEFS';
         });
     }
     isValidName(name) {
@@ -13514,31 +13486,37 @@ class StartProcessCloudComponent {
         }
     }
     onCustomOutcomeClicked(outcome) {
-        this.customOutcome = outcome;
+        this.customOutcomeName = outcome.outcome.name;
+        this.customOutcomeId = outcome.outcome.id;
         this.startProcess();
     }
     startProcessWithoutConfirmation() {
         this.isProcessStarting = true;
-        const action = this.hasForm
-            ? this.startProcessCloudService.startProcessWithForm(this.appName, this.processDefinitionCurrent.formKey, this.processDefinitionCurrent.version, new ProcessWithFormPayloadCloud({
+        let action;
+        if (this.hasForm || this.hasScreen) {
+            action = this.startProcessCloudService.startProcessWithForm(this.appName, this.processDefinitionCurrent.formKey, this.processDefinitionCurrent.version, new ProcessWithFormPayloadCloud({
                 processName: this.processInstanceName.value,
                 processDefinitionKey: this.processPayloadCloud.processDefinitionKey,
                 variables: this.variables ?? {},
-                values: this.formCloud.values,
-                outcome: this.customOutcome
-            }))
-            : this.startProcessCloudService.startProcess(this.appName, new ProcessPayloadCloud({
+                values: this.hasForm ? this.formCloud.values : this.screenSubmitPayload,
+                outcome: this.customOutcomeName
+            }));
+        }
+        else {
+            action = this.startProcessCloudService.startProcess(this.appName, new ProcessPayloadCloud({
                 name: this.processInstanceName.value,
                 processDefinitionKey: this.processPayloadCloud.processDefinitionKey,
                 variables: this.variables ?? {}
             }));
+        }
         action.subscribe({
             next: (res) => {
+                this.customOutcomeSelected.emit(this.customOutcomeId);
                 this.success.emit(res);
                 this.isProcessStarting = false;
             },
             error: (err) => {
-                this.errorMessageId = err?.response?.body?.message || 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.START_PROCESS';
+                this.errorMessageId = err?.response?.body?.message || 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.START';
                 this.error.emit(err);
                 this.isProcessStarting = false;
             }
@@ -13625,18 +13603,18 @@ class StartProcessCloudComponent {
     }
     getDefaultProcessName(processNameFormat, processInstance) {
         let processName = processNameFormat;
-        if (processName.match(DATE_TIME_IDENTIFIER_REG_EXP)) {
+        if (DATE_TIME_IDENTIFIER_REG_EXP.test(processName)) {
             const presentDateTime = getTime(new Date());
             processName = processName.replace(DATE_TIME_IDENTIFIER_REG_EXP, this.localizedDatePipe.transform(presentDateTime, 'medium'));
         }
-        if (processName.match(PROCESS_DEFINITION_IDENTIFIER_REG_EXP)) {
+        if (PROCESS_DEFINITION_IDENTIFIER_REG_EXP.test(processName)) {
             const selectedProcessDefinitionName = processInstance ? processInstance.processDefinitionName : '';
             processName = processName.replace(PROCESS_DEFINITION_IDENTIFIER_REG_EXP, selectedProcessDefinitionName);
         }
         return processName;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: StartProcessCloudComponent, deps: [{ token: i1$1.TranslationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: StartProcessCloudComponent, isStandalone: true, selector: "adf-cloud-start-process", inputs: { appName: "appName", maxNameLength: "maxNameLength", name: "name", processDefinitionName: "processDefinitionName", variables: "variables", values: "values", showSelectProcessDropdown: "showSelectProcessDropdown", showTitle: "showTitle", showCancelButton: "showCancelButton", displayModeConfigurations: "displayModeConfigurations" }, outputs: { success: "success", cancel: "cancel", error: "error", formContentClicked: "formContentClicked", processDefinitionSelection: "processDefinitionSelection" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, providers: [LocalizedDatePipe], viewQueries: [{ propertyName: "inputAutocomplete", first: true, predicate: MatAutocompleteTrigger, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (processDefinitionLoaded) {\n    <mat-card appearance=\"outlined\" class=\"adf-start-process\">\n        <mat-card-content>\n            @if (showTitle) {\n                <mat-card-title class=\"adf-title\">\n                    {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.TITLE' | translate }}\n                </mat-card-title>\n            }\n\n            @if (errorMessageId) {\n                <mat-card-subtitle class=\"adf-error-message\" id=\"error-message\">\n                    {{ errorMessageId | translate }}\n                </mat-card-subtitle>\n            }\n\n            @if (!isProcessDefinitionsEmpty) {\n                <div>\n                    <form [formGroup]=\"processForm\" class=\"adf-select-process-form\">\n                        @if (showSelectProcessDropdown) {\n                            <mat-form-field\n                                class=\"adf-process-input-container\"\n                                floatLabel=\"always\"\n                                data-automation-id=\"adf-select-cloud-process-dropdown\"\n                            >\n                                <mat-label class=\"adf-start-process-input-label\">{{\n                                    'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.LABEL.TYPE' | translate\n                                }}</mat-label>\n                                <input matInput formControlName=\"processDefinition\" [matAutocomplete]=\"auto\" id=\"processDefinitionName\" />\n\n                                <div class=\"adf-process-input-autocomplete\">\n                                    <mat-autocomplete\n                                        #auto=\"matAutocomplete\"\n                                        id=\"processDefinitionOptions\"\n                                        [displayWith]=\"displayProcessNameOnDropdown\"\n                                        (optionSelected)=\"setProcessDefinitionOnForm($event.option.value)\"\n                                    >\n                                        <mat-option\n                                            *ngFor=\"let processDef of filteredProcesses\"\n                                            [value]=\"getProcessDefinitionValue(processDef)\"\n                                            (click)=\"processDefinitionSelectionChanged(processDef)\"\n                                        >\n                                            {{ getProcessDefinitionValue(processDef) }}\n                                        </mat-option>\n                                    </mat-autocomplete>\n\n                                    <button\n                                        id=\"adf-select-process-dropdown\"\n                                        title=\"{{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.SELECT_PROCESS_DROPDOWN' | translate }}\"\n                                        mat-icon-button\n                                        (click)=\"displayDropdown($event)\"\n                                    >\n                                        <mat-icon>arrow_drop_down</mat-icon>\n                                    </button>\n                                </div>\n                                @if (processDefinition.hasError('required')) {\n                                    <mat-error class=\"adf-error-pb\">\n                                        {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.PROCESS_DEFINITION_REQUIRED' | translate }}\n                                    </mat-error>\n                                }\n                            </mat-form-field>\n                        }\n\n                        <adf-inplace-form-input [control]=\"processInstanceName\">\n                            <ng-container label>\n                                {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.LABEL.NAME' | translate }}\n                            </ng-container>\n\n                            <ng-container error>\n                                @if (processInstanceName.hasError('required')) {\n                                    <span>\n                                        {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.PROCESS_NAME_REQUIRED' | translate }}\n                                    </span>\n                                }\n                                @if (processInstanceName.hasError('maxlength')) {\n                                    <span id=\"adf-start-process-maxlength-error\">\n                                        {{\n                                            'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.MAXIMUM_LENGTH'\n                                                | translate: { characters: maxNameLength }\n                                        }}\n                                    </span>\n                                }\n                                @if (processInstanceName.hasError('pattern')) {\n                                    <span>\n                                        {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.SPACE_VALIDATOR' | translate }}\n                                    </span>\n                                }\n                            </ng-container>\n                        </adf-inplace-form-input>\n                    </form>\n\n                    @if (hasForm) {\n                        <adf-cloud-form\n                            #startForm\n                            [appName]=\"appName\"\n                            [appVersion]=\"processDefinitionCurrent.appVersion\"\n                            [data]=\"resolvedValues\"\n                            [formId]=\"processDefinitionCurrent.formKey\"\n                            [displayModeConfigurations]=\"displayModeConfigurations\"\n                            [showSaveButton]=\"showSaveButton\"\n                            [showCompleteButton]=\"showCompleteButton\"\n                            [showRefreshButton]=\"false\"\n                            [showValidationIcon]=\"false\"\n                            [showTitle]=\"false\"\n                            (formContentClicked)=\"onFormContentClicked($event)\"\n                            (formLoaded)=\"onFormLoaded($event)\"\n                            (executeOutcome)=\"onCustomOutcomeClicked($event.outcome.name)\"\n                        >\n                            <adf-cloud-form-custom-outcomes>\n                                <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n                            </adf-cloud-form-custom-outcomes>\n                        </adf-cloud-form>\n                    } @else {\n                        <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n                    }\n                </div>\n            } @else {\n                @if (processDefinitionLoaded) {\n                    <mat-card-content>\n                        <mat-card-subtitle class=\"error-message\" id=\"no-process-message\">\n                            {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.NO_PROCESS_DEFINITIONS' | translate | uppercase }}\n                        </mat-card-subtitle>\n                    </mat-card-content>\n                }\n            }\n        </mat-card-content>\n    </mat-card>\n} @else {\n    <div class=\"adf-loading-container\">\n        <mat-progress-spinner class=\"adf-loading\" color=\"primary\" mode=\"indeterminate\" />\n    </div>\n}\n\n<ng-template #taskFormCloudButtons>\n    <div class=\"adf-start-process-cloud-actions\">\n        @if (showCancelButton) {\n            <button mat-button (click)=\"cancelStartProcess()\" id=\"cancel_process\">\n                {{ cancelButtonLabel }}\n            </button>\n        }\n        @if (showStartProcessButton$ | async) {\n            <button\n                color=\"primary\"\n                mat-raised-button\n                [disabled]=\"disableStartButton || !isProcessFormValid\"\n                (click)=\"startProcess()\"\n                data-automation-id=\"btn-start\"\n                id=\"button-start\"\n                class=\"adf-btn-start\"\n            >\n                {{ startProcessButtonLabel }}\n            </button>\n        }\n    </div>\n</ng-template>\n", styles: [".adf-start-process .adf-start-process-input-label{color:var(--adf-theme-mat-grey-color-a200-dark)}.adf-start-process-cloud-actions{display:flex;justify-content:flex-end}.adf-select-process-form{display:flex;flex-direction:column}.adf-title{padding-bottom:1.25em}.adf-error-message{padding-left:.5em}.adf-process-input-container{margin:0 7px}.adf-process-input-autocomplete{display:flex}.adf-process-input-autocomplete button{position:absolute;right:-14px;top:0}.adf-form-container .adf-form-container-card:has(.adf-form-container-card-content){box-shadow:none;padding:0}.adf-start-form-actions{text-align:right}.adf-loading{margin:auto}.adf-loading-container{min-height:300px;display:flex;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i4.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: InplaceFormInputComponent, selector: "adf-inplace-form-input", inputs: ["control"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i7$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i7$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormCloudComponent, selector: "adf-cloud-form", inputs: ["appName", "appVersion", "formId", "processInstanceId", "taskId", "data", "displayModeConfigurations", "showCompleteButton", "customSaveButtonText", "customCompleteButtonText"], outputs: ["formSaved", "formCompleted", "formLoaded", "formDataRefreshed", "formContentClicked", "displayModeOn", "displayModeOff"] }, { kind: "component", type: FormCustomOutcomesComponent, selector: "adf-cloud-form-custom-outcomes" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: StartProcessCloudComponent, isStandalone: true, selector: "adf-cloud-start-process", inputs: { appName: "appName", maxNameLength: "maxNameLength", name: "name", processDefinitionName: "processDefinitionName", variables: "variables", values: "values", showSelectProcessDropdown: "showSelectProcessDropdown", showTitle: "showTitle", showCancelButton: "showCancelButton", displayModeConfigurations: "displayModeConfigurations" }, outputs: { success: "success", cancel: "cancel", error: "error", formContentClicked: "formContentClicked", processDefinitionSelection: "processDefinitionSelection", customOutcomeSelected: "customOutcomeSelected" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, providers: [LocalizedDatePipe], viewQueries: [{ propertyName: "inputAutocomplete", first: true, predicate: MatAutocompleteTrigger, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (processDefinitionLoaded && !isFormCloudLoading) {\n    <mat-card appearance=\"outlined\" class=\"adf-start-process\">\n        <mat-card-content>\n            @if (showTitle) {\n                <mat-card-title class=\"adf-title\">\n                    {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.TITLE' | translate }}\n                </mat-card-title>\n            }\n\n            @if (errorMessageId) {\n                <mat-card-subtitle class=\"adf-error-message\" id=\"error-message\">\n                    {{ errorMessageId | translate }}\n                </mat-card-subtitle>\n            }\n\n            @if (!isProcessDefinitionsEmpty) {\n                <div>\n                    <form [formGroup]=\"processForm\" class=\"adf-select-process-form\">\n                        @if (showSelectProcessDropdown) {\n                            <mat-form-field\n                                class=\"adf-process-input-container\"\n                                floatLabel=\"always\"\n                                data-automation-id=\"adf-select-cloud-process-dropdown\"\n                            >\n                                <mat-label class=\"adf-start-process-input-label\">{{\n                                    'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.LABEL.TYPE' | translate\n                                }}</mat-label>\n                                <input matInput formControlName=\"processDefinition\" [matAutocomplete]=\"auto\" id=\"processDefinitionName\" />\n\n                                <div class=\"adf-process-input-autocomplete\">\n                                    <mat-autocomplete\n                                        #auto=\"matAutocomplete\"\n                                        id=\"processDefinitionOptions\"\n                                        [displayWith]=\"displayProcessNameOnDropdown\"\n                                        (optionSelected)=\"setProcessDefinitionOnForm($event.option.value)\"\n                                    >\n                                        <mat-option\n                                            *ngFor=\"let processDef of filteredProcesses\"\n                                            [value]=\"getProcessDefinitionValue(processDef)\"\n                                            (click)=\"processDefinitionSelectionChanged(processDef)\"\n                                        >\n                                            {{ getProcessDefinitionValue(processDef) }}\n                                        </mat-option>\n                                    </mat-autocomplete>\n\n                                    <button\n                                        id=\"adf-select-process-dropdown\"\n                                        title=\"{{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.SELECT_PROCESS_DROPDOWN' | translate }}\"\n                                        mat-icon-button\n                                        (click)=\"displayDropdown($event)\"\n                                    >\n                                        <mat-icon>arrow_drop_down</mat-icon>\n                                    </button>\n                                </div>\n                                @if (processDefinition.hasError('required')) {\n                                    <mat-error class=\"adf-error-pb\">\n                                        {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.PROCESS_DEFINITION_REQUIRED' | translate }}\n                                    </mat-error>\n                                }\n                            </mat-form-field>\n                        }\n\n                        <adf-inplace-form-input [control]=\"processInstanceName\">\n                            <ng-container label>\n                                {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.LABEL.NAME' | translate }}\n                            </ng-container>\n\n                            <ng-container error>\n                                @if (processInstanceName.hasError('required')) {\n                                    <span>\n                                        {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.PROCESS_NAME_REQUIRED' | translate }}\n                                    </span>\n                                }\n                                @if (processInstanceName.hasError('maxlength')) {\n                                    <span id=\"adf-start-process-maxlength-error\">\n                                        {{\n                                            'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.MAXIMUM_LENGTH'\n                                                | translate: { characters: maxNameLength }\n                                        }}\n                                    </span>\n                                }\n                                @if (processInstanceName.hasError('pattern')) {\n                                    <span>\n                                        {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.SPACE_VALIDATOR' | translate }}\n                                    </span>\n                                }\n                            </ng-container>\n                        </adf-inplace-form-input>\n                    </form>\n\n                    @if (hasForm) {\n                        <adf-cloud-form\n                            #startForm\n                            [appName]=\"appName\"\n                            [appVersion]=\"processDefinitionCurrent.appVersion\"\n                            [data]=\"resolvedValues\"\n                            [formId]=\"processDefinitionCurrent.formKey\"\n                            [displayModeConfigurations]=\"displayModeConfigurations\"\n                            [showSaveButton]=\"showSaveButton\"\n                            [showCompleteButton]=\"showCompleteButton\"\n                            [showRefreshButton]=\"false\"\n                            [showValidationIcon]=\"false\"\n                            [showTitle]=\"false\"\n                            (formContentClicked)=\"onFormContentClicked($event)\"\n                            (formLoaded)=\"onFormLoaded($event)\"\n                            (executeOutcome)=\"onCustomOutcomeClicked($event)\"\n                        >\n                            <adf-cloud-form-custom-outcomes>\n                                <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n                            </adf-cloud-form-custom-outcomes>\n                        </adf-cloud-form>\n                    } @else if (hasScreen) {\n                        <adf-cloud-start-process-screen-cloud\n                            [screenId]=\"processDefinitionCurrent.formKey\"\n                            (screenStartProcessPayloadChange)=\"onScreenStartProcessPayloadChange($event)\"\n                            (disableStartProcessButton)=\"onDisableStartProcessButtonForScreen($event)\"\n                        >\n                            <adf-cloud-form-custom-outcomes>\n                                <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n                            </adf-cloud-form-custom-outcomes>\n                        </adf-cloud-start-process-screen-cloud>\n                    } @else {\n                        <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n                    }\n                </div>\n            } @else {\n                @if (processDefinitionLoaded) {\n                    <mat-card-content>\n                        <mat-card-subtitle class=\"error-message\" id=\"no-process-message\">\n                            {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.NO_PROCESS_DEFINITIONS' | translate | uppercase }}\n                        </mat-card-subtitle>\n                    </mat-card-content>\n                }\n            }\n        </mat-card-content>\n    </mat-card>\n} @else {\n    <div class=\"adf-loading-container\">\n        <mat-progress-spinner class=\"adf-loading\" color=\"primary\" mode=\"indeterminate\" />\n    </div>\n}\n\n<ng-template #taskFormCloudButtons>\n    <div class=\"adf-start-process-cloud-actions\">\n        @if (showCancelButton) {\n            <button mat-button (click)=\"cancelStartProcess()\" id=\"cancel_process\">\n                {{ cancelButtonLabel }}\n            </button>\n        }\n        @if (showStartProcessButton$ | async) {\n            <button\n                color=\"primary\"\n                mat-raised-button\n                [disabled]=\"disableStartButton || !isProcessFormValid\"\n                (click)=\"startProcess()\"\n                data-automation-id=\"btn-start\"\n                id=\"button-start\"\n                class=\"adf-btn-start\"\n            >\n                {{ startProcessButtonLabel }}\n            </button>\n        }\n    </div>\n</ng-template>\n", styles: [".adf-start-process .adf-start-process-input-label{color:var(--adf-theme-mat-grey-color-a200-dark)}.adf-start-process-cloud-actions{display:flex;justify-content:flex-end}.adf-select-process-form{display:flex;flex-direction:column}.adf-title{padding-bottom:1.25em}.adf-error-message{padding-left:.5em}.adf-process-input-container{margin:0 7px}.adf-process-input-autocomplete{display:flex}.adf-process-input-autocomplete button{position:absolute;right:-14px;top:0}.adf-form-container .adf-form-container-card:has(.adf-form-container-card-content){box-shadow:none;padding:0}.adf-start-form-actions{text-align:right}.adf-loading{margin:auto}.adf-loading-container{min-height:300px;display:flex;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4$1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i4$1.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i4$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: InplaceFormInputComponent, selector: "adf-inplace-form-input", inputs: ["control"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i7$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i7$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormCloudComponent, selector: "adf-cloud-form", inputs: ["appName", "appVersion", "formId", "processInstanceId", "taskId", "data", "displayModeConfigurations", "showCompleteButton", "customSaveButtonText", "customCompleteButtonText"], outputs: ["formSaved", "formCompleted", "formLoaded", "formDataRefreshed", "formContentClicked", "displayModeOn", "displayModeOff"] }, { kind: "component", type: FormCustomOutcomesComponent, selector: "adf-cloud-form-custom-outcomes" }, { kind: "component", type: StartProcessScreenCloudComponent, selector: "adf-cloud-start-process-screen-cloud", inputs: ["processDefinitionId"], outputs: ["screenStartProcessPayloadChange", "disableStartProcessButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: StartProcessCloudComponent, decorators: [{
             type: Component,
@@ -13653,8 +13631,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         MatAutocompleteModule,
                         ReactiveFormsModule,
                         FormCloudComponent,
-                        FormCustomOutcomesComponent
-                    ], providers: [LocalizedDatePipe], encapsulation: ViewEncapsulation.None, template: "@if (processDefinitionLoaded) {\n    <mat-card appearance=\"outlined\" class=\"adf-start-process\">\n        <mat-card-content>\n            @if (showTitle) {\n                <mat-card-title class=\"adf-title\">\n                    {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.TITLE' | translate }}\n                </mat-card-title>\n            }\n\n            @if (errorMessageId) {\n                <mat-card-subtitle class=\"adf-error-message\" id=\"error-message\">\n                    {{ errorMessageId | translate }}\n                </mat-card-subtitle>\n            }\n\n            @if (!isProcessDefinitionsEmpty) {\n                <div>\n                    <form [formGroup]=\"processForm\" class=\"adf-select-process-form\">\n                        @if (showSelectProcessDropdown) {\n                            <mat-form-field\n                                class=\"adf-process-input-container\"\n                                floatLabel=\"always\"\n                                data-automation-id=\"adf-select-cloud-process-dropdown\"\n                            >\n                                <mat-label class=\"adf-start-process-input-label\">{{\n                                    'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.LABEL.TYPE' | translate\n                                }}</mat-label>\n                                <input matInput formControlName=\"processDefinition\" [matAutocomplete]=\"auto\" id=\"processDefinitionName\" />\n\n                                <div class=\"adf-process-input-autocomplete\">\n                                    <mat-autocomplete\n                                        #auto=\"matAutocomplete\"\n                                        id=\"processDefinitionOptions\"\n                                        [displayWith]=\"displayProcessNameOnDropdown\"\n                                        (optionSelected)=\"setProcessDefinitionOnForm($event.option.value)\"\n                                    >\n                                        <mat-option\n                                            *ngFor=\"let processDef of filteredProcesses\"\n                                            [value]=\"getProcessDefinitionValue(processDef)\"\n                                            (click)=\"processDefinitionSelectionChanged(processDef)\"\n                                        >\n                                            {{ getProcessDefinitionValue(processDef) }}\n                                        </mat-option>\n                                    </mat-autocomplete>\n\n                                    <button\n                                        id=\"adf-select-process-dropdown\"\n                                        title=\"{{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.SELECT_PROCESS_DROPDOWN' | translate }}\"\n                                        mat-icon-button\n                                        (click)=\"displayDropdown($event)\"\n                                    >\n                                        <mat-icon>arrow_drop_down</mat-icon>\n                                    </button>\n                                </div>\n                                @if (processDefinition.hasError('required')) {\n                                    <mat-error class=\"adf-error-pb\">\n                                        {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.PROCESS_DEFINITION_REQUIRED' | translate }}\n                                    </mat-error>\n                                }\n                            </mat-form-field>\n                        }\n\n                        <adf-inplace-form-input [control]=\"processInstanceName\">\n                            <ng-container label>\n                                {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.LABEL.NAME' | translate }}\n                            </ng-container>\n\n                            <ng-container error>\n                                @if (processInstanceName.hasError('required')) {\n                                    <span>\n                                        {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.PROCESS_NAME_REQUIRED' | translate }}\n                                    </span>\n                                }\n                                @if (processInstanceName.hasError('maxlength')) {\n                                    <span id=\"adf-start-process-maxlength-error\">\n                                        {{\n                                            'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.MAXIMUM_LENGTH'\n                                                | translate: { characters: maxNameLength }\n                                        }}\n                                    </span>\n                                }\n                                @if (processInstanceName.hasError('pattern')) {\n                                    <span>\n                                        {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.SPACE_VALIDATOR' | translate }}\n                                    </span>\n                                }\n                            </ng-container>\n                        </adf-inplace-form-input>\n                    </form>\n\n                    @if (hasForm) {\n                        <adf-cloud-form\n                            #startForm\n                            [appName]=\"appName\"\n                            [appVersion]=\"processDefinitionCurrent.appVersion\"\n                            [data]=\"resolvedValues\"\n                            [formId]=\"processDefinitionCurrent.formKey\"\n                            [displayModeConfigurations]=\"displayModeConfigurations\"\n                            [showSaveButton]=\"showSaveButton\"\n                            [showCompleteButton]=\"showCompleteButton\"\n                            [showRefreshButton]=\"false\"\n                            [showValidationIcon]=\"false\"\n                            [showTitle]=\"false\"\n                            (formContentClicked)=\"onFormContentClicked($event)\"\n                            (formLoaded)=\"onFormLoaded($event)\"\n                            (executeOutcome)=\"onCustomOutcomeClicked($event.outcome.name)\"\n                        >\n                            <adf-cloud-form-custom-outcomes>\n                                <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n                            </adf-cloud-form-custom-outcomes>\n                        </adf-cloud-form>\n                    } @else {\n                        <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n                    }\n                </div>\n            } @else {\n                @if (processDefinitionLoaded) {\n                    <mat-card-content>\n                        <mat-card-subtitle class=\"error-message\" id=\"no-process-message\">\n                            {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.NO_PROCESS_DEFINITIONS' | translate | uppercase }}\n                        </mat-card-subtitle>\n                    </mat-card-content>\n                }\n            }\n        </mat-card-content>\n    </mat-card>\n} @else {\n    <div class=\"adf-loading-container\">\n        <mat-progress-spinner class=\"adf-loading\" color=\"primary\" mode=\"indeterminate\" />\n    </div>\n}\n\n<ng-template #taskFormCloudButtons>\n    <div class=\"adf-start-process-cloud-actions\">\n        @if (showCancelButton) {\n            <button mat-button (click)=\"cancelStartProcess()\" id=\"cancel_process\">\n                {{ cancelButtonLabel }}\n            </button>\n        }\n        @if (showStartProcessButton$ | async) {\n            <button\n                color=\"primary\"\n                mat-raised-button\n                [disabled]=\"disableStartButton || !isProcessFormValid\"\n                (click)=\"startProcess()\"\n                data-automation-id=\"btn-start\"\n                id=\"button-start\"\n                class=\"adf-btn-start\"\n            >\n                {{ startProcessButtonLabel }}\n            </button>\n        }\n    </div>\n</ng-template>\n", styles: [".adf-start-process .adf-start-process-input-label{color:var(--adf-theme-mat-grey-color-a200-dark)}.adf-start-process-cloud-actions{display:flex;justify-content:flex-end}.adf-select-process-form{display:flex;flex-direction:column}.adf-title{padding-bottom:1.25em}.adf-error-message{padding-left:.5em}.adf-process-input-container{margin:0 7px}.adf-process-input-autocomplete{display:flex}.adf-process-input-autocomplete button{position:absolute;right:-14px;top:0}.adf-form-container .adf-form-container-card:has(.adf-form-container-card-content){box-shadow:none;padding:0}.adf-start-form-actions{text-align:right}.adf-loading{margin:auto}.adf-loading-container{min-height:300px;display:flex;height:100%}\n"] }]
+                        FormCustomOutcomesComponent,
+                        StartProcessScreenCloudComponent
+                    ], providers: [LocalizedDatePipe], encapsulation: ViewEncapsulation.None, template: "@if (processDefinitionLoaded && !isFormCloudLoading) {\n    <mat-card appearance=\"outlined\" class=\"adf-start-process\">\n        <mat-card-content>\n            @if (showTitle) {\n                <mat-card-title class=\"adf-title\">\n                    {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.TITLE' | translate }}\n                </mat-card-title>\n            }\n\n            @if (errorMessageId) {\n                <mat-card-subtitle class=\"adf-error-message\" id=\"error-message\">\n                    {{ errorMessageId | translate }}\n                </mat-card-subtitle>\n            }\n\n            @if (!isProcessDefinitionsEmpty) {\n                <div>\n                    <form [formGroup]=\"processForm\" class=\"adf-select-process-form\">\n                        @if (showSelectProcessDropdown) {\n                            <mat-form-field\n                                class=\"adf-process-input-container\"\n                                floatLabel=\"always\"\n                                data-automation-id=\"adf-select-cloud-process-dropdown\"\n                            >\n                                <mat-label class=\"adf-start-process-input-label\">{{\n                                    'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.LABEL.TYPE' | translate\n                                }}</mat-label>\n                                <input matInput formControlName=\"processDefinition\" [matAutocomplete]=\"auto\" id=\"processDefinitionName\" />\n\n                                <div class=\"adf-process-input-autocomplete\">\n                                    <mat-autocomplete\n                                        #auto=\"matAutocomplete\"\n                                        id=\"processDefinitionOptions\"\n                                        [displayWith]=\"displayProcessNameOnDropdown\"\n                                        (optionSelected)=\"setProcessDefinitionOnForm($event.option.value)\"\n                                    >\n                                        <mat-option\n                                            *ngFor=\"let processDef of filteredProcesses\"\n                                            [value]=\"getProcessDefinitionValue(processDef)\"\n                                            (click)=\"processDefinitionSelectionChanged(processDef)\"\n                                        >\n                                            {{ getProcessDefinitionValue(processDef) }}\n                                        </mat-option>\n                                    </mat-autocomplete>\n\n                                    <button\n                                        id=\"adf-select-process-dropdown\"\n                                        title=\"{{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.SELECT_PROCESS_DROPDOWN' | translate }}\"\n                                        mat-icon-button\n                                        (click)=\"displayDropdown($event)\"\n                                    >\n                                        <mat-icon>arrow_drop_down</mat-icon>\n                                    </button>\n                                </div>\n                                @if (processDefinition.hasError('required')) {\n                                    <mat-error class=\"adf-error-pb\">\n                                        {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.PROCESS_DEFINITION_REQUIRED' | translate }}\n                                    </mat-error>\n                                }\n                            </mat-form-field>\n                        }\n\n                        <adf-inplace-form-input [control]=\"processInstanceName\">\n                            <ng-container label>\n                                {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.LABEL.NAME' | translate }}\n                            </ng-container>\n\n                            <ng-container error>\n                                @if (processInstanceName.hasError('required')) {\n                                    <span>\n                                        {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.PROCESS_NAME_REQUIRED' | translate }}\n                                    </span>\n                                }\n                                @if (processInstanceName.hasError('maxlength')) {\n                                    <span id=\"adf-start-process-maxlength-error\">\n                                        {{\n                                            'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.MAXIMUM_LENGTH'\n                                                | translate: { characters: maxNameLength }\n                                        }}\n                                    </span>\n                                }\n                                @if (processInstanceName.hasError('pattern')) {\n                                    <span>\n                                        {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.SPACE_VALIDATOR' | translate }}\n                                    </span>\n                                }\n                            </ng-container>\n                        </adf-inplace-form-input>\n                    </form>\n\n                    @if (hasForm) {\n                        <adf-cloud-form\n                            #startForm\n                            [appName]=\"appName\"\n                            [appVersion]=\"processDefinitionCurrent.appVersion\"\n                            [data]=\"resolvedValues\"\n                            [formId]=\"processDefinitionCurrent.formKey\"\n                            [displayModeConfigurations]=\"displayModeConfigurations\"\n                            [showSaveButton]=\"showSaveButton\"\n                            [showCompleteButton]=\"showCompleteButton\"\n                            [showRefreshButton]=\"false\"\n                            [showValidationIcon]=\"false\"\n                            [showTitle]=\"false\"\n                            (formContentClicked)=\"onFormContentClicked($event)\"\n                            (formLoaded)=\"onFormLoaded($event)\"\n                            (executeOutcome)=\"onCustomOutcomeClicked($event)\"\n                        >\n                            <adf-cloud-form-custom-outcomes>\n                                <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n                            </adf-cloud-form-custom-outcomes>\n                        </adf-cloud-form>\n                    } @else if (hasScreen) {\n                        <adf-cloud-start-process-screen-cloud\n                            [screenId]=\"processDefinitionCurrent.formKey\"\n                            (screenStartProcessPayloadChange)=\"onScreenStartProcessPayloadChange($event)\"\n                            (disableStartProcessButton)=\"onDisableStartProcessButtonForScreen($event)\"\n                        >\n                            <adf-cloud-form-custom-outcomes>\n                                <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n                            </adf-cloud-form-custom-outcomes>\n                        </adf-cloud-start-process-screen-cloud>\n                    } @else {\n                        <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n                    }\n                </div>\n            } @else {\n                @if (processDefinitionLoaded) {\n                    <mat-card-content>\n                        <mat-card-subtitle class=\"error-message\" id=\"no-process-message\">\n                            {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.NO_PROCESS_DEFINITIONS' | translate | uppercase }}\n                        </mat-card-subtitle>\n                    </mat-card-content>\n                }\n            }\n        </mat-card-content>\n    </mat-card>\n} @else {\n    <div class=\"adf-loading-container\">\n        <mat-progress-spinner class=\"adf-loading\" color=\"primary\" mode=\"indeterminate\" />\n    </div>\n}\n\n<ng-template #taskFormCloudButtons>\n    <div class=\"adf-start-process-cloud-actions\">\n        @if (showCancelButton) {\n            <button mat-button (click)=\"cancelStartProcess()\" id=\"cancel_process\">\n                {{ cancelButtonLabel }}\n            </button>\n        }\n        @if (showStartProcessButton$ | async) {\n            <button\n                color=\"primary\"\n                mat-raised-button\n                [disabled]=\"disableStartButton || !isProcessFormValid\"\n                (click)=\"startProcess()\"\n                data-automation-id=\"btn-start\"\n                id=\"button-start\"\n                class=\"adf-btn-start\"\n            >\n                {{ startProcessButtonLabel }}\n            </button>\n        }\n    </div>\n</ng-template>\n", styles: [".adf-start-process .adf-start-process-input-label{color:var(--adf-theme-mat-grey-color-a200-dark)}.adf-start-process-cloud-actions{display:flex;justify-content:flex-end}.adf-select-process-form{display:flex;flex-direction:column}.adf-title{padding-bottom:1.25em}.adf-error-message{padding-left:.5em}.adf-process-input-container{margin:0 7px}.adf-process-input-autocomplete{display:flex}.adf-process-input-autocomplete button{position:absolute;right:-14px;top:0}.adf-form-container .adf-form-container-card:has(.adf-form-container-card-content){box-shadow:none;padding:0}.adf-start-form-actions{text-align:right}.adf-loading{margin:auto}.adf-loading-container{min-height:300px;display:flex;height:100%}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.TranslationService }], propDecorators: { inputAutocomplete: [{
                 type: ViewChild,
                 args: [MatAutocompleteTrigger]
@@ -13688,6 +13667,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 type: Output
             }], processDefinitionSelection: [{
                 type: Output
+            }], customOutcomeSelected: [{
+                type: Output
             }], onKeyDown: [{
                 type: HostListener,
                 args: ['keydown', ['$event']]
@@ -13805,7 +13786,7 @@ class ProcessHeaderCloudComponent {
         return filteredProperties ? filteredProperties.indexOf(cardItem.key) >= 0 : true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProcessHeaderCloudComponent, deps: [{ token: ProcessCloudService }, { token: i1$1.TranslationService }, { token: i1$1.AppConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ProcessHeaderCloudComponent, isStandalone: true, selector: "adf-cloud-process-header", inputs: { appName: "appName", processInstanceId: "processInstanceId" }, outputs: { loaded: "loaded" }, host: { classAttribute: "adf-cloud-process-header" }, usesOnChanges: true, ngImport: i0, template: "<mat-card appearance=\"outlined\" *ngIf=\"processInstanceDetails\" class=\"adf-process-header-cloud-card\">\n  <mat-card-content>\n    <adf-card-view [properties]=\"properties\" />\n  </mat-card-content>\n</mat-card>\n", styles: [".adf-process-header-cloud-card{background-color:var(--adf-theme-background-card-color)}\n"], dependencies: [{ kind: "component", type: CardViewComponent, selector: "adf-card-view", inputs: ["properties", "editable", "displayEmpty", "displayNoneOption", "displayClearAction", "copyToClipboardAction", "useChipsForMultiValueProperty", "multiValueSeparator", "displayLabelForChips"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ProcessHeaderCloudComponent, isStandalone: true, selector: "adf-cloud-process-header", inputs: { appName: "appName", processInstanceId: "processInstanceId" }, outputs: { loaded: "loaded" }, host: { classAttribute: "adf-cloud-process-header" }, usesOnChanges: true, ngImport: i0, template: "<mat-card appearance=\"outlined\" *ngIf=\"processInstanceDetails\" class=\"adf-process-header-cloud-card\">\n  <mat-card-content>\n    <adf-card-view [properties]=\"properties\" />\n  </mat-card-content>\n</mat-card>\n", styles: [".adf-process-header-cloud-card{background-color:var(--adf-theme-background-card-color)}\n"], dependencies: [{ kind: "component", type: CardViewComponent, selector: "adf-card-view", inputs: ["properties", "editable", "displayEmpty", "displayNoneOption", "displayClearAction", "copyToClipboardAction", "useChipsForMultiValueProperty", "multiValueSeparator", "displayLabelForChips"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4$1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProcessHeaderCloudComponent, decorators: [{
             type: Component,
@@ -13851,94 +13832,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 }]
         }] });
 
-/*!
- * @license
- * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class FormDefinitionSelectorCloudService extends BaseCloudService {
-    /**
-     * Get all forms of an app.
-     *
-     * @param appName Name of the application
-     * @returns Details of the forms
-     */
-    getForms(appName) {
-        const url = `${this.getBasePath(appName)}/form/v1/forms`;
-        return this.get(url).pipe(map((data) => data.map((formData) => formData.formRepresentation)));
-    }
-    /**
-     * Get all forms of an app.
-     *
-     * @param appName Name of the application
-     * @returns Details of the forms
-     */
-    getStandAloneTaskForms(appName) {
-        return from(this.getForms(appName)).pipe(map((data) => data.filter((formData) => formData.standalone || formData.standalone === undefined)));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormDefinitionSelectorCloudService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormDefinitionSelectorCloudService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormDefinitionSelectorCloudService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-/*!
- * @license
- * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class FormDefinitionSelectorCloudComponent {
-    constructor(formDefinitionCloudService) {
-        this.formDefinitionCloudService = formDefinitionCloudService;
-        /** Name of the application. If specified, this shows the users who have access to the app. */
-        this.appName = '';
-        /** Emitted when a form is selected. */
-        this.selectForm = new EventEmitter();
-    }
-    ngOnInit() {
-        this.forms$ = this.formDefinitionCloudService.getStandAloneTaskForms(this.appName);
-    }
-    onSelect(event) {
-        this.selectForm.emit(event.value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormDefinitionSelectorCloudComponent, deps: [{ token: FormDefinitionSelectorCloudService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FormDefinitionSelectorCloudComponent, isStandalone: true, selector: "adf-cloud-form-definition-selector", inputs: { appName: "appName" }, outputs: { selectForm: "selectForm" }, ngImport: i0, template: "<mat-form-field class=\"adf-form-definition-selector\">\n    <mat-label>{{'ADF_CLOUD_TASK_LIST.START_TASK.FORM.LABEL.FORM' | translate}}</mat-label>\n    <mat-select class=\"adf-form-selector-dropdown\" (selectionChange)=\"onSelect($event)\">\n        <mat-option [value]=\"''\">{{'ADF_CLOUD_TASK_LIST.START_TASK.FORM.LABEL.NONE' | translate}}</mat-option>\n        <mat-option *ngFor=\"let form of forms$ | async\" [value]=\"form.id\">{{ form.name }}</mat-option>\n    </mat-select>\n</mat-form-field>\n", styles: [".adf-form-definition-selector{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormDefinitionSelectorCloudComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'adf-cloud-form-definition-selector', imports: [CommonModule, TranslatePipe, MatSelectModule], template: "<mat-form-field class=\"adf-form-definition-selector\">\n    <mat-label>{{'ADF_CLOUD_TASK_LIST.START_TASK.FORM.LABEL.FORM' | translate}}</mat-label>\n    <mat-select class=\"adf-form-selector-dropdown\" (selectionChange)=\"onSelect($event)\">\n        <mat-option [value]=\"''\">{{'ADF_CLOUD_TASK_LIST.START_TASK.FORM.LABEL.NONE' | translate}}</mat-option>\n        <mat-option *ngFor=\"let form of forms$ | async\" [value]=\"form.id\">{{ form.name }}</mat-option>\n    </mat-select>\n</mat-form-field>\n", styles: [".adf-form-definition-selector{width:100%}\n"] }]
-        }], ctorParameters: () => [{ type: FormDefinitionSelectorCloudService }], propDecorators: { appName: [{
-                type: Input
-            }], selectForm: [{
-                type: Output
-            }] } });
-
 /*!
  * @license
  * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
@@ -13993,7 +13886,7 @@ class GroupCloudWidgetComponent extends WidgetComponent {
         return this.mode === 'multiple';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GroupCloudWidgetComponent, deps: [{ token: i1$1.FormService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: GroupCloudWidgetComponent, isStandalone: true, selector: "group-cloud-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div\n    class=\"adf-dropdown-widget {{field.className}}\"\n    [class.adf-invalid]=\"!field.isValid && isTouched()\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\"\n            >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n        >\n    </div>\n    <div>\n        <adf-cloud-group\n            [mode]=\"mode\"\n            [title]=\"title\"\n            [readOnly]=\"field.readOnly\"\n            [validate]=\"validate\"\n            [roles]=\"roles\"\n            [searchGroupsControl]=\"search\"\n            [required]=\"field.required\"\n            (changedGroups)=\"onChangedGroup($event)\"\n            [preSelectGroups]=\"preSelectGroup\"\n            (blur)=\"markAsTouched()\"\n            [attr.title]=\"field.tooltip\"\n            [label] = \"field.name | translate\"\n        />\n        <error-widget [error]=\"field.validationSummary\" />\n        <error-widget\n            class=\"adf-dropdown-required-message\"\n            *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n            required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n        />\n    </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "component", type: GroupCloudComponent, selector: "adf-cloud-group", inputs: ["label", "appName", "title", "mode", "preSelectGroups", "validate", "readOnly", "required", "groupChipsCtrl", "searchGroupsControl", "roles"], outputs: ["selectGroup", "removeGroup", "changedGroups", "warning"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: GroupCloudWidgetComponent, isStandalone: true, selector: "group-cloud-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div\n    class=\"adf-dropdown-widget {{field.className}}\"\n    [class.adf-invalid]=\"!field.isValid && isTouched()\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\"\n            >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n        >\n    </div>\n    <div>\n        <adf-cloud-group\n            [mode]=\"mode\"\n            [title]=\"title\"\n            [readOnly]=\"field.readOnly\"\n            [validate]=\"validate\"\n            [roles]=\"roles\"\n            [searchGroupsControl]=\"search\"\n            [required]=\"field.required\"\n            (changedGroups)=\"onChangedGroup($event)\"\n            [preSelectGroups]=\"preSelectGroup\"\n            (blur)=\"markAsTouched()\"\n            [attr.title]=\"field.tooltip\"\n            [label] = \"field.name | translate\"\n        />\n        <error-widget [error]=\"field.validationSummary\" />\n        <error-widget\n            class=\"adf-dropdown-required-message\"\n            *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n            required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n        />\n    </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "component", type: GroupCloudComponent, selector: "adf-cloud-group", inputs: ["label", "appName", "title", "mode", "preSelectGroups", "validate", "readOnly", "required", "groupChipsCtrl", "searchGroupsControl", "roles"], outputs: ["selectGroup", "removeGroup", "changedGroups", "warning"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GroupCloudWidgetComponent, decorators: [{
             type: Component,
@@ -14071,7 +13964,7 @@ class PeopleCloudWidgetComponent extends WidgetComponent {
         return this.mode === 'multiple';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PeopleCloudWidgetComponent, deps: [{ token: i1$1.FormService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PeopleCloudWidgetComponent, isStandalone: true, selector: "people-cloud-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-dropdown-widget {{field.className}}\"\n     [class.adf-invalid]=\"!field.isValid && isTouched()\"\n     [class.adf-readonly]=\"field.readOnly\"\n     [class.adf-left-label-input-container]=\"field.leftLabels\">\n     <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label>\n    </div>\n    <div>\n        <adf-cloud-people\n            [preSelectUsers]=\"preSelectUsers\"\n            [appName]=\"appName\"\n            [readOnly]=\"field.readOnly\"\n            [validate]=\"validate\"\n            [searchUserCtrl]=\"search\"\n            [required]=\"field.required\"\n            (changedUsers)=\"onChangedUser($event)\"\n            [roles]=\"roles\"\n            [mode]=\"mode\"\n            [groupsRestriction]=\"groupsRestriction\"\n            (blur)=\"markAsTouched()\"\n            [attr.title]=\"field.tooltip\"\n            [label]=\"field.name | translate\"\n        />\n        <error-widget [error]=\"field.validationSummary\" />\n        <error-widget\n            class=\"adf-dropdown-required-message\"\n            *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n            required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\" />\n    </div>\n</div>\n\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "component", type: PeopleCloudComponent, selector: "adf-cloud-people", inputs: ["label", "appName", "mode", "roles", "validate", "readOnly", "required", "preSelectUsers", "excludedUsers", "groupsRestriction", "userChipsCtrl", "searchUserCtrl", "title", "placeholder", "hideInputOnSingleSelection", "formFieldAppearance", "formFieldSubscriptSizing", "showErrors", "showFullNameOnHover"], outputs: ["selectUser", "removeUser", "changedUsers", "warning"] }, { kind: "ngmodule", type: MatFormFieldModule }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PeopleCloudWidgetComponent, isStandalone: true, selector: "people-cloud-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-dropdown-widget {{field.className}}\"\n     [class.adf-invalid]=\"!field.isValid && isTouched()\"\n     [class.adf-readonly]=\"field.readOnly\"\n     [class.adf-left-label-input-container]=\"field.leftLabels\">\n     <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label>\n    </div>\n    <div>\n        <adf-cloud-people\n            [preSelectUsers]=\"preSelectUsers\"\n            [appName]=\"appName\"\n            [readOnly]=\"field.readOnly\"\n            [validate]=\"validate\"\n            [searchUserCtrl]=\"search\"\n            [required]=\"field.required\"\n            (changedUsers)=\"onChangedUser($event)\"\n            [roles]=\"roles\"\n            [mode]=\"mode\"\n            [groupsRestriction]=\"groupsRestriction\"\n            (blur)=\"markAsTouched()\"\n            [attr.title]=\"field.tooltip\"\n            [label]=\"field.name | translate\"\n        />\n        <error-widget [error]=\"field.validationSummary\" />\n        <error-widget\n            class=\"adf-dropdown-required-message\"\n            *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n            required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\" />\n    </div>\n</div>\n\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "component", type: PeopleCloudComponent, selector: "adf-cloud-people", inputs: ["label", "appName", "mode", "roles", "validate", "readOnly", "required", "preSelectUsers", "excludedUsers", "groupsRestriction", "userChipsCtrl", "searchUserCtrl", "title", "placeholder", "hideInputOnSingleSelection", "formFieldAppearance", "formFieldSubscriptSizing", "showErrors", "showFullNameOnHover"], outputs: ["selectUser", "removeUser", "changedUsers", "warning"] }, { kind: "ngmodule", type: MatFormFieldModule }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PeopleCloudWidgetComponent, decorators: [{
             type: Component,
@@ -14131,13 +14024,13 @@ class PropertiesViewerWrapperComponent {
             this.nodeContentLoaded.emit(retrievedNode);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PropertiesViewerWrapperComponent, deps: [{ token: i1$4.NodesApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PropertiesViewerWrapperComponent, isStandalone: true, selector: "adf-properties-viewer-wrapper", inputs: { nodeId: "nodeId", editable: "editable", displayEmpty: "displayEmpty", expanded: "expanded", multi: "multi", preset: "preset", displayDefaultProperties: "displayDefaultProperties", displayAspect: "displayAspect", copyToClipboardAction: "copyToClipboardAction", useChipsForMultiValueProperty: "useChipsForMultiValueProperty" }, outputs: { nodeContentLoaded: "nodeContentLoaded" }, usesOnChanges: true, ngImport: i0, template: "<adf-content-metadata\n    [displayDefaultProperties]=\"displayDefaultProperties\"\n    [expanded]=\"expanded\"\n    [node]=\"node\"\n    [preset]=\"preset\"\n    [displayEmpty]=\"displayEmpty\"\n    [readOnly]=\"!editable\"\n    [multi]=\"multi\"\n    [displayAspect]=\"displayAspect\"\n    [copyToClipboardAction]=\"copyToClipboardAction\"\n    [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n    [displayTags]=\"false\"\n    [displayCategories]=\"false\"\n    *ngIf=\"!loading; else loadingTemplate\"\n/>\n<ng-template #loadingTemplate>\n    <div class=\"adf-properties-viewer-wrapper-loading\">\n        <mat-progress-spinner />\n    </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: ContentMetadataComponent, selector: "adf-content-metadata", inputs: ["node", "displayEmpty", "expanded", "multi", "preset", "displayDefaultProperties", "displayAspect", "copyToClipboardAction", "useChipsForMultiValueProperty", "displayTags", "displayCategories", "customPanels", "readOnly"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PropertiesViewerWrapperComponent, deps: [{ token: i1$5.NodesApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PropertiesViewerWrapperComponent, isStandalone: true, selector: "adf-properties-viewer-wrapper", inputs: { nodeId: "nodeId", editable: "editable", displayEmpty: "displayEmpty", expanded: "expanded", multi: "multi", preset: "preset", displayDefaultProperties: "displayDefaultProperties", displayAspect: "displayAspect", copyToClipboardAction: "copyToClipboardAction", useChipsForMultiValueProperty: "useChipsForMultiValueProperty" }, outputs: { nodeContentLoaded: "nodeContentLoaded" }, usesOnChanges: true, ngImport: i0, template: "<adf-content-metadata\n    [displayDefaultProperties]=\"displayDefaultProperties\"\n    [expanded]=\"expanded\"\n    [node]=\"node\"\n    [preset]=\"preset\"\n    [displayEmpty]=\"displayEmpty\"\n    [readOnly]=\"!editable\"\n    [multi]=\"multi\"\n    [displayAspect]=\"displayAspect\"\n    [copyToClipboardAction]=\"copyToClipboardAction\"\n    [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n    [displayTags]=\"false\"\n    [displayCategories]=\"false\"\n    *ngIf=\"!loading; else loadingTemplate\"\n/>\n<ng-template #loadingTemplate>\n    <div class=\"adf-properties-viewer-wrapper-loading\">\n        <mat-progress-spinner />\n    </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: ContentMetadataComponent, selector: "adf-content-metadata", inputs: ["node", "displayEmpty", "expanded", "multi", "preset", "displayDefaultProperties", "displayAspect", "copyToClipboardAction", "useChipsForMultiValueProperty", "displayTags", "displayCategories", "customPanels", "readOnly"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PropertiesViewerWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adf-properties-viewer-wrapper', imports: [CommonModule, MatProgressSpinnerModule, ContentMetadataComponent], encapsulation: ViewEncapsulation.None, template: "<adf-content-metadata\n    [displayDefaultProperties]=\"displayDefaultProperties\"\n    [expanded]=\"expanded\"\n    [node]=\"node\"\n    [preset]=\"preset\"\n    [displayEmpty]=\"displayEmpty\"\n    [readOnly]=\"!editable\"\n    [multi]=\"multi\"\n    [displayAspect]=\"displayAspect\"\n    [copyToClipboardAction]=\"copyToClipboardAction\"\n    [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n    [displayTags]=\"false\"\n    [displayCategories]=\"false\"\n    *ngIf=\"!loading; else loadingTemplate\"\n/>\n<ng-template #loadingTemplate>\n    <div class=\"adf-properties-viewer-wrapper-loading\">\n        <mat-progress-spinner />\n    </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i1$4.NodesApiService }], propDecorators: { nodeId: [{
+        }], ctorParameters: () => [{ type: i1$5.NodesApiService }], propDecorators: { nodeId: [{
                 type: Input
             }], editable: [{
                 type: Input
@@ -14187,21 +14080,11 @@ class PropertiesViewerWidgetComponent extends BaseViewerWidgetComponent {
         this.nodeContentLoaded.emit(node);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PropertiesViewerWidgetComponent, deps: [{ token: i1$1.FormService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PropertiesViewerWidgetComponent, isStandalone: true, selector: "adf-properties-viewer-widget", outputs: { nodeContentLoaded: "nodeContentLoaded" }, host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-file-viewer-widget {{field.className}}\" [class.adf-invalid]=\"!field.isValid\" [class.adf-readonly]=\"field.readOnly\">\n    <label class=\"adf-label\" [attr.for]=\"field.id\"\n        >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n    >\n    <ng-template\n        #properties\n        [ngTemplateOutlet]=\"properties\"\n        let-properties=\"properties\"\n        [ngTemplateOutletContext]=\"{ properties: field.params?.propertiesViewerOptions }\"\n    >\n        <adf-properties-viewer-wrapper\n            *ngIf=\"field.value\"\n            [nodeId]=\"field.value\"\n            [displayDefaultProperties]=\"properties?.displayDefaultProperties !== undefined ?  properties?.displayDefaultProperties : true\"\n            [expanded]=\"properties?.expanded !== undefined ? properties?.expanded : true\"\n            [preset]=\"properties?.preset\"\n            [displayEmpty]=\"properties?.displayEmpty !== undefined ? properties?.displayEmpty : false\"\n            [editable]=\"properties?.editable !== undefined ? properties?.editable : false\"\n            [multi]=\"properties?.multi !== undefined ? properties?.multi : false\"\n            [displayAspect]=\"properties?.displayAspect !== undefined ? properties?.displayAspect : null\"\n            [copyToClipboardAction]=\"properties?.copyToClipboardAction !== undefined ? properties?.copyToClipboardAction : true\"\n            [useChipsForMultiValueProperty]=\"properties?.useChipsForMultiValueProperty !== undefined ? properties?.useChipsForMultiValueProperty : true\"\n            (nodeContentLoaded)=\"onNodeContentLoaded($event)\"\n        />\n    </ng-template>\n    <error-widget [error]=\"field.validationSummary\" />\n</div>\n", styles: ["adf-properties-viewer-widget{height:100%;width:100%}adf-properties-viewer-widget adf-properties-viewer-wrapper{display:block;height:100%;width:100%;border:1px solid var(--adf-theme-foreground-text-color-007);border-radius:6px}adf-properties-viewer-widget adf-properties-viewer-wrapper .adf-properties-viewer-wrapper-loading{height:100%;width:100%}adf-properties-viewer-widget adf-properties-viewer-wrapper .adf-properties-viewer-wrapper-loading mat-progress-spinner{display:block;margin:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "component", type: PropertiesViewerWrapperComponent, selector: "adf-properties-viewer-wrapper", inputs: ["nodeId", "editable", "displayEmpty", "expanded", "multi", "preset", "displayDefaultProperties", "displayAspect", "copyToClipboardAction", "useChipsForMultiValueProperty"], outputs: ["nodeContentLoaded"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PropertiesViewerWidgetComponent, isStandalone: true, selector: "adf-properties-viewer-widget", outputs: { nodeContentLoaded: "nodeContentLoaded" }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-file-viewer-widget {{field.className}}\" [class.adf-invalid]=\"!field.isValid\" [class.adf-readonly]=\"field.readOnly\">\n    <label class=\"adf-label\" [attr.for]=\"field.id\"\n        >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n    >\n    <ng-template\n        #properties\n        [ngTemplateOutlet]=\"properties\"\n        let-properties=\"properties\"\n        [ngTemplateOutletContext]=\"{ properties: field.params?.propertiesViewerOptions }\"\n    >\n        <adf-properties-viewer-wrapper\n            *ngIf=\"field.value\"\n            [nodeId]=\"field.value\"\n            [displayDefaultProperties]=\"properties?.displayDefaultProperties !== undefined ?  properties?.displayDefaultProperties : true\"\n            [expanded]=\"properties?.expanded !== undefined ? properties?.expanded : true\"\n            [preset]=\"properties?.preset\"\n            [displayEmpty]=\"properties?.displayEmpty !== undefined ? properties?.displayEmpty : false\"\n            [editable]=\"properties?.editable !== undefined ? properties?.editable : false\"\n            [multi]=\"properties?.multi !== undefined ? properties?.multi : false\"\n            [displayAspect]=\"properties?.displayAspect !== undefined ? properties?.displayAspect : null\"\n            [copyToClipboardAction]=\"properties?.copyToClipboardAction !== undefined ? properties?.copyToClipboardAction : true\"\n            [useChipsForMultiValueProperty]=\"properties?.useChipsForMultiValueProperty !== undefined ? properties?.useChipsForMultiValueProperty : true\"\n            (nodeContentLoaded)=\"onNodeContentLoaded($event)\"\n        />\n    </ng-template>\n    <error-widget [error]=\"field.validationSummary\" />\n</div>\n", styles: ["adf-properties-viewer-widget{height:100%;width:100%}adf-properties-viewer-widget adf-properties-viewer-wrapper{display:block;height:100%;width:100%;border:1px solid var(--adf-theme-foreground-text-color-007);border-radius:6px}adf-properties-viewer-widget adf-properties-viewer-wrapper .adf-properties-viewer-wrapper-loading{height:100%;width:100%}adf-properties-viewer-widget adf-properties-viewer-wrapper .adf-properties-viewer-wrapper-loading mat-progress-spinner{display:block;margin:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "component", type: PropertiesViewerWrapperComponent, selector: "adf-properties-viewer-wrapper", inputs: ["nodeId", "editable", "displayEmpty", "expanded", "multi", "preset", "displayDefaultProperties", "displayAspect", "copyToClipboardAction", "useChipsForMultiValueProperty"], outputs: ["nodeContentLoaded"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PropertiesViewerWidgetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'adf-properties-viewer-widget', imports: [CommonModule, ErrorWidgetComponent, PropertiesViewerWrapperComponent, TranslatePipe], host: {
-                        '(click)': 'event($event)',
-                        '(blur)': 'event($event)',
-                        '(change)': 'event($event)',
-                        '(focus)': 'event($event)',
-                        '(focusin)': 'event($event)',
-                        '(focusout)': 'event($event)',
-                        '(input)': 'event($event)',
-                        '(invalid)': 'event($event)',
-                        '(select)': 'event($event)'
-                    }, encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-file-viewer-widget {{field.className}}\" [class.adf-invalid]=\"!field.isValid\" [class.adf-readonly]=\"field.readOnly\">\n    <label class=\"adf-label\" [attr.for]=\"field.id\"\n        >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n    >\n    <ng-template\n        #properties\n        [ngTemplateOutlet]=\"properties\"\n        let-properties=\"properties\"\n        [ngTemplateOutletContext]=\"{ properties: field.params?.propertiesViewerOptions }\"\n    >\n        <adf-properties-viewer-wrapper\n            *ngIf=\"field.value\"\n            [nodeId]=\"field.value\"\n            [displayDefaultProperties]=\"properties?.displayDefaultProperties !== undefined ?  properties?.displayDefaultProperties : true\"\n            [expanded]=\"properties?.expanded !== undefined ? properties?.expanded : true\"\n            [preset]=\"properties?.preset\"\n            [displayEmpty]=\"properties?.displayEmpty !== undefined ? properties?.displayEmpty : false\"\n            [editable]=\"properties?.editable !== undefined ? properties?.editable : false\"\n            [multi]=\"properties?.multi !== undefined ? properties?.multi : false\"\n            [displayAspect]=\"properties?.displayAspect !== undefined ? properties?.displayAspect : null\"\n            [copyToClipboardAction]=\"properties?.copyToClipboardAction !== undefined ? properties?.copyToClipboardAction : true\"\n            [useChipsForMultiValueProperty]=\"properties?.useChipsForMultiValueProperty !== undefined ? properties?.useChipsForMultiValueProperty : true\"\n            (nodeContentLoaded)=\"onNodeContentLoaded($event)\"\n        />\n    </ng-template>\n    <error-widget [error]=\"field.validationSummary\" />\n</div>\n", styles: ["adf-properties-viewer-widget{height:100%;width:100%}adf-properties-viewer-widget adf-properties-viewer-wrapper{display:block;height:100%;width:100%;border:1px solid var(--adf-theme-foreground-text-color-007);border-radius:6px}adf-properties-viewer-widget adf-properties-viewer-wrapper .adf-properties-viewer-wrapper-loading{height:100%;width:100%}adf-properties-viewer-widget adf-properties-viewer-wrapper .adf-properties-viewer-wrapper-loading mat-progress-spinner{display:block;margin:auto}\n"] }]
+            args: [{ selector: 'adf-properties-viewer-widget', imports: [CommonModule, ErrorWidgetComponent, PropertiesViewerWrapperComponent, TranslatePipe], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-file-viewer-widget {{field.className}}\" [class.adf-invalid]=\"!field.isValid\" [class.adf-readonly]=\"field.readOnly\">\n    <label class=\"adf-label\" [attr.for]=\"field.id\"\n        >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n    >\n    <ng-template\n        #properties\n        [ngTemplateOutlet]=\"properties\"\n        let-properties=\"properties\"\n        [ngTemplateOutletContext]=\"{ properties: field.params?.propertiesViewerOptions }\"\n    >\n        <adf-properties-viewer-wrapper\n            *ngIf=\"field.value\"\n            [nodeId]=\"field.value\"\n            [displayDefaultProperties]=\"properties?.displayDefaultProperties !== undefined ?  properties?.displayDefaultProperties : true\"\n            [expanded]=\"properties?.expanded !== undefined ? properties?.expanded : true\"\n            [preset]=\"properties?.preset\"\n            [displayEmpty]=\"properties?.displayEmpty !== undefined ? properties?.displayEmpty : false\"\n            [editable]=\"properties?.editable !== undefined ? properties?.editable : false\"\n            [multi]=\"properties?.multi !== undefined ? properties?.multi : false\"\n            [displayAspect]=\"properties?.displayAspect !== undefined ? properties?.displayAspect : null\"\n            [copyToClipboardAction]=\"properties?.copyToClipboardAction !== undefined ? properties?.copyToClipboardAction : true\"\n            [useChipsForMultiValueProperty]=\"properties?.useChipsForMultiValueProperty !== undefined ? properties?.useChipsForMultiValueProperty : true\"\n            (nodeContentLoaded)=\"onNodeContentLoaded($event)\"\n        />\n    </ng-template>\n    <error-widget [error]=\"field.validationSummary\" />\n</div>\n", styles: ["adf-properties-viewer-widget{height:100%;width:100%}adf-properties-viewer-widget adf-properties-viewer-wrapper{display:block;height:100%;width:100%;border:1px solid var(--adf-theme-foreground-text-color-007);border-radius:6px}adf-properties-viewer-widget adf-properties-viewer-wrapper .adf-properties-viewer-wrapper-loading{height:100%;width:100%}adf-properties-viewer-widget adf-properties-viewer-wrapper .adf-properties-viewer-wrapper-loading mat-progress-spinner{display:block;margin:auto}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.FormService }], propDecorators: { nodeContentLoaded: [{
                 type: Output
             }] } });
@@ -14291,7 +14174,7 @@ class RadioButtonsCloudWidgetComponent extends WidgetComponent {
         return this.isRestType() && this.hasRestUrl();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RadioButtonsCloudWidgetComponent, deps: [{ token: i1$1.FormService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: RadioButtonsCloudWidgetComponent, isStandalone: true, selector: "radio-buttons-cloud-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-radio-buttons-widget-cloud {{field.className}}\"\n    [class.adf-readonly]=\"field.readOnly\" [id]=\"field.id\">\n    <div [ngClass]=\"(field.alignmentType === 'vertical') ? 'adf-radio-button-container': 'adf-radio-button-container-horizontal'\">\n        <label class=\"adf-label\"\n               [attr.for]=\"field.id\">{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n        </label>\n        <mat-radio-group\n            [ngClass]=\"(field.alignmentType === 'vertical') ? 'adf-radio-group': 'adf-radio-group-horizontal'\"\n            class=\"adf-radio-group\"\n            [(ngModel)]=\"field.value\"\n            [disabled]=\"field.readOnly\">\n            <mat-radio-button\n                [title]=\"field.tooltip\"\n                [id]=\"field.id + '-' + opt.id\"\n                [name]=\"field.id\"\n                [value]=\"opt.id\"\n                [checked]=\"isChecked(opt)\"\n                (change)=\"onOptionClick(opt.id)\"\n                color=\"primary\"\n                class=\"adf-radio-button\" *ngFor=\"let opt of field.options\" >\n                {{opt.name}}\n            </mat-radio-button>\n        </mat-radio-group>\n    </div>\n    <error-widget class=\"adf-radio-group-error-message\" [error]=\"hasError()\" />\n</div>\n", styles: [".adf-radio-buttons-widget-cloud .adf-label{font-size:var(--adf-radio-buttons-font-size, var(--adf-form-label-font-size, var(--theme-caption-font-size)));font-weight:var(--adf-radio-buttons-font-weight, var(--adf-form-label-font-weight, var(--theme-font-weight)));color:var(--adf-radio-buttons-color, var(--adf-form-label-color, var(--adf-theme-foreground-secondary-text-color)));line-height:normal}.adf-radio-button-container{display:flex;flex-direction:column}.adf-radio-button-container .adf-label{width:auto;height:auto;white-space:normal}.adf-radio-button-container-horizontal{margin-bottom:15px;display:flex;flex-flow:column wrap;align-items:flex-start;justify-content:flex-start}.adf-radio-button-container-horizontal .adf-label{width:auto;height:auto;white-space:normal;margin-right:25%}.adf-radio-group{margin-top:15px;margin-left:5px;display:inline-flex;flex-direction:column}.adf-radio-group-horizontal{margin-top:0;margin-left:0;display:table-column-group}.adf-radio-button{margin:5px}.adf-radio-button label{white-space:normal;word-break:break-word}.adf-radio-group-error-message .adf-error-container{margin-top:5px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i3$3.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$3.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: RadioButtonsCloudWidgetComponent, isStandalone: true, selector: "radio-buttons-cloud-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-radio-buttons-widget-cloud {{field.className}}\"\n    [class.adf-readonly]=\"field.readOnly\" [id]=\"field.id\">\n    <div [ngClass]=\"(field.alignmentType === 'vertical') ? 'adf-radio-button-container': 'adf-radio-button-container-horizontal'\">\n        <label class=\"adf-label\"\n               [attr.for]=\"field.id\">{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n        </label>\n        <mat-radio-group\n            [ngClass]=\"(field.alignmentType === 'vertical') ? 'adf-radio-group': 'adf-radio-group-horizontal'\"\n            class=\"adf-radio-group\"\n            [(ngModel)]=\"field.value\"\n            [disabled]=\"field.readOnly\">\n            <mat-radio-button\n                [title]=\"field.tooltip\"\n                [id]=\"field.id + '-' + opt.id\"\n                [name]=\"field.id\"\n                [value]=\"opt.id\"\n                [checked]=\"isChecked(opt)\"\n                (change)=\"onOptionClick(opt.id)\"\n                color=\"primary\"\n                class=\"adf-radio-button\" *ngFor=\"let opt of field.options\" >\n                {{opt.name}}\n            </mat-radio-button>\n        </mat-radio-group>\n    </div>\n    <error-widget class=\"adf-radio-group-error-message\" [error]=\"hasError()\" />\n</div>\n", styles: [".adf-radio-buttons-widget-cloud .adf-label{font-size:var(--adf-radio-buttons-font-size, var(--adf-form-label-font-size, var(--theme-caption-font-size)));font-weight:var(--adf-radio-buttons-font-weight, var(--adf-form-label-font-weight, var(--theme-font-weight)));color:var(--adf-radio-buttons-color, var(--adf-form-label-color, var(--adf-theme-foreground-secondary-text-color)));line-height:normal}.adf-radio-button-container{display:flex;flex-direction:column}.adf-radio-button-container .adf-label{width:auto;height:auto;white-space:normal}.adf-radio-button-container-horizontal{margin-bottom:15px;display:flex;flex-flow:column wrap;align-items:flex-start;justify-content:flex-start}.adf-radio-button-container-horizontal .adf-label{width:auto;height:auto;white-space:normal;margin-right:25%}.adf-radio-group{margin-top:15px;margin-left:5px;display:inline-flex;flex-direction:column}.adf-radio-group-horizontal{margin-top:0;margin-left:0;display:table-column-group}.adf-radio-button{margin:5px}.adf-radio-button label{white-space:normal;word-break:break-word}.adf-radio-group-error-message .adf-error-container{margin-top:5px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i3$3.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$3.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RadioButtonsCloudWidgetComponent, decorators: [{
             type: Component,
@@ -14330,21 +14213,11 @@ class FileViewerWidgetComponent extends BaseViewerWidgetComponent {
         super(formService);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FileViewerWidgetComponent, deps: [{ token: i1$1.FormService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FileViewerWidgetComponent, isStandalone: true, selector: "file-viewer-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-file-viewer-widget {{field.className}}\" [class.adf-invalid]=\"!field.isValid\"\n    [class.adf-readonly]=\"field.readOnly\">\n    <label class=\"adf-label\" [attr.for]=\"field.id\">{{field.name | translate }}<span class=\"adf-asterisk\"\n                                                                                    [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label>\n    <adf-alfresco-viewer [overlayMode]=\"false\" [nodeId]=\"field.value\" [showViewer]=\"field.value\" [allowGoBack]=\"false\" />\n    <error-widget [error]=\"field.validationSummary\" />\n</div>\n", styles: ["file-viewer-widget{height:100%;width:100%}file-viewer-widget .adf-file-viewer-widget{height:100%;width:100%}file-viewer-widget .adf-file-viewer-widget adf-viewer.adf-viewer{position:relative}file-viewer-widget .adf-file-viewer-widget adf-viewer.adf-viewer .adf-viewer-container .adf-viewer-content>div{height:90vh}\n"], dependencies: [{ kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "component", type: AlfrescoViewerComponent, selector: "adf-alfresco-viewer", inputs: ["nodeId", "versionId", "sharedLinkId", "showViewer", "maxRetries", "allowGoBack", "showToolbar", "overlayMode", "allowNavigate", "canNavigateBefore", "canNavigateNext", "allowLeftSidebar", "allowRightSidebar", "showRightSidebar", "showLeftSidebar", "allowDownload", "allowPrint", "allowFullScreen", "hideInfoButton", "closeButtonPosition", "sidebarRightTemplate", "sidebarLeftTemplate", "readOnly", "showToolbarDividers"], outputs: ["invalidSharedLink", "navigateBefore", "navigateNext", "showViewerChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FileViewerWidgetComponent, isStandalone: true, selector: "file-viewer-widget", usesInheritance: true, ngImport: i0, template: "<div class=\"adf-file-viewer-widget {{field.className}}\" [class.adf-invalid]=\"!field.isValid\"\n    [class.adf-readonly]=\"field.readOnly\">\n    <label class=\"adf-label\" [attr.for]=\"field.id\">{{field.name | translate }}<span class=\"adf-asterisk\"\n                                                                                    [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label>\n    <adf-alfresco-viewer [overlayMode]=\"false\" [nodeId]=\"field.value\" [showViewer]=\"field.value\" [allowGoBack]=\"false\" />\n    <error-widget [error]=\"field.validationSummary\" />\n</div>\n", styles: ["file-viewer-widget{height:100%;width:100%}file-viewer-widget .adf-file-viewer-widget{height:100%;width:100%}file-viewer-widget .adf-file-viewer-widget adf-viewer.adf-viewer{position:relative}file-viewer-widget .adf-file-viewer-widget adf-viewer.adf-viewer .adf-viewer-container .adf-viewer-content>div{height:90vh}\n"], dependencies: [{ kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "component", type: AlfrescoViewerComponent, selector: "adf-alfresco-viewer", inputs: ["nodeId", "versionId", "sharedLinkId", "showViewer", "maxRetries", "allowGoBack", "showToolbar", "overlayMode", "allowNavigate", "canNavigateBefore", "canNavigateNext", "allowLeftSidebar", "allowRightSidebar", "showRightSidebar", "showLeftSidebar", "allowDownload", "allowPrint", "allowFullScreen", "hideInfoButton", "closeButtonPosition", "sidebarRightTemplate", "sidebarLeftTemplate", "readOnly", "showToolbarDividers"], outputs: ["invalidSharedLink", "navigateBefore", "navigateNext", "showViewerChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FileViewerWidgetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'file-viewer-widget', imports: [NgIf, ErrorWidgetComponent, AlfrescoViewerComponent, TranslatePipe], host: {
-                        '(click)': 'event($event)',
-                        '(blur)': 'event($event)',
-                        '(change)': 'event($event)',
-                        '(focus)': 'event($event)',
-                        '(focusin)': 'event($event)',
-                        '(focusout)': 'event($event)',
-                        '(input)': 'event($event)',
-                        '(invalid)': 'event($event)',
-                        '(select)': 'event($event)'
-                    }, encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-file-viewer-widget {{field.className}}\" [class.adf-invalid]=\"!field.isValid\"\n    [class.adf-readonly]=\"field.readOnly\">\n    <label class=\"adf-label\" [attr.for]=\"field.id\">{{field.name | translate }}<span class=\"adf-asterisk\"\n                                                                                    [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label>\n    <adf-alfresco-viewer [overlayMode]=\"false\" [nodeId]=\"field.value\" [showViewer]=\"field.value\" [allowGoBack]=\"false\" />\n    <error-widget [error]=\"field.validationSummary\" />\n</div>\n", styles: ["file-viewer-widget{height:100%;width:100%}file-viewer-widget .adf-file-viewer-widget{height:100%;width:100%}file-viewer-widget .adf-file-viewer-widget adf-viewer.adf-viewer{position:relative}file-viewer-widget .adf-file-viewer-widget adf-viewer.adf-viewer .adf-viewer-container .adf-viewer-content>div{height:90vh}\n"] }]
+            args: [{ selector: 'file-viewer-widget', imports: [ErrorWidgetComponent, AlfrescoViewerComponent, TranslatePipe], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-file-viewer-widget {{field.className}}\" [class.adf-invalid]=\"!field.isValid\"\n    [class.adf-readonly]=\"field.readOnly\">\n    <label class=\"adf-label\" [attr.for]=\"field.id\">{{field.name | translate }}<span class=\"adf-asterisk\"\n                                                                                    [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label>\n    <adf-alfresco-viewer [overlayMode]=\"false\" [nodeId]=\"field.value\" [showViewer]=\"field.value\" [allowGoBack]=\"false\" />\n    <error-widget [error]=\"field.validationSummary\" />\n</div>\n", styles: ["file-viewer-widget{height:100%;width:100%}file-viewer-widget .adf-file-viewer-widget{height:100%;width:100%}file-viewer-widget .adf-file-viewer-widget adf-viewer.adf-viewer{position:relative}file-viewer-widget .adf-file-viewer-widget adf-viewer.adf-viewer .adf-viewer-container .adf-viewer-content>div{height:90vh}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.FormService }] });
 
 /*!
@@ -14363,10 +14236,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/* eslint-disable @angular-eslint/component-selector */
-class DisplayRichTextWidgetComponent extends WidgetComponent {
+class RichTextParserService {
     static { this.CUSTOM_PARSER = {
         header: (block) => {
+            if (!block.data || !block.data.text || !block.data.level) {
+                return '';
+            }
             const paragraphAlign = block.data.alignment || block.data.align || block.tunes?.anyTuneName?.alignment;
             if (typeof paragraphAlign !== 'undefined' && ['left', 'right', 'center'].includes(paragraphAlign)) {
                 return `<h${block.data.level} class="ce-tune-alignment--${paragraphAlign}">${block.data.text}</h${block.data.level}>`;
@@ -14376,6 +14251,9 @@ class DisplayRichTextWidgetComponent extends WidgetComponent {
             }
         },
         paragraph: (block) => {
+            if (!block.data || !block.data.text) {
+                return '';
+            }
             const paragraphAlign = block.data.alignment || block.data.align || block.tunes?.anyTuneName?.alignment;
             if (typeof paragraphAlign !== 'undefined' && ['left', 'right', 'center', 'justify'].includes(paragraphAlign)) {
                 return `<p class="ce-tune-alignment--${paragraphAlign}">${block.data.text}</p>`;
@@ -14385,24 +14263,58 @@ class DisplayRichTextWidgetComponent extends WidgetComponent {
             }
         }
     }; }
-    constructor(formService, sanitizer) {
+    parse(richText) {
+        return edjsHTML(RichTextParserService.CUSTOM_PARSER, { strict: true }).parse(richText);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RichTextParserService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RichTextParserService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RichTextParserService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+/*!
+ * @license
+ * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* eslint-disable @angular-eslint/component-selector */
+const RICH_TEXT_PARSER_TOKEN = new InjectionToken('RichTextParserService', {
+    factory: () => new RichTextParserService()
+});
+class DisplayRichTextWidgetComponent extends WidgetComponent {
+    constructor(formService) {
         super(formService);
-        this.formService = formService;
-        this.sanitizer = sanitizer;
+        this.richTextParserService = inject(RICH_TEXT_PARSER_TOKEN);
+        this.sanitizer = inject(DomSanitizer);
     }
     ngOnInit() {
-        this.parsedHTML = edjsHTML(DisplayRichTextWidgetComponent.CUSTOM_PARSER, { strict: true }).parse(this.field.value);
-        if (!(this.parsedHTML instanceof Error)) {
-            this.sanitizeHtmlContent();
+        this.parsedHTML = this.richTextParserService.parse(this.field.value);
+        if (this.parsedHTML instanceof Error) {
+            throw this.parsedHTML;
         }
         else {
-            throw this.parsedHTML;
+            this.sanitizeHtmlContent();
         }
     }
     sanitizeHtmlContent() {
         this.parsedHTML = this.sanitizer.sanitize(SecurityContext.HTML, this.parsedHTML);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DisplayRichTextWidgetComponent, deps: [{ token: i1$1.FormService }, { token: i2$5.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DisplayRichTextWidgetComponent, deps: [{ token: i1$1.FormService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DisplayRichTextWidgetComponent, isStandalone: true, selector: "display-rich-text", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-display-rich-text-widget\">\n    <div class=\"adf-display-rich-text-widget-parsed-html\" [innerHTML]=\"parsedHTML\"></div>\n</div>\n", styles: [".adf-display-rich-text-widget pre{min-height:100px;font-family:Menlo,Monaco,Consolas,Courier New,monospace;color:#41314e;line-height:1.6em;font-size:12px;background:#f8f7fa;border:1px solid #f1f1f4;box-shadow:none;white-space:pre;word-wrap:normal;overflow-x:auto;resize:vertical;border-radius:3px;outline:none;width:100%}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DisplayRichTextWidgetComponent, decorators: [{
@@ -14418,7 +14330,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         '(invalid)': 'event($event)',
                         '(select)': 'event($event)'
                     }, encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-display-rich-text-widget\">\n    <div class=\"adf-display-rich-text-widget-parsed-html\" [innerHTML]=\"parsedHTML\"></div>\n</div>\n", styles: [".adf-display-rich-text-widget pre{min-height:100px;font-family:Menlo,Monaco,Consolas,Courier New,monospace;color:#41314e;line-height:1.6em;font-size:12px;background:#f8f7fa;border:1px solid #f1f1f4;box-shadow:none;white-space:pre;word-wrap:normal;overflow-x:auto;resize:vertical;border-radius:3px;outline:none;width:100%}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.FormService }, { type: i2$5.DomSanitizer }] });
+        }], ctorParameters: () => [{ type: i1$1.FormService }] });
 
 /*!
  * @license
@@ -14444,7 +14356,6 @@ const FORM_CLOUD_DIRECTIVES = [
     FileViewerWidgetComponent,
     FilePropertiesTableCloudComponent,
     FormCustomOutcomesComponent,
-    FormDefinitionSelectorCloudComponent,
     RadioButtonsCloudWidgetComponent,
     AttachFileCloudWidgetComponent,
     UploadCloudWidgetComponent,
@@ -14462,7 +14373,6 @@ class FormCloudModule {
             FileViewerWidgetComponent,
             FilePropertiesTableCloudComponent,
             FormCustomOutcomesComponent,
-            FormDefinitionSelectorCloudComponent,
             RadioButtonsCloudWidgetComponent,
             AttachFileCloudWidgetComponent,
             UploadCloudWidgetComponent,
@@ -14475,7 +14385,6 @@ class FormCloudModule {
             FileViewerWidgetComponent,
             FilePropertiesTableCloudComponent,
             FormCustomOutcomesComponent,
-            FormDefinitionSelectorCloudComponent,
             RadioButtonsCloudWidgetComponent,
             AttachFileCloudWidgetComponent,
             UploadCloudWidgetComponent,
@@ -14487,7 +14396,6 @@ class FormCloudModule {
             PropertiesViewerWidgetComponent,
             FileViewerWidgetComponent,
             FilePropertiesTableCloudComponent,
-            FormDefinitionSelectorCloudComponent,
             RadioButtonsCloudWidgetComponent,
             AttachFileCloudWidgetComponent,
             UploadCloudWidgetComponent,
@@ -14893,7 +14801,7 @@ class DisplayExternalPropertyWidgetComponent extends WidgetComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DisplayExternalPropertyWidgetComponent, deps: [{ token: i1$1.FormService }, { token: FormCloudService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: DisplayExternalPropertyWidgetComponent, isStandalone: true, selector: "adf-cloud-display-external-property", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div\n    class=\"adf-textfield adf-display-external-property-widget {{ field.className }}\"\n    [class.adf-invalid]=\"!field.isValid && isTouched()\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">\n            {{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n        </label>\n    </div>\n\n    <div>\n        <mat-form-field class=\"adf-form-field-input\" [floatLabel]=\"field.placeholder ? 'always' : null\">\n            @if( (field.name || field?.required) && !field.leftLabels) {\n            <mat-label class=\"adf-label\" [attr.for]=\"field.id\"> {{ field.name | translate }} </mat-label>\n            }\n            <input\n                matInput\n                class=\"adf-input\"\n                type=\"text\"\n                data-automation-id=\"adf-display-external-property-widget\"\n                [id]=\"field.id\"\n                [formControl]=\"propertyControl\"\n                [required]=\"field.required\"\n            />\n\n            <ng-container *ngIf=\"previewState\">\n                <span class=\"adf-display-external-property-widget-preview\" data-automation-id=\"adf-display-external-property-widget-preview\">\n                    {{ field.params.externalPropertyLabel }}\n                </span>\n            </ng-container>\n        </mat-form-field>\n\n        <div\n            class=\"adf-error-messages-container\"\n            [ngClass]=\"!previewState ? 'adf-error-messages-container-visible' : 'adf-error-messages-container-hidden'\"\n        >\n            <error-widget *ngIf=\"propertyLoadFailed\" [required]=\"'FORM.FIELD.EXTERNAL_PROPERTY_LOAD_FAILED' | translate\" />\n        </div>\n    </div>\n</div>\n", styles: [".adf-display-external-property-widget{width:100%}.adf-display-external-property-widget .adf-label{top:20px}.adf-display-external-property-widget-preview{color:var(--adf-theme-foreground-secondary-text-color);word-break:break-all}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormBaseModule }, { kind: "component", type: i1$1.ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: DisplayExternalPropertyWidgetComponent, isStandalone: true, selector: "adf-cloud-display-external-property", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div\n    class=\"adf-textfield adf-display-external-property-widget {{ field.className }}\"\n    [class.adf-invalid]=\"!field.isValid && isTouched()\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">\n            {{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n        </label>\n    </div>\n\n    <div>\n        <mat-form-field class=\"adf-form-field-input\" [floatLabel]=\"field.placeholder ? 'always' : null\">\n            @if( (field.name || field?.required) && !field.leftLabels) {\n            <mat-label class=\"adf-label\" [attr.for]=\"field.id\"> {{ field.name | translate }} </mat-label>\n            }\n            <input\n                matInput\n                class=\"adf-input\"\n                type=\"text\"\n                data-automation-id=\"adf-display-external-property-widget\"\n                [id]=\"field.id\"\n                [formControl]=\"propertyControl\"\n                [required]=\"field.required\"\n            />\n\n            <ng-container *ngIf=\"previewState\">\n                <span class=\"adf-display-external-property-widget-preview\" data-automation-id=\"adf-display-external-property-widget-preview\">\n                    {{ field.params.externalPropertyLabel }}\n                </span>\n            </ng-container>\n        </mat-form-field>\n\n        <div\n            class=\"adf-error-messages-container\"\n            [ngClass]=\"!previewState ? 'adf-error-messages-container-visible' : 'adf-error-messages-container-hidden'\"\n        >\n            <error-widget *ngIf=\"propertyLoadFailed\" [required]=\"'FORM.FIELD.EXTERNAL_PROPERTY_LOAD_FAILED' | translate\" />\n        </div>\n    </div>\n</div>\n", styles: [".adf-display-external-property-widget{width:100%}.adf-display-external-property-widget .adf-label{top:20px}.adf-display-external-property-widget-preview{color:var(--adf-theme-foreground-secondary-text-color);word-break:break-all}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormBaseModule }, { kind: "component", type: i1$1.ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DisplayExternalPropertyWidgetComponent, decorators: [{
             type: Component,
@@ -15010,12 +14918,7 @@ function provideCloudFormRenderer() {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const PROCESS_SERVICES_CLOUD_DIRECTIVES = [
-    ...APP_LIST_CLOUD_DIRECTIVES,
-    ...FORM_CLOUD_DIRECTIVES,
-    ...TASK_FORM_CLOUD_DIRECTIVES,
-    PeopleCloudComponent
-];
+const PROCESS_SERVICES_CLOUD_DIRECTIVES = [...FORM_CLOUD_DIRECTIVES, ...TASK_FORM_CLOUD_DIRECTIVES, PeopleCloudComponent];
 /**
  * @deprecated this module is deprecated and will be removed in the future versions
  *
@@ -15050,8 +14953,8 @@ class ProcessServicesCloudModule {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProcessServicesCloudModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: ProcessServicesCloudModule, imports: [ProcessCloudModule, TaskCloudModule, GroupCloudComponent, AppListCloudComponent, AppDetailsCloudComponent, FormSpinnerComponent, PropertiesViewerWrapperComponent, PropertiesViewerWidgetComponent, DisplayRichTextWidgetComponent, FileViewerWidgetComponent, FilePropertiesTableCloudComponent, FormCustomOutcomesComponent, FormDefinitionSelectorCloudComponent, RadioButtonsCloudWidgetComponent, AttachFileCloudWidgetComponent, UploadCloudWidgetComponent, PeopleCloudWidgetComponent, GroupCloudWidgetComponent, FormCloudComponent, UserTaskCloudButtonsComponent, TaskFormCloudComponent, UserTaskCloudComponent, PeopleCloudComponent], exports: [ProcessCloudModule, TaskCloudModule, GroupCloudComponent, AppListCloudComponent, AppDetailsCloudComponent, FormSpinnerComponent, PropertiesViewerWrapperComponent, PropertiesViewerWidgetComponent, DisplayRichTextWidgetComponent, FileViewerWidgetComponent, FilePropertiesTableCloudComponent, FormCustomOutcomesComponent, FormDefinitionSelectorCloudComponent, RadioButtonsCloudWidgetComponent, AttachFileCloudWidgetComponent, UploadCloudWidgetComponent, PeopleCloudWidgetComponent, GroupCloudWidgetComponent, FormCloudComponent, UserTaskCloudButtonsComponent, TaskFormCloudComponent, UserTaskCloudComponent, PeopleCloudComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProcessServicesCloudModule, imports: [ProcessCloudModule, TaskCloudModule, GroupCloudComponent, AppListCloudComponent, AppDetailsCloudComponent, FormSpinnerComponent, PropertiesViewerWrapperComponent, PropertiesViewerWidgetComponent, FileViewerWidgetComponent, FilePropertiesTableCloudComponent, FormDefinitionSelectorCloudComponent, RadioButtonsCloudWidgetComponent, AttachFileCloudWidgetComponent, UploadCloudWidgetComponent, PeopleCloudWidgetComponent, GroupCloudWidgetComponent, FormCloudComponent, UserTaskCloudButtonsComponent, TaskFormCloudComponent, UserTaskCloudComponent, PeopleCloudComponent, ProcessCloudModule, TaskCloudModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: ProcessServicesCloudModule, imports: [ProcessCloudModule, TaskCloudModule, GroupCloudComponent, FormSpinnerComponent, PropertiesViewerWrapperComponent, PropertiesViewerWidgetComponent, DisplayRichTextWidgetComponent, FileViewerWidgetComponent, FilePropertiesTableCloudComponent, FormCustomOutcomesComponent, RadioButtonsCloudWidgetComponent, AttachFileCloudWidgetComponent, UploadCloudWidgetComponent, PeopleCloudWidgetComponent, GroupCloudWidgetComponent, FormCloudComponent, UserTaskCloudButtonsComponent, TaskFormCloudComponent, UserTaskCloudComponent, PeopleCloudComponent], exports: [ProcessCloudModule, TaskCloudModule, GroupCloudComponent, FormSpinnerComponent, PropertiesViewerWrapperComponent, PropertiesViewerWidgetComponent, DisplayRichTextWidgetComponent, FileViewerWidgetComponent, FilePropertiesTableCloudComponent, FormCustomOutcomesComponent, RadioButtonsCloudWidgetComponent, AttachFileCloudWidgetComponent, UploadCloudWidgetComponent, PeopleCloudWidgetComponent, GroupCloudWidgetComponent, FormCloudComponent, UserTaskCloudButtonsComponent, TaskFormCloudComponent, UserTaskCloudComponent, PeopleCloudComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProcessServicesCloudModule, imports: [ProcessCloudModule, TaskCloudModule, GroupCloudComponent, FormSpinnerComponent, PropertiesViewerWrapperComponent, PropertiesViewerWidgetComponent, FileViewerWidgetComponent, FilePropertiesTableCloudComponent, RadioButtonsCloudWidgetComponent, AttachFileCloudWidgetComponent, UploadCloudWidgetComponent, PeopleCloudWidgetComponent, GroupCloudWidgetComponent, FormCloudComponent, UserTaskCloudButtonsComponent, TaskFormCloudComponent, UserTaskCloudComponent, PeopleCloudComponent, ProcessCloudModule, TaskCloudModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProcessServicesCloudModule, decorators: [{
             type: NgModule,
@@ -15061,6 +14964,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 }]
         }] });
 
+/*!
+ * @license
+ * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var DescriptorCustomUIAuthFlowType;
+(function (DescriptorCustomUIAuthFlowType) {
+    DescriptorCustomUIAuthFlowType["CODE"] = "CODE";
+    DescriptorCustomUIAuthFlowType["IMPLICIT"] = "IMPLICIT";
+})(DescriptorCustomUIAuthFlowType || (DescriptorCustomUIAuthFlowType = {}));
+
 /*!
  * @license
  * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
@@ -15963,5 +15888,5 @@ const DATE_FORMAT_CLOUD = 'YYYY-MM-DD';
  * Generated bundle index. Do not edit.
  */
 
-export { APP_CUSTOM_SCREEN_TOKEN, APP_LIST_CLOUD_DIRECTIVES, AppDetailsCloudComponent, AppListCloudComponent, ApplicationVersionModel, ApplicationVersionResponseModel, AppsProcessCloudService, AssignmentType, AttachFileCloudWidgetComponent, BaseCloudService, CloudFormRenderingService, ContentCloudNodeSelectorService, DATE_FORMAT_CLOUD, DEFAULT_APP_INSTANCE_ICON, DEFAULT_APP_INSTANCE_THEME, DEFAULT_OPTION, DEFAULT_TASK_PRIORITIES, DEPLOYED_STATUS, DateCloudFilterType, DateCloudWidgetComponent, DateRangeFilterService, DescriptorCustomUIAuthFlowType, DisplayModeService, DisplayRichTextWidgetComponent, DropdownCloudWidgetComponent, EditProcessFilterCloudComponent, EditServiceTaskFilterCloudComponent, EditTaskFilterCloudComponent, FORM_CLOUD_DIRECTIVES, FORM_CLOUD_FIELD_VALIDATORS_TOKEN, FORM_CLOUD_SERVICE_FIELD_VALIDATORS_TOKEN, FilePropertiesTableCloudComponent, FileViewerWidgetComponent, FormCloudComponent, FormCloudDisplayMode, FormCloudModule, FormCloudService, FormCustomOutcomesComponent, FormDefinitionSelectorCloudComponent, FormDefinitionSelectorCloudService, FormFieldType, FormSpinnerComponent, GroupCloudComponent, GroupCloudModule, GroupCloudWidgetComponent, HIDE_FILTER_LIMIT, IdentityGroupService, IdentityUserService, LAYOUT_GRID, LAYOUT_LIST, LocalPreferenceCloudService, NotificationCloudService, PROCESS_CLOUD_DIRECTIVES, PROCESS_FILTERS_CLOUD_DIRECTIVES, PROCESS_FILTERS_SERVICE_TOKEN, PROCESS_FILTER_ACTION_DELETE, PROCESS_FILTER_ACTION_RESTORE, PROCESS_FILTER_ACTION_SAVE, PROCESS_FILTER_ACTION_SAVE_AS, PROCESS_FILTER_ACTION_SAVE_DEFAULT, PROCESS_LISTS_PREFERENCES_SERVICE_TOKEN, PROCESS_SERVICES_CLOUD_DIRECTIVES, PeopleCloudComponent, PeopleCloudModule, PeopleCloudWidgetComponent, PeopleModeOptions, ProcessCloudContentService, ProcessCloudModule, ProcessCloudService, ProcessDefinitionCloud, ProcessFilterCloudAdapter, ProcessFilterCloudModel, ProcessFilterCloudService, ProcessFilterDialogCloudComponent, ProcessFiltersCloudComponent, ProcessFiltersCloudModule, ProcessHeaderCloudComponent, ProcessHeaderCloudModule, ProcessListCloudComponent, ProcessListCloudModule, ProcessListCloudPreferences, ProcessListCloudService, ProcessListCloudSortingModel, ProcessListRequestModel, ProcessListRequestSortingModel, ProcessPayloadCloud, ProcessQueryCloudRequestModel, ProcessServicesCloudModule, ProcessTaskListCloudService, PropertiesViewerWidgetComponent, PropertiesViewerWrapperComponent, RadioButtonsCloudWidgetComponent, ScreenRenderingService, ServiceTaskFilterCloudService, ServiceTaskFiltersCloudComponent, ServiceTaskListCloudComponent, ServiceTaskListCloudService, StartProcessCloudComponent, StartProcessCloudService, StartTaskCloudRequestModel, TASK_ASSIGNED_STATE, TASK_CANCELLED_STATE, TASK_CLAIM_PERMISSION, TASK_COMPLETED_STATE, TASK_CREATED_STATE, TASK_FILTERS_CLOUD_DIRECTIVES, TASK_FILTERS_SERVICE_TOKEN, TASK_FORM_CLOUD_DIRECTIVES, TASK_LIST_CLOUD_DIRECTIVES, TASK_LIST_CLOUD_TOKEN, TASK_LIST_PREFERENCES_SERVICE_TOKEN, TASK_RELEASE_PERMISSION, TASK_SUSPENDED_STATE, TASK_UPDATE_PERMISSION, TASK_VIEW_PERMISSION, TaskAssignmentFilterCloudComponent, TaskCloudEntryModel, TaskCloudModule, TaskCloudNodePaging, TaskCloudPagingList, TaskCloudService, TaskFilterCloudAdapter, TaskFilterCloudModel, TaskFilterCloudService, TaskFilterDialogCloudComponent, TaskFiltersCloudComponent, TaskFiltersCloudModule, TaskFormCloudComponent, TaskFormModule, TaskHeaderCloudComponent, TaskHeaderCloudModule, TaskListCloudComponent, TaskListCloudModule, TaskListCloudService, TaskListCloudSortingModel, TaskListRequestModel, TaskListRequestSortingModel, TaskQueryCloudRequestModel, TaskStatusFilter, TaskVariableCloud, UploadCloudWidgetComponent, UserPreferenceCloudService, UserTaskCloudButtonsComponent, UserTaskCloudComponent, VariableMapperService, WebSocketService, processCloudPresetsDefaultModel, provideCloudFormRenderer, provideCloudPreferences, provideScreen, radioButtonsSchema };
+export { APP_CUSTOM_SCREEN_TOKEN, ApplicationVersionModel, ApplicationVersionResponseModel, AppsProcessCloudService, AssignmentType, AttachFileCloudWidgetComponent, BaseCloudService, CloudFormRenderingService, ContentCloudNodeSelectorService, DATE_FORMAT_CLOUD, DEFAULT_OPTION, DEFAULT_TASK_PRIORITIES, DROPDOWN_CLOUD_WIDGET_SET_VALUE_DEBOUNCE, DateCloudFilterType, DateCloudWidgetComponent, DateRangeFilterService, DescriptorCustomUIAuthFlowType, DisplayModeService, DisplayRichTextWidgetComponent, DropdownCloudWidgetComponent, EditProcessFilterCloudComponent, EditServiceTaskFilterCloudComponent, EditTaskFilterCloudComponent, FORM_CLOUD_DIRECTIVES, FORM_CLOUD_FIELD_VALIDATORS_TOKEN, FORM_CLOUD_SERVICE_FIELD_VALIDATORS_TOKEN, FilePropertiesTableCloudComponent, FileViewerWidgetComponent, FormCloudComponent, FormCloudDisplayMode, FormCloudModule, FormCloudService, FormCustomOutcomesComponent, FormFieldType, FormSpinnerComponent, GroupCloudComponent, GroupCloudModule, GroupCloudWidgetComponent, HIDE_FILTER_LIMIT, IdentityGroupService, IdentityUserService, LocalPreferenceCloudService, NotificationCloudService, PROCESS_CLOUD_DIRECTIVES, PROCESS_FILTERS_CLOUD_DIRECTIVES, PROCESS_FILTERS_SERVICE_TOKEN, PROCESS_FILTER_ACTION_DELETE, PROCESS_FILTER_ACTION_RESTORE, PROCESS_FILTER_ACTION_SAVE, PROCESS_FILTER_ACTION_SAVE_AS, PROCESS_FILTER_ACTION_SAVE_DEFAULT, PROCESS_LISTS_PREFERENCES_SERVICE_TOKEN, PROCESS_SERVICES_CLOUD_DIRECTIVES, PeopleCloudComponent, PeopleCloudModule, PeopleCloudWidgetComponent, PeopleModeOptions, ProcessCloudContentService, ProcessCloudModule, ProcessCloudService, ProcessDefinitionCloud, ProcessFilterCloudAdapter, ProcessFilterCloudModel, ProcessFilterCloudService, ProcessFilterDialogCloudComponent, ProcessFiltersCloudComponent, ProcessFiltersCloudModule, ProcessHeaderCloudComponent, ProcessHeaderCloudModule, ProcessListCloudComponent, ProcessListCloudModule, ProcessListCloudPreferences, ProcessListCloudService, ProcessListCloudSortingModel, ProcessListRequestModel, ProcessListRequestSortingModel, ProcessPayloadCloud, ProcessQueryCloudRequestModel, ProcessServicesCloudModule, ProcessTaskListCloudService, PropertiesViewerWidgetComponent, PropertiesViewerWrapperComponent, RICH_TEXT_PARSER_TOKEN, RadioButtonsCloudWidgetComponent, ScreenRenderingService, ServiceTaskFilterCloudService, ServiceTaskFiltersCloudComponent, ServiceTaskListCloudComponent, ServiceTaskListCloudService, StartProcessCloudComponent, StartProcessCloudService, StartProcessScreenCloudComponent, StartTaskCloudRequestModel, TASK_ASSIGNED_STATE, TASK_CANCELLED_STATE, TASK_CLAIM_PERMISSION, TASK_COMPLETED_STATE, TASK_CREATED_STATE, TASK_FILTERS_CLOUD_DIRECTIVES, TASK_FILTERS_SERVICE_TOKEN, TASK_FORM_CLOUD_DIRECTIVES, TASK_LIST_CLOUD_DIRECTIVES, TASK_LIST_CLOUD_TOKEN, TASK_LIST_PREFERENCES_SERVICE_TOKEN, TASK_RELEASE_PERMISSION, TASK_SUSPENDED_STATE, TASK_UPDATE_PERMISSION, TASK_VIEW_PERMISSION, TaskAssignmentFilterCloudComponent, TaskCloudEntryModel, TaskCloudModule, TaskCloudNodePaging, TaskCloudPagingList, TaskCloudService, TaskFilterCloudAdapter, TaskFilterCloudModel, TaskFilterCloudService, TaskFilterDialogCloudComponent, TaskFiltersCloudComponent, TaskFiltersCloudModule, TaskFormCloudComponent, TaskFormModule, TaskHeaderCloudComponent, TaskHeaderCloudModule, TaskListCloudComponent, TaskListCloudModule, TaskListCloudService, TaskListCloudSortingModel, TaskListRequestModel, TaskListRequestSortingModel, TaskQueryCloudRequestModel, TaskStatusFilter, TaskVariableCloud, UploadCloudWidgetComponent, UserPreferenceCloudService, UserTaskCloudButtonsComponent, UserTaskCloudComponent, VariableMapperService, WebSocketService, processCloudPresetsDefaultModel, provideCloudFormRenderer, provideCloudPreferences, provideScreen, radioButtonsSchema };
 //# sourceMappingURL=adf-process-services-cloud.mjs.map