@alfresco/adf-process-services-cloud 9.2.0-38362903178 → 9.2.0-38460477523

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

@@ -3960,7 +3960,6 @@ const FilterCounterEntityType = {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const BATCHED_COUNTERS_UNAVAILABLE_STATUSES = [404, 501];
 const ENGINE_EVENTS_SUBSCRIPTION_QUERIES = {
     [FilterCounterEntityType.TASK]: `
     subscription {
@@ -4006,9 +4005,7 @@ class FilterCountersCloudService extends BaseCloudService {
         this.eventRecountPerApp = new Map();
         this.activeEntityTypesPerApp = new Map();
         this.subscribersPerEntityType = new Map();
-        this.batchedCountersPerEntityType = new Map();
         this.eventSubscriptionsPerEntityType = new Map();
-        this.appsWithoutBatchedCounters = new Set();
         this.taskFiltersPerApp = new Map();
         this.processFiltersPerApp = new Map();
         this.countersPerApp = new Map();
@@ -4022,14 +4019,14 @@ class FilterCountersCloudService extends BaseCloudService {
     getProcessFilters(appName) {
         return this.shareFilters(this.processFiltersPerApp, appName, () => this.injector.get(ProcessFilterCloudService).getProcessFilters(appName));
     }
-    getFilterCounters(appName, entityType, batchedCounters = false) {
+    getFilterCounters(appName, entityType) {
         if (!appName) {
             return EMPTY;
         }
         return defer(() => {
-            this.activateEntityType(appName, entityType, batchedCounters);
+            this.activateEntityType(appName, entityType);
             return this.getCounters(appName);
-        }).pipe(map(({ counters, batched }) => ({ counters: counters[entityType] ?? {}, batched })), finalize(() => this.deactivateEntityType(appName, entityType)));
+        }).pipe(map((counters) => ({ counters: counters[entityType] ?? {} })), finalize(() => this.deactivateEntityType(appName, entityType)));
     }
     refreshFilterCounters(appName) {
         this.recount(appName);
@@ -4058,14 +4055,13 @@ class FilterCountersCloudService extends BaseCloudService {
     get notificationsEnabled() {
         return this.appConfigService.get('notifications', true);
     }
-    activateEntityType(appName, entityType, batchedCounters) {
+    activateEntityType(appName, entityType) {
         const key = this.entityTypeKey(appName, entityType);
         const subscribers = (this.subscribersPerEntityType.get(key) ?? 0) + 1;
         this.subscribersPerEntityType.set(key, subscribers);
         if (subscribers > 1) {
             return;
         }
-        this.batchedCountersPerEntityType.set(key, batchedCounters);
         const activeEntityTypes = this.activeEntityTypes(appName);
         const joinsResolvedCounters = activeEntityTypes.size > 0;
         activeEntityTypes.add(entityType);
@@ -4084,7 +4080,6 @@ class FilterCountersCloudService extends BaseCloudService {
             return;
         }
         this.subscribersPerEntityType.delete(key);
-        this.batchedCountersPerEntityType.delete(key);
         this.activeEntityTypes(appName).delete(entityType);
         this.eventSubscriptionsPerEntityType.get(key)?.unsubscribe();
         this.eventSubscriptionsPerEntityType.delete(key);
@@ -4131,20 +4126,10 @@ class FilterCountersCloudService extends BaseCloudService {
         return counters$;
     }
     resolveCounters(appName) {
-        if (!this.batchedCountersEnabled(appName) || this.appsWithoutBatchedCounters.has(appName)) {
-            return of({ counters: {}, batched: false });
+        if (this.activeEntityTypes(appName).size === 0) {
+            return of({});
         }
-        return this.getFiltersForCounters(appName).pipe(take(1), switchMap((filters) => this.fetchFilterCounters(appName, this.buildRequest(filters))), map((counters) => ({ counters, batched: true })), catchError((error) => {
-            if (BATCHED_COUNTERS_UNAVAILABLE_STATUSES.includes(error?.status)) {
-                this.appsWithoutBatchedCounters.add(appName);
-            }
-            return of({ counters: {}, batched: false });
-        }));
-    }
-    batchedCountersEnabled(appName) {
-        const activeEntityTypes = [...this.activeEntityTypes(appName)];
-        return (activeEntityTypes.length > 0 &&
-            activeEntityTypes.every((entityType) => this.batchedCountersPerEntityType.get(this.entityTypeKey(appName, entityType))));
+        return this.getFiltersForCounters(appName).pipe(take(1), switchMap((filters) => this.fetchFilterCounters(appName, this.buildRequest(filters))), catchError(() => of({})));
     }
     recounts(appName) {
         return merge(merge(of(undefined), this.recountTrigger(appName)).pipe(debounceTime(0, asapScheduler)), this.eventRecountTrigger(appName).pipe(debounceTime(this.notificationDebounceTime)));
@@ -4733,12 +4718,6 @@ class TaskFiltersCloudComponent extends BaseTaskFiltersCloudComponent {
          *
          */
         this.searchApiMethod = 'GET';
-        /**
-         * (optional) Resolves the counters of the task and the process filters with a single call to
-         * `POST /query/v1/count`. Both filter components have to
-         * ask for it, otherwise the counters are resolved one filter at a time.
-         */
-        this.useBatchedCounters = false;
         /** Emitted when a filter is being selected based on the filterParam input. */
         this.filterSelected = new EventEmitter();
         /** Emitted when a filter is being clicked from the UI. */
@@ -4751,7 +4730,6 @@ class TaskFiltersCloudComponent extends BaseTaskFiltersCloudComponent {
         this.enableNotifications = true;
         this.notificationDebounceTime = 3000;
         this.currentFiltersValues = {};
-        this.batchedCounters = true;
         this.taskFilterCloudService = inject(TaskFilterCloudService);
         this.taskListCloudService = inject(TaskListCloudService);
         this.filterCountersCloudService = inject(FilterCountersCloudService);
@@ -4778,9 +4756,6 @@ class TaskFiltersCloudComponent extends BaseTaskFiltersCloudComponent {
         else if (filter && filter.currentValue !== filter.previousValue) {
             this.selectFilterAndEmit(filter.currentValue);
         }
-        else if (changes['useBatchedCounters'] && !changes['useBatchedCounters'].firstChange && this.filtersLoadedFor) {
-            this.loadFilterCounters(this.filtersLoadedFor);
-        }
     }
     /**
      * Loads the filter list filtered by appName
@@ -4897,7 +4872,7 @@ class TaskFiltersCloudComponent extends BaseTaskFiltersCloudComponent {
     onFilterClick(filter) {
         if (filter) {
             this.selectFilter(filter);
-            this.refreshFilterCounter(this.currentFilter);
+            this.refreshFilterCounter();
             this.filterClicked.emit(this.currentFilter);
             this.updatedCountersSet.delete(filter.key);
         }
@@ -4945,17 +4920,11 @@ class TaskFiltersCloudComponent extends BaseTaskFiltersCloudComponent {
         this.countersSubscription?.unsubscribe();
         this.countersSubscription = combineLatest([
             this.countersFilters$.pipe(catchError(() => of([]))),
-            this.filterCountersCloudService.getFilterCounters(appName, FilterCounterEntityType.TASK, this.useBatchedCounters)
+            this.filterCountersCloudService.getFilterCounters(appName, FilterCounterEntityType.TASK)
         ])
             .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe(([, { counters, batched }]) => {
-            this.batchedCounters = batched;
-            if (batched) {
-                this.applyFilterCounters(counters);
-            }
-            else {
-                this.updateFilterCounters();
-            }
+            .subscribe(([, { counters }]) => {
+            this.applyFilterCounters(counters);
         });
     }
     applyFilterCounters(counters) {
@@ -4985,24 +4954,17 @@ class TaskFiltersCloudComponent extends BaseTaskFiltersCloudComponent {
         this.filters = [];
         this.currentFilter = undefined;
     }
-    refreshFilterCounter(filter) {
-        if (this.batchedCounters) {
-            this.filterCountersCloudService.refreshFilterCounters(this.appName);
-        }
-        else {
-            this.updateFilterCounter(filter);
-        }
+    refreshFilterCounter() {
+        this.filterCountersCloudService.refreshFilterCounters(this.appName);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TaskFiltersCloudComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: TaskFiltersCloudComponent, isStandalone: true, selector: "adf-cloud-task-filters", inputs: { searchApiMethod: "searchApiMethod", useBatchedCounters: "useBatchedCounters" }, outputs: { filterSelected: "filterSelected", filterClicked: "filterClicked", filterCounterUpdated: "filterCounterUpdated", updatedFilter: "updatedFilter" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (filters$ | async; as filterList) {\n    <mat-nav-list>\n        @for (filter of filterList; track filter.id) {\n            <a mat-list-item\n                [activated]=\"filter.id === currentRouteFilterId()\"\n                [routerLink]=\"[TASKS_ROUTE]\"\n                [queryParams]=\"{ filterId: filter.id }\"\n                [attr.data-automation-id]=\"filter.key + '_filter'\"\n                class=\"adf-task-filters__entry\"\n                [class.adf-active]=\"filter.id === currentRouteFilterId()\"\n                [attr.aria-current]=\"filter.id === currentRouteFilterId() ? 'page' : null\"\n                [id]=\"filter.id\"\n                [title]=\"filter.name | translate\"\n                [attr.aria-label]=\"filter.name | translate\"\n                (click)=\"onFilterClick(filter)\">\n                <span matListItemTitle>\n                    {{ filter.name | translate }}\n                </span>\n                @if (showIcons) {\n                    <mat-icon matListItemIcon\n                        data-automation-id=\"adf-filter-icon\"\n                        [adf-icon]=\"filter.icon\"\n                        aria-hidden=\"true\" />\n                }\n                @if (counters[filter.key]) {\n                    <span matListItemMeta\n                        [attr.data-automation-id]=\"filter.key + '_filter-counter'\"\n                        class=\"adf-task-filters__entry-counter\"\n                        [class.adf-active]=\"wasFilterUpdated(filter.key)\"\n                    >\n                        {{ counters[filter.key] }}\n                    </span>\n                }\n            </a>\n        }\n    </mat-nav-list>\n} @else {\n    <div class=\"adf-app-list-spinner\">\n        <mat-spinner [attr.aria-label]=\"'ADF_CLOUD_TASK_LIST.LOADING' | translate\" aria-live=\"polite\" />\n    </div>\n}\n", styles: [".adf-task-filters__entry-counter{padding:0 5px;border-radius:var(--mat-sys-corner-large)}.adf-task-filters__entry-counter.adf-active{background-color:var(--mat-sys-secondary);--mat-list-list-item-trailing-supporting-text-color: var(--mat-sys-on-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { 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.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i2$1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i2$1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", 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: "@if (filters$ | async; as filterList) {\n    <mat-nav-list>\n        @for (filter of filterList; track filter.id) {\n            <a mat-list-item\n                [activated]=\"filter.id === currentRouteFilterId()\"\n                [routerLink]=\"[TASKS_ROUTE]\"\n                [queryParams]=\"{ filterId: filter.id }\"\n                [attr.data-automation-id]=\"filter.key + '_filter'\"\n                class=\"adf-task-filters__entry\"\n                [class.adf-active]=\"filter.id === currentRouteFilterId()\"\n                [attr.aria-current]=\"filter.id === currentRouteFilterId() ? 'page' : null\"\n                [id]=\"filter.id\"\n                [title]=\"filter.name | translate\"\n                [attr.aria-label]=\"filter.name | translate\"\n                (click)=\"onFilterClick(filter)\">\n                <span matListItemTitle>\n                    {{ filter.name | translate }}\n                </span>\n                @if (showIcons) {\n                    <mat-icon matListItemIcon\n                        data-automation-id=\"adf-filter-icon\"\n                        [adf-icon]=\"filter.icon\"\n                        aria-hidden=\"true\" />\n                }\n                @if (counters[filter.key]) {\n                    <span matListItemMeta\n                        [attr.data-automation-id]=\"filter.key + '_filter-counter'\"\n                        class=\"adf-task-filters__entry-counter\"\n                        [class.adf-active]=\"wasFilterUpdated(filter.key)\"\n                    >\n                        {{ counters[filter.key] }}\n                    </span>\n                }\n            </a>\n        }\n    </mat-nav-list>\n} @else {\n    <div class=\"adf-app-list-spinner\">\n        <mat-spinner [attr.aria-label]=\"'ADF_CLOUD_TASK_LIST.LOADING' | translate\" aria-live=\"polite\" />\n    </div>\n}\n", styles: [".adf-task-filters__entry-counter{padding:0 5px;border-radius:var(--mat-sys-corner-large)}.adf-task-filters__entry-counter.adf-active{background-color:var(--mat-sys-secondary);--mat-list-list-item-trailing-supporting-text-color: var(--mat-sys-on-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { 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.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i2$1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i2$1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TaskFiltersCloudComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adf-cloud-task-filters', imports: [AsyncPipe, MatProgressSpinnerModule, TranslatePipe, MatListModule, RouterLink, IconModule], template: "@if (filters$ | async; as filterList) {\n    <mat-nav-list>\n        @for (filter of filterList; track filter.id) {\n            <a mat-list-item\n                [activated]=\"filter.id === currentRouteFilterId()\"\n                [routerLink]=\"[TASKS_ROUTE]\"\n                [queryParams]=\"{ filterId: filter.id }\"\n                [attr.data-automation-id]=\"filter.key + '_filter'\"\n                class=\"adf-task-filters__entry\"\n                [class.adf-active]=\"filter.id === currentRouteFilterId()\"\n                [attr.aria-current]=\"filter.id === currentRouteFilterId() ? 'page' : null\"\n                [id]=\"filter.id\"\n                [title]=\"filter.name | translate\"\n                [attr.aria-label]=\"filter.name | translate\"\n                (click)=\"onFilterClick(filter)\">\n                <span matListItemTitle>\n                    {{ filter.name | translate }}\n                </span>\n                @if (showIcons) {\n                    <mat-icon matListItemIcon\n                        data-automation-id=\"adf-filter-icon\"\n                        [adf-icon]=\"filter.icon\"\n                        aria-hidden=\"true\" />\n                }\n                @if (counters[filter.key]) {\n                    <span matListItemMeta\n                        [attr.data-automation-id]=\"filter.key + '_filter-counter'\"\n                        class=\"adf-task-filters__entry-counter\"\n                        [class.adf-active]=\"wasFilterUpdated(filter.key)\"\n                    >\n                        {{ counters[filter.key] }}\n                    </span>\n                }\n            </a>\n        }\n    </mat-nav-list>\n} @else {\n    <div class=\"adf-app-list-spinner\">\n        <mat-spinner [attr.aria-label]=\"'ADF_CLOUD_TASK_LIST.LOADING' | translate\" aria-live=\"polite\" />\n    </div>\n}\n", styles: [".adf-task-filters__entry-counter{padding:0 5px;border-radius:var(--mat-sys-corner-large)}.adf-task-filters__entry-counter.adf-active{background-color:var(--mat-sys-secondary);--mat-list-list-item-trailing-supporting-text-color: var(--mat-sys-on-secondary)}\n"] }]
         }], propDecorators: { searchApiMethod: [{
                 type: Input
-            }], useBatchedCounters: [{
-                type: Input
             }], filterSelected: [{
                 type: Output
             }], filterClicked: [{
@@ -10728,6 +10690,8 @@ class TaskFormCloudComponent {
         this.customSaveButtonText = '';
         /** Toggle readonly state of the task. */
         this.readOnly = false;
+        /** When false, Claim/Release (self-service) buttons are hidden regardless of task state. */
+        this.allowSelfService = true;
         /**
          * Toggle to enable parent visibility check for validation.
          * When enabled, fields inside hidden groups/sections will skip validation.
@@ -10772,10 +10736,10 @@ class TaskFormCloudComponent {
         return this.showCompleteButton && !this.readOnly && this.taskCloudService.canCompleteTask(this.taskDetails);
     }
     canClaimTask() {
-        return !this.readOnly && this.taskCloudService.canClaimTask(this.taskDetails) && this.hasCandidateUsersOrGroups();
+        return this.allowSelfService && !this.readOnly && this.taskCloudService.canClaimTask(this.taskDetails) && this.hasCandidateUsersOrGroups();
     }
     canUnclaimTask() {
-        return !this.readOnly && this.taskCloudService.canUnclaimTask(this.taskDetails) && this.hasCandidateUsersOrGroups();
+        return this.allowSelfService && !this.readOnly && this.taskCloudService.canUnclaimTask(this.taskDetails) && this.hasCandidateUsersOrGroups();
     }
     hasCandidateUsers() {
         return this.candidateUsers.length !== 0;
@@ -10827,7 +10791,7 @@ class TaskFormCloudComponent {
         this.formLoaded.emit(form);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TaskFormCloudComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: TaskFormCloudComponent, isStandalone: true, selector: "adf-cloud-task-form", inputs: { appName: "appName", candidateUsers: "candidateUsers", candidateGroups: "candidateGroups", taskId: "taskId", showTitle: "showTitle", showRefreshButton: "showRefreshButton", showValidationIcon: "showValidationIcon", showCancelButton: "showCancelButton", showCompleteButton: "showCompleteButton", showSaveButton: "showSaveButton", customCancelButtonText: "customCancelButtonText", customCompleteButtonText: "customCompleteButtonText", customSaveButtonText: "customSaveButtonText", readOnly: "readOnly", displayModeConfigurations: "displayModeConfigurations", enableParentVisibilityCheck: "enableParentVisibilityCheck", taskDetails: "taskDetails" }, outputs: { formLoaded: "formLoaded", formSaved: "formSaved", formCompleted: "formCompleted", taskCompleted: "taskCompleted", taskClaimed: "taskClaimed", taskUnclaimed: "taskUnclaimed", cancelClick: "cancelClick", error: "error", formContentClicked: "formContentClicked", executeOutcome: "executeOutcome", displayModeOn: "displayModeOn", displayModeOff: "displayModeOff" }, viewQueries: [{ propertyName: "adfCloudForm", first: true, predicate: ["adfCloudForm"], descendants: true }], ngImport: i0, template: "<div class=\"adf-task-form-cloud-container\">\n    <adf-cloud-form\n        #adfCloudForm\n        [appName]=\"appName\"\n        [appVersion]=\"taskDetails.appVersion\"\n        [taskId]=\"taskId\"\n        [showTitle]=\"showTitle\"\n        [processInstanceId]=\"taskDetails.processInstanceId\"\n        [readOnly]=\"isReadOnly()\"\n        [showRefreshButton]=\"showRefreshButton\"\n        [showValidationIcon]=\"showValidationIcon\"\n        [showCompleteButton]=\"showCompleteButton && canCompleteTask()\"\n        [showSaveButton]=\"showSaveButton && canCompleteTask()\"\n        [customSaveButtonText]=\"customSaveButtonText\"\n        [customCompleteButtonText]=\"customCompleteButtonText\"\n        [displayModeConfigurations]=\"displayModeConfigurations\"\n        [enableParentVisibilityCheck]=\"enableParentVisibilityCheck\"\n        (formLoaded)=\"onFormLoaded($event)\"\n        (formSaved)=\"onFormSaved($event)\"\n        (formCompleted)=\"onFormCompleted($event)\"\n        (formError)=\"onError($event)\"\n        (error)=\"onError($event)\"\n        (formContentClicked)=\"onFormContentClicked($event)\"\n        (executeOutcome)=\"onFormExecuteOutcome($event)\"\n        (displayModeOn)=\"onDisplayModeOn($event)\"\n        (displayModeOff)=\"onDisplayModeOff($event)\"\n    >\n        <adf-cloud-form-custom-outcomes>\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        </adf-cloud-form-custom-outcomes>\n    </adf-cloud-form>\n</div>\n", styles: [".adf-task-form-cloud-container{height:100%}.adf-task-form-cloud-container .adf-task-form-container{overflow:hidden}.adf-task-form-cloud-container .adf-task-form-container .adf-task-form-actions:has(button){padding-bottom:25px;padding-right:25px}.adf-task-form-cloud-container .adf-task-form-container .adf-task-form-actions:has(button) .adf-task-form-actions-button{height:36px;border-radius:5px}.adf-task-form-cloud-container .adf-task-form-container .adf-task-form-actions:has(button) .mat-mdc-button{height:36px;border-radius:5px;width:auto;padding:0 16px;margin:0 8px;white-space:nowrap}.adf-task-form-cloud-container .adf-task-form-container .adf-task-form-actions:has(button) .mdc-button__label{min-width:58px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: UserTaskCloudButtonsComponent, selector: "adf-cloud-user-task-cloud-buttons", inputs: ["appName", "canClaimTask", "canUnclaimTask", "taskId", "showCancelButton", "customCancelButtonText"], outputs: ["error", "cancelClick", "claimTask", "unclaimTask"] }, { kind: "component", type: FormCustomOutcomesComponent, selector: "adf-cloud-form-custom-outcomes" }, { kind: "component", type: FormCloudComponent, selector: "adf-cloud-form", inputs: ["appName", "appVersion", "formId", "processInstanceId", "taskId", "data", "displayModeConfigurations", "showCompleteButton", "customSaveButtonText", "customCompleteButtonText", "enableParentVisibilityCheck", "form"], outputs: ["formSaved", "formCompleted", "formLoaded", "formDataRefreshed", "visibleOutcomesChanged", "formContentClicked", "displayModeOn", "displayModeOff"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: TaskFormCloudComponent, isStandalone: true, selector: "adf-cloud-task-form", inputs: { appName: "appName", candidateUsers: "candidateUsers", candidateGroups: "candidateGroups", taskId: "taskId", showTitle: "showTitle", showRefreshButton: "showRefreshButton", showValidationIcon: "showValidationIcon", showCancelButton: "showCancelButton", showCompleteButton: "showCompleteButton", showSaveButton: "showSaveButton", customCancelButtonText: "customCancelButtonText", customCompleteButtonText: "customCompleteButtonText", customSaveButtonText: "customSaveButtonText", readOnly: "readOnly", allowSelfService: "allowSelfService", displayModeConfigurations: "displayModeConfigurations", enableParentVisibilityCheck: "enableParentVisibilityCheck", taskDetails: "taskDetails" }, outputs: { formLoaded: "formLoaded", formSaved: "formSaved", formCompleted: "formCompleted", taskCompleted: "taskCompleted", taskClaimed: "taskClaimed", taskUnclaimed: "taskUnclaimed", cancelClick: "cancelClick", error: "error", formContentClicked: "formContentClicked", executeOutcome: "executeOutcome", displayModeOn: "displayModeOn", displayModeOff: "displayModeOff" }, viewQueries: [{ propertyName: "adfCloudForm", first: true, predicate: ["adfCloudForm"], descendants: true }], ngImport: i0, template: "<div class=\"adf-task-form-cloud-container\">\n    <adf-cloud-form\n        #adfCloudForm\n        [appName]=\"appName\"\n        [appVersion]=\"taskDetails.appVersion\"\n        [taskId]=\"taskId\"\n        [showTitle]=\"showTitle\"\n        [processInstanceId]=\"taskDetails.processInstanceId\"\n        [readOnly]=\"isReadOnly()\"\n        [showRefreshButton]=\"showRefreshButton\"\n        [showValidationIcon]=\"showValidationIcon\"\n        [showCompleteButton]=\"showCompleteButton && canCompleteTask()\"\n        [showSaveButton]=\"showSaveButton && canCompleteTask()\"\n        [customSaveButtonText]=\"customSaveButtonText\"\n        [customCompleteButtonText]=\"customCompleteButtonText\"\n        [displayModeConfigurations]=\"displayModeConfigurations\"\n        [enableParentVisibilityCheck]=\"enableParentVisibilityCheck\"\n        (formLoaded)=\"onFormLoaded($event)\"\n        (formSaved)=\"onFormSaved($event)\"\n        (formCompleted)=\"onFormCompleted($event)\"\n        (formError)=\"onError($event)\"\n        (error)=\"onError($event)\"\n        (formContentClicked)=\"onFormContentClicked($event)\"\n        (executeOutcome)=\"onFormExecuteOutcome($event)\"\n        (displayModeOn)=\"onDisplayModeOn($event)\"\n        (displayModeOff)=\"onDisplayModeOff($event)\"\n    >\n        <adf-cloud-form-custom-outcomes>\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        </adf-cloud-form-custom-outcomes>\n    </adf-cloud-form>\n</div>\n", styles: [".adf-task-form-cloud-container{height:100%}.adf-task-form-cloud-container .adf-task-form-container{overflow:hidden}.adf-task-form-cloud-container .adf-task-form-container .adf-task-form-actions:has(button){padding-bottom:25px;padding-right:25px}.adf-task-form-cloud-container .adf-task-form-container .adf-task-form-actions:has(button) .adf-task-form-actions-button{height:36px;border-radius:5px}.adf-task-form-cloud-container .adf-task-form-container .adf-task-form-actions:has(button) .mat-mdc-button{height:36px;border-radius:5px;width:auto;padding:0 16px;margin:0 8px;white-space:nowrap}.adf-task-form-cloud-container .adf-task-form-container .adf-task-form-actions:has(button) .mdc-button__label{min-width:58px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: UserTaskCloudButtonsComponent, selector: "adf-cloud-user-task-cloud-buttons", inputs: ["appName", "canClaimTask", "canUnclaimTask", "taskId", "showCancelButton", "customCancelButtonText"], outputs: ["error", "cancelClick", "claimTask", "unclaimTask"] }, { kind: "component", type: FormCustomOutcomesComponent, selector: "adf-cloud-form-custom-outcomes" }, { kind: "component", type: FormCloudComponent, selector: "adf-cloud-form", inputs: ["appName", "appVersion", "formId", "processInstanceId", "taskId", "data", "displayModeConfigurations", "showCompleteButton", "customSaveButtonText", "customCompleteButtonText", "enableParentVisibilityCheck", "form"], outputs: ["formSaved", "formCompleted", "formLoaded", "formDataRefreshed", "visibleOutcomesChanged", "formContentClicked", "displayModeOn", "displayModeOff"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TaskFormCloudComponent, decorators: [{
             type: Component,
@@ -10860,6 +10824,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                 type: Input
             }], readOnly: [{
                 type: Input
+            }], allowSelfService: [{
+                type: Input
             }], displayModeConfigurations: [{
                 type: Input
             }], enableParentVisibilityCheck: [{
@@ -11387,6 +11353,8 @@ class UserTaskCloudComponent {
         this.enableParentVisibilityCheck = false;
         /** Toggle readonly state of the task. */
         this.readOnly = false;
+        /** When false, Claim/Release (self-service) buttons are hidden regardless of task state. */
+        this.allowSelfService = true;
         /** Toggle rendering of the `Cancel` button. */
         this.showCancelButton = true;
         /** Toggle rendering of the `Complete` button. */
@@ -11469,13 +11437,13 @@ class UserTaskCloudComponent {
         }
     }
     canClaimTask() {
-        return !this.readOnly && this.taskCloudService.canClaimTask(this.taskDetails) && this.hasCandidateUsersOrGroups();
+        return this.allowSelfService && !this.readOnly && this.taskCloudService.canClaimTask(this.taskDetails) && this.hasCandidateUsersOrGroups();
     }
     canCompleteTask() {
         return this.showCompleteButton && !this.readOnly && this.taskCloudService.canCompleteTask(this.taskDetails);
     }
     canUnclaimTask() {
-        return !this.readOnly && this.taskCloudService.canUnclaimTask(this.taskDetails) && this.hasCandidateUsersOrGroups();
+        return this.allowSelfService && !this.readOnly && this.taskCloudService.canUnclaimTask(this.taskDetails) && this.hasCandidateUsersOrGroups();
     }
     getTaskType() {
         this.taskType = this.taskTypeResolverService.getUserTaskType(this.taskDetails?.formKey);
@@ -11567,7 +11535,7 @@ class UserTaskCloudComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: UserTaskCloudComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: UserTaskCloudComponent, isStandalone: true, selector: "adf-cloud-user-task", inputs: { appName: "appName", displayModeConfigurations: "displayModeConfigurations", enableParentVisibilityCheck: "enableParentVisibilityCheck", 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                    [enableParentVisibilityCheck]=\"enableParentVisibilityCheck\"\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-flat-button\n                            adf-cloud-complete-task\n                            [appName]=\"appName\"\n                            [taskId]=\"taskId\"\n                            (success)=\"onCompleteTask(false, taskType)\"\n                            (error)=\"onError($event)\"\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.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: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i2$3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i2$3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i2$3.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i2$3.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i2$3.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", "enableParentVisibilityCheck", "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 }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: UserTaskCloudComponent, isStandalone: true, selector: "adf-cloud-user-task", inputs: { appName: "appName", displayModeConfigurations: "displayModeConfigurations", enableParentVisibilityCheck: "enableParentVisibilityCheck", readOnly: "readOnly", allowSelfService: "allowSelfService", 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                    [enableParentVisibilityCheck]=\"enableParentVisibilityCheck\"\n                    [showValidationIcon]=\"showValidationIcon\"\n                    [showTitle]=\"showTitle\"\n                    [allowSelfService]=\"allowSelfService\"\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-flat-button\n                            adf-cloud-complete-task\n                            [appName]=\"appName\"\n                            [taskId]=\"taskId\"\n                            (success)=\"onCompleteTask(false, taskType)\"\n                            (error)=\"onError($event)\"\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.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: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i2$3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i2$3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i2$3.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i2$3.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i2$3.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", "allowSelfService", "displayModeConfigurations", "enableParentVisibilityCheck", "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 }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: UserTaskCloudComponent, decorators: [{
             type: Component,
@@ -11583,7 +11551,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                         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                    [enableParentVisibilityCheck]=\"enableParentVisibilityCheck\"\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-flat-button\n                            adf-cloud-complete-task\n                            [appName]=\"appName\"\n                            [taskId]=\"taskId\"\n                            (success)=\"onCompleteTask(false, taskType)\"\n                            (error)=\"onError($event)\"\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                    [enableParentVisibilityCheck]=\"enableParentVisibilityCheck\"\n                    [showValidationIcon]=\"showValidationIcon\"\n                    [showTitle]=\"showTitle\"\n                    [allowSelfService]=\"allowSelfService\"\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-flat-button\n                            adf-cloud-complete-task\n                            [appName]=\"appName\"\n                            [taskId]=\"taskId\"\n                            (success)=\"onCompleteTask(false, taskType)\"\n                            (error)=\"onError($event)\"\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']
@@ -11598,6 +11566,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                 type: Input
             }], readOnly: [{
                 type: Input
+            }], allowSelfService: [{
+                type: Input
             }], showCancelButton: [{
                 type: Input
             }], showCompleteButton: [{
@@ -11701,6 +11671,8 @@ class TaskHeaderCloudComponent {
         this.appName = '';
         /** Show/Hide the task title */
         this.showTitle = true;
+        /** When false, the assignee property is not clickable (self-service reassignment disabled). */
+        this.allowSelfService = true;
         /** Emitted when the task is claimed. */
         this.claim = new EventEmitter();
         /** Emitted when the task is unclaimed (ie, requeued). */
@@ -11931,13 +11903,13 @@ class TaskHeaderCloudComponent {
      * @returns `true` if assignee property is clickable, otherwise `false`
      */
     isAssigneePropertyClickable() {
-        return this.taskCloudService.isAssigneePropertyClickable(this.taskDetails, this.candidateUsers, []);
+        return this.allowSelfService && this.taskCloudService.isAssigneePropertyClickable(this.taskDetails, this.candidateUsers, []);
     }
     isValidSelection(filteredProperties, cardItem) {
         return filteredProperties ? filteredProperties.indexOf(cardItem.key) >= 0 : true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TaskHeaderCloudComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: TaskHeaderCloudComponent, isStandalone: true, selector: "adf-cloud-task-header", inputs: { appName: "appName", taskId: "taskId", showTitle: "showTitle", processInstanceId: "processInstanceId" }, 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(--mat-sys-primary)}.adf-cancel-edit-mode,.adf-claim-controls{color:var(--mat-sys-on-surface-variant)}.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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.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", "displayCopyToClipboardIcon", "useChipsForMultiValueProperty", "multiValueSeparator"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i2$3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i2$3.MatCardContent, selector: "mat-card-content" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: TaskHeaderCloudComponent, isStandalone: true, selector: "adf-cloud-task-header", inputs: { appName: "appName", taskId: "taskId", showTitle: "showTitle", processInstanceId: "processInstanceId", allowSelfService: "allowSelfService" }, 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(--mat-sys-primary)}.adf-cancel-edit-mode,.adf-claim-controls{color:var(--mat-sys-on-surface-variant)}.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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.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", "displayCopyToClipboardIcon", "useChipsForMultiValueProperty", "multiValueSeparator"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i2$3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i2$3.MatCardContent, selector: "mat-card-content" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TaskHeaderCloudComponent, decorators: [{
             type: Component,
@@ -11952,6 +11924,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                 type: Input
             }], processInstanceId: [{
                 type: Input
+            }], allowSelfService: [{
+                type: Input
             }], claim: [{
                 type: Output
             }], unclaim: [{
@@ -12016,12 +11990,6 @@ class ProcessFiltersCloudComponent {
          *
          */
         this.searchApiMethod = 'GET';
-        /**
-         * (optional) Resolves the counters of the task and the process filters with a single call to
-         * `POST /query/v1/count`. Both filter components have to
-         * ask for it, otherwise the counters are resolved one filter at a time.
-         */
-        this.useBatchedCounters = false;
         /** (optional) Toggles showing an icon by the side of each filter */
         this.showIcons = false;
         /** Emitted when a filter is being selected based on the filterParam input. */
@@ -12040,7 +12008,6 @@ class ProcessFiltersCloudComponent {
         this.updatedFiltersSet = new Set();
         this.enableNotifications = true;
         this.notificationDebounceTime = 3000;
-        this.batchedCounters = true;
         this.destroyRef = inject(DestroyRef);
         this.processFilterCloudService = inject(ProcessFilterCloudService);
         this.translationService = inject(TranslationService);
@@ -12067,9 +12034,6 @@ class ProcessFiltersCloudComponent {
         else if (filter && filter.currentValue !== filter.previousValue) {
             this.selectFilterAndEmit(filter.currentValue);
         }
-        else if (changes['useBatchedCounters'] && !changes['useBatchedCounters'].firstChange && this.filtersLoadedFor) {
-            this.loadFilterCounters(this.filtersLoadedFor);
-        }
     }
     /**
      * Fetch the filter list based on appName
@@ -12153,7 +12117,7 @@ class ProcessFiltersCloudComponent {
         if (filter) {
             this.selectFilter(filter);
             this.filterClicked.emit(this.currentFilter);
-            this.refreshFilterCounter(this.currentFilter);
+            this.refreshFilterCounter();
             this.updatedFiltersSet.delete(filter.key);
         }
         else {
@@ -12262,17 +12226,11 @@ class ProcessFiltersCloudComponent {
         this.countersSubscription?.unsubscribe();
         this.countersSubscription = combineLatest([
             this.countersFilters$.pipe(catchError(() => of([]))),
-            this.filterCountersCloudService.getFilterCounters(appName, FilterCounterEntityType.PROCESS_INSTANCE, this.useBatchedCounters)
+            this.filterCountersCloudService.getFilterCounters(appName, FilterCounterEntityType.PROCESS_INSTANCE)
         ])
             .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe(([, { counters, batched }]) => {
-            this.batchedCounters = batched;
-            if (batched) {
-                this.applyFilterCounters(counters);
-            }
-            else {
-                this.updateFilterCounters();
-            }
+            .subscribe(([, { counters }]) => {
+            this.applyFilterCounters(counters);
         });
     }
     applyFilterCounters(counters) {
@@ -12290,13 +12248,8 @@ class ProcessFiltersCloudComponent {
             this.counters = { ...this.counters, [filterKey]: counter };
         });
     }
-    refreshFilterCounter(filter) {
-        if (this.batchedCounters) {
-            this.filterCountersCloudService.refreshFilterCounters(this.appName);
-        }
-        else if (filter) {
-            this.updateFilterCounter(filter);
-        }
+    refreshFilterCounter() {
+        this.filterCountersCloudService.refreshFilterCounters(this.appName);
     }
     fetchProcessFilterCounter(filter) {
         return this.searchApiMethod === 'POST'
@@ -12304,7 +12257,7 @@ class ProcessFiltersCloudComponent {
             : this.processListCloudService.getProcessCounter(filter.appName, filter.status);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ProcessFiltersCloudComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: ProcessFiltersCloudComponent, isStandalone: true, selector: "adf-cloud-process-filters", inputs: { appName: "appName", searchApiMethod: "searchApiMethod", useBatchedCounters: "useBatchedCounters", filterParam: "filterParam", showIcons: "showIcons" }, outputs: { filterSelected: "filterSelected", filterClicked: "filterClicked", success: "success", error: "error", updatedFilter: "updatedFilter" }, usesOnChanges: true, ngImport: i0, template: "@if (filters$ | async; as filterList) {\n    <mat-nav-list>\n        @for (filter of filterList; track filter.id) {\n            <a mat-list-item\n                [activated]=\"filter.id === currentRouteFilterId()\"\n                [routerLink]=\"[PROCESSES_ROUTE]\"\n                [queryParams]=\"{ filterId: filter.id }\"\n                [attr.data-automation-id]=\"filter.key + '_filter'\"\n                class=\"adf-process-filters__entry\"\n                [class.adf-active]=\"filter.id === currentRouteFilterId()\"\n                [attr.aria-current]=\"filter.id === currentRouteFilterId() ? 'page' : null\"\n                [id]=\"filter.id\"\n                [title]=\"filter.name ?? '' | translate\"\n                [attr.aria-label]=\"filter.name ?? '' | translate\"\n                (click)=\"onFilterClick(filter)\">\n                <span matListItemTitle>\n                    {{ filter.name ?? '' | translate }}\n                </span>\n                @if (showIcons) {\n                    <mat-icon matListItemIcon\n                        data-automation-id=\"adf-filter-icon\"\n                        [adf-icon]=\"filter.icon ?? ''\"\n                        aria-hidden=\"true\" />\n                }\n                @if (counters[filter.key ?? '']) {\n                    <span matListItemMeta\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                }\n            </a>\n        }\n    </mat-nav-list>\n} @else {\n    <div class=\"adf-app-list-spinner\">\n        <mat-spinner [attr.aria-label]=\"'ADF_CLOUD_PROCESS_LIST.LOADING' | translate\" aria-live=\"polite\" />\n    </div>\n}\n\n", styles: [".adf-process-filters__entry-counter{padding:0 5px;border-radius:var(--mat-sys-corner-large)}.adf-process-filters__entry-counter.adf-active{background-color:var(--mat-sys-secondary);--mat-list-list-item-trailing-supporting-text-color: var(--mat-sys-on-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: IconModule }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { 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.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i2$1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i2$1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", 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: "@if (filters$ | async; as filterList) {\n    <mat-nav-list>\n        @for (filter of filterList; track filter.id) {\n            <a mat-list-item\n                [activated]=\"filter.id === currentRouteFilterId()\"\n                [routerLink]=\"[PROCESSES_ROUTE]\"\n                [queryParams]=\"{ filterId: filter.id }\"\n                [attr.data-automation-id]=\"filter.key + '_filter'\"\n                class=\"adf-process-filters__entry\"\n                [class.adf-active]=\"filter.id === currentRouteFilterId()\"\n                [attr.aria-current]=\"filter.id === currentRouteFilterId() ? 'page' : null\"\n                [id]=\"filter.id\"\n                [title]=\"filter.name ?? '' | translate\"\n                [attr.aria-label]=\"filter.name ?? '' | translate\"\n                (click)=\"onFilterClick(filter)\">\n                <span matListItemTitle>\n                    {{ filter.name ?? '' | translate }}\n                </span>\n                @if (showIcons) {\n                    <mat-icon matListItemIcon\n                        data-automation-id=\"adf-filter-icon\"\n                        [adf-icon]=\"filter.icon ?? ''\"\n                        aria-hidden=\"true\" />\n                }\n                @if (counters[filter.key ?? '']) {\n                    <span matListItemMeta\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                }\n            </a>\n        }\n    </mat-nav-list>\n} @else {\n    <div class=\"adf-app-list-spinner\">\n        <mat-spinner [attr.aria-label]=\"'ADF_CLOUD_PROCESS_LIST.LOADING' | translate\" aria-live=\"polite\" />\n    </div>\n}\n\n", styles: [".adf-process-filters__entry-counter{padding:0 5px;border-radius:var(--mat-sys-corner-large)}.adf-process-filters__entry-counter.adf-active{background-color:var(--mat-sys-secondary);--mat-list-list-item-trailing-supporting-text-color: var(--mat-sys-on-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: IconModule }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { 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.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i2$1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i2$1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ProcessFiltersCloudComponent, decorators: [{
             type: Component,
@@ -12313,8 +12266,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                 type: Input
             }], searchApiMethod: [{
                 type: Input
-            }], useBatchedCounters: [{
-                type: Input
             }], filterParam: [{
                 type: Input
             }], showIcons: [{