@valtimo/task 13.22.0 → 13.23.0

package/fesm2022/valtimo-task.mjs

@@ -1,37 +1,113 @@
-import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Input, Output, Component, ViewContainerRef, ViewChild, Optional, Inject, ChangeDetectionStrategy, signal, ViewEncapsulation, HostListener, NgModule } from '@angular/core';
-import * as i9 from '@valtimo/components';
-import { ViewType, RemoveClassnamesDirective, FormioOptionsImpl, FormIoModule, ConfirmationModalModule, TooltipModule, runAfterCarbonModalClosed, CarbonListModule, PageHeaderModule, WidgetModule, SpinnerModule, CamundaFormModule, RenderInPageHeaderDirective, SearchFieldsModule, ValtimoCdsModalDirective } from '@valtimo/components';
-import { BehaviorSubject, combineLatest, tap, filter, switchMap, of, map as map$1, catchError, Subject, Subscription, take as take$1, distinctUntilChanged, EMPTY } from 'rxjs';
-import * as i11 from '@angular/common';
+import * as i6 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, ViewContainerRef, Output, Input, ViewChild, Optional, Inject, ChangeDetectionStrategy, Component, signal, ViewEncapsulation, HostListener, NgModule } from '@angular/core';
+import { RecentlyViewed16, CalendarAdd16, Edit16, FolderDetailsReference16 } from '@carbon/icons';
 import * as i4$1 from '@ngx-translate/core';
 import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
-import * as i3 from 'carbon-components-angular';
-import { ButtonModule, ToggletipModule, IconModule, LayerModule, ComboBoxModule, LoadingModule, NotificationModule, ModalModule, DatePickerModule, LinkModule, TabsModule, ContentSwitcherModule, DropdownModule, TooltipModule as TooltipModule$1 } from 'carbon-components-angular';
-import { UserFollow16, UserRole16, Edit16, RecentlyViewed16, CalendarAdd16, FolderDetailsReference16 } from '@carbon/icons';
-import { map, take, filter as filter$1, startWith, distinctUntilChanged as distinctUntilChanged$1, switchMap as switchMap$1, catchError as catchError$1 } from 'rxjs/operators';
-import * as i1 from '@angular/common/http';
-import { HttpParams, HttpHeaders, HttpClient } from '@angular/common/http';
+import * as i9 from '@valtimo/components';
+import { ViewType, FormioOptionsImpl, FormIoModule, ConfirmationModalModule, TooltipModule, RemoveClassnamesDirective, runAfterCarbonModalClosed, CarbonListModule, PageHeaderModule, WidgetModule, SpinnerModule, CamundaFormModule, RenderInPageHeaderDirective, SearchFieldsModule, AssignmentComponent, ValtimoCdsModalDirective } from '@valtimo/components';
 import * as i1$1 from '@valtimo/shared';
 import { BaseApiService, TaskListTab, InterceptorSkip, FORM_VIEW_MODEL_TOKEN, ROLE_USER, HttpLoaderFactory } from '@valtimo/shared';
-import { omit, isEqual } from 'lodash';
-import * as i1$2 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import * as i4 from '@valtimo/security';
-import { AuthGuardService } from '@valtimo/security';
-import * as i14 from 'carbon-components-angular/dropdown';
 import * as i7 from '@valtimo/process-link';
 import { FORM_CUSTOM_COMPONENT_TOKEN, ProcessLinkModule, formSizeToCarbonModalSizeMap } from '@valtimo/process-link';
+import * as i2$1 from 'carbon-components-angular';
+import { LoadingModule, NotificationModule, ButtonModule, IconModule, ModalModule, ToggletipModule, DatePickerModule, LayerModule, LinkModule, TabsModule, ContentSwitcherModule, DropdownModule, TooltipModule as TooltipModule$1 } from 'carbon-components-angular';
+import { BehaviorSubject, combineLatest, tap, filter, switchMap, of, map as map$1, catchError, Subscription, take as take$1, distinctUntilChanged, Subject, shareReplay, EMPTY } from 'rxjs';
 import * as i2 from '@valtimo/document';
-import * as i4$2 from 'ngx-logger';
-import * as i3$1 from '@valtimo/access-control';
+import * as i4 from 'ngx-logger';
+import * as i3 from '@valtimo/access-control';
+import * as i1$2 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i1 from '@angular/common/http';
+import { HttpParams, HttpHeaders, HttpClient } from '@angular/common/http';
+import { map, take, filter as filter$1, startWith, distinctUntilChanged as distinctUntilChanged$1, switchMap as switchMap$1, catchError as catchError$1 } from 'rxjs/operators';
+import { omit, isEqual } from 'lodash';
 import moment from 'moment';
-import * as i6 from '@valtimo/sse';
-import * as i12 from '@ng-bootstrap/ng-bootstrap';
+import * as i6$1 from '@valtimo/sse';
+import * as i11 from '@valtimo/teams';
+import * as i13 from '@ng-bootstrap/ng-bootstrap';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { FormsModule } from '@angular/forms';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { AuthGuardService } from '@valtimo/security';
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * 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 PERMISSION_ACTION;
+(function (PERMISSION_ACTION) {
+    PERMISSION_ACTION["assign"] = "assign";
+    PERMISSION_ACTION["view"] = "view";
+    PERMISSION_ACTION["modify"] = "modify";
+})(PERMISSION_ACTION || (PERMISSION_ACTION = {}));
+var TASK_DETAIL_PERMISSION_RESOURCE;
+(function (TASK_DETAIL_PERMISSION_RESOURCE) {
+    TASK_DETAIL_PERMISSION_RESOURCE["jsonSchemaDocument"] = "com.ritense.document.domain.impl.JsonSchemaDocument";
+    TASK_DETAIL_PERMISSION_RESOURCE["task"] = "com.ritense.valtimo.operaton.domain.OperatonTask";
+})(TASK_DETAIL_PERMISSION_RESOURCE || (TASK_DETAIL_PERMISSION_RESOURCE = {}));
+const CAN_ASSIGN_TASK_PERMISSION = {
+    action: PERMISSION_ACTION.assign,
+    resource: TASK_DETAIL_PERMISSION_RESOURCE.task,
+};
+const CAN_VIEW_TASK_PERMISSION = {
+    action: PERMISSION_ACTION.view,
+    resource: TASK_DETAIL_PERMISSION_RESOURCE.task,
+};
+const CAN_VIEW_CASE_PERMISSION = {
+    action: PERMISSION_ACTION.view,
+    resource: TASK_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
+};
+const CAN_MODIFY_TASK_PERMISSION = {
+    action: PERMISSION_ACTION.modify,
+    resource: TASK_DETAIL_PERMISSION_RESOURCE.task,
+};
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * 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.
+ */
+/**
+ * Enriches a task with assignee and due date from a process link result,
+ * only filling in fields that are missing on the task itself.
+ * Returns a new task object if any fields were enriched, or the original task if unchanged.
+ */
+function enrichTaskFromProcessLink(task, processLink) {
+    if (!processLink)
+        return task;
+    const needsAssignee = processLink.assignee && !task.assignee;
+    const needsDue = processLink.due && !task.due;
+    if (!needsAssignee && !needsDue)
+        return task;
+    return {
+        ...task,
+        ...(needsAssignee && { assignee: processLink.assignee }),
+        ...(needsDue && { due: processLink.due }),
+    };
+}
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -92,6 +168,9 @@ class TaskService extends BaseApiService {
     getCandidateUsers(id) {
         return this.httpClient.get(this.getApiUrl(`/v2/task/${id}/candidate-user`));
     }
+    getCandidateTeams(id) {
+        return this.httpClient.get(this.getApiUrl(`/v1/task/${id}/candidate-team`), { params: { size: '1000' } });
+    }
     assignTask(id, assigneeRequest) {
         return this.httpClient.post(this.getApiUrl(`/v1/task/${id}/assign`), assigneeRequest);
     }
@@ -122,10 +201,10 @@ class TaskService extends BaseApiService {
     removeTaskDueDate(taskId) {
         return this.httpClient.post(this.getApiUrl(`/v1/task/${taskId}/set-due-date`), null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskService, deps: [{ token: i1.HttpClient }, { token: i1$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskService, deps: [{ token: i1.HttpClient }, { token: i1$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i1$1.ConfigService }] });
@@ -180,10 +259,10 @@ class TaskListService {
     setLoadingStateForCaseDefinition(loading) {
         this._loadingStateForCaseDefinition$.next(loading);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskListService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskListService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskListService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskListService, decorators: [{
             type: Injectable
         }] });
 
@@ -226,6 +305,7 @@ class TaskListSortService {
             [TaskListTab.ALL]: this._defaultSortState,
             [TaskListTab.MINE]: this._defaultSortState,
             [TaskListTab.OPEN]: this._defaultSortState,
+            [TaskListTab.TEAM]: this._defaultSortState,
         });
         this._sortStateForCurrentTaskType$ = combineLatest([
             this.taskListService.selectedTaskType$,
@@ -289,10 +369,10 @@ class TaskListSortService {
     getSortString(sort) {
         return `${sort.state.name},${sort.state.direction}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskListSortService, deps: [{ token: TaskService }, { token: TaskListService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskListSortService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskListSortService, deps: [{ token: TaskService }, { token: TaskListService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskListSortService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskListSortService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskListSortService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: TaskService }, { type: TaskListService }] });
 
@@ -475,10 +555,10 @@ class TaskListColumnService {
                 return taskListColumnColumnDisplayType;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskListColumnService, deps: [{ token: TaskService }, { token: TaskListService }, { token: TaskListSortService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskListColumnService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskListColumnService, deps: [{ token: TaskService }, { token: TaskListService }, { token: TaskListSortService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskListColumnService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskListColumnService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskListColumnService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: TaskService }, { type: TaskListService }, { type: TaskListSortService }] });
 
@@ -510,6 +590,7 @@ class TaskListPaginationService {
             [TaskListTab.ALL]: this.getDefaultPagination(),
             [TaskListTab.MINE]: this.getDefaultPagination(),
             [TaskListTab.OPEN]: this.getDefaultPagination(),
+            [TaskListTab.TEAM]: this.getDefaultPagination(),
         });
         this._paginationForCurrentTaskType$ = combineLatest([
             this.taskListService.selectedTaskType$,
@@ -543,10 +624,10 @@ class TaskListPaginationService {
             size: 10,
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskListPaginationService, deps: [{ token: TaskListService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskListPaginationService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskListPaginationService, deps: [{ token: TaskListService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskListPaginationService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskListPaginationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskListPaginationService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: TaskListService }] });
 
@@ -636,10 +717,10 @@ class TaskListSearchService {
         });
         return filters;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskListSearchService, deps: [{ token: i1$1.ConfigService }, { token: TaskListService }, { token: TaskService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskListSearchService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskListSearchService, deps: [{ token: i1$1.ConfigService }, { token: TaskListService }, { token: TaskService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskListSearchService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskListSearchService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskListSearchService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1$1.ConfigService }, { type: TaskListService }, { type: TaskService }] });
 
@@ -685,10 +766,10 @@ class TaskListQueryParamService {
     parseBase64(base64string) {
         return JSON.parse(atob(base64string));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskListQueryParamService, deps: [{ token: i1$2.Router }, { token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskListQueryParamService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskListQueryParamService, deps: [{ token: i1$2.Router }, { token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskListQueryParamService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskListQueryParamService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskListQueryParamService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1$2.Router }, { type: i1$2.ActivatedRoute }] });
 
@@ -749,10 +830,10 @@ class TaskIntermediateSaveService extends BaseApiService {
     setFormIoFormData(value) {
         this._formIoFormData$.next(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskIntermediateSaveService, deps: [{ token: i1.HttpClient }, { token: i1$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskIntermediateSaveService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskIntermediateSaveService, deps: [{ token: i1.HttpClient }, { token: i1$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskIntermediateSaveService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskIntermediateSaveService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskIntermediateSaveService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i1$1.ConfigService }] });
@@ -773,353 +854,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * limitations under the License.
  */
 
-/*
- * Copyright 2015-2026 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * 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 AssignUserToTaskComponent {
-    set taskId(value) {
-        if (this._taskId === value)
-            return;
-        this._taskId = value;
-        this.fetchCandidateUsers(value);
-    }
-    set canAssignUserToTask(value) {
-        this.canAssignUserToTaskSet$.next(true);
-        this.canAssignUserToTask$.next(value);
-    }
-    constructor(taskService, cdsThemeService, iconService, elementRef, renderer2, userProviderService) {
-        this.taskService = taskService;
-        this.cdsThemeService = cdsThemeService;
-        this.iconService = iconService;
-        this.elementRef = elementRef;
-        this.renderer2 = renderer2;
-        this.userProviderService = userProviderService;
-        this.assignmentOfTaskChanged = new EventEmitter();
-        this.canAssignUserToTaskSet$ = new BehaviorSubject(false);
-        this.canAssignUserToTask$ = new BehaviorSubject(false);
-        this.assignedIdOnServer$ = new BehaviorSubject(null);
-        this._assignedUserFullName$ = new BehaviorSubject(null);
-        this.assignedUserFullName$ = this._assignedUserFullName$.pipe(map(fullName => `${fullName?.trim()}`));
-        this._candidateUsersForTask$ = new BehaviorSubject(undefined);
-        this._selectedUserId$ = new BehaviorSubject(null);
-        this.selectedUserId$ = this._selectedUserId$.asObservable();
-        this.candidateUsersForTask$ = this._candidateUsersForTask$.pipe(map(users => this.mapUsersForDropdown(users)));
-        this.editCandidateUsersForTask$ = combineLatest([
-            this._candidateUsersForTask$,
-            this.assignedIdOnServer$,
-        ]).pipe(map(([users, assignedId]) => this.mapUsersForDropdown(users, assignedId)));
-        this.toggletipView$ = new BehaviorSubject('choice');
-        this.editToggletipOpen$ = new BehaviorSubject(false);
-        this.mouseIsOverAssignee$ = new BehaviorSubject(false);
-        this.showComboBox$ = new BehaviorSubject(true);
-        this.open$ = new Subject();
-        this.disabled$ = new BehaviorSubject(true);
-        this.toggletipTheme$ = this.cdsThemeService.toggletipTheme$;
-        this.toggletipDropdownTheme$ = this.cdsThemeService.toggletipDropdownTheme$;
-        this._subscriptions = new Subscription();
-        this.iconService.registerAll([UserFollow16, UserRole16, Edit16]);
-    }
-    ngOnInit() {
-        this.openHideElementSubscription();
-    }
-    ngOnChanges(changes) {
-        this._candidateUsersForTask$.pipe(take$1(1)).subscribe(candidateUsers => {
-            const currentUserId = changes.assigneeId?.currentValue || this.assigneeId;
-            const resolvedId = candidateUsers?.length
-                ? this.resolveUserId(candidateUsers, currentUserId)
-                : currentUserId;
-            this.assignedIdOnServer$.next(resolvedId || null);
-            this._selectedUserId$.next(resolvedId || null);
-            this._assignedUserFullName$.next(this.getAssignedUserName(candidateUsers ?? [], currentUserId));
-        });
-    }
-    ngOnDestroy() {
-        this._subscriptions.unsubscribe();
-    }
-    assignTask(userId) {
-        this.disable();
-        combineLatest([
-            this._candidateUsersForTask$,
-            this.taskService.assignTask(this._taskId, { assignee: userId }),
-        ])
-            .pipe(take$1(1))
-            .subscribe({
-            next: ([candidateUsers]) => {
-                this._selectedUserId$.next(userId);
-                this.assignedIdOnServer$.next(userId);
-                this._assignedUserFullName$.next(this.getAssignedUserName(candidateUsers ?? [], userId));
-                this.closeToggletip();
-                this.emitChange();
-                this.enable();
-            },
-            error: () => {
-                this.enable();
-            },
-        });
-    }
-    unassignTask() {
-        this.disable();
-        this.taskService
-            .unassignTask(this._taskId)
-            .pipe(tap(() => {
-            this.closeToggletip();
-            this.emitChange();
-            this.enable();
-            this.resetState();
-        }))
-            .subscribe();
-    }
-    getAssignedUserName(users, userId) {
-        if (users && userId) {
-            const findUser = this.findUserByIdOrUsername(users, userId);
-            return findUser ? findUser.label : userId;
-        }
-        return userId || '-';
-    }
-    onMouseEnterAssignee() {
-        this.mouseIsOverAssignee$.next(true);
-    }
-    onMouseLeaveAssignee() {
-        this.mouseIsOverAssignee$.next(false);
-    }
-    onSubmitButtonClick() {
-        this.assignTask(this._selectedUserId$.getValue());
-    }
-    onUserSelect(event) {
-        if (!event?.id)
-            return;
-        this._selectedUserId$.next(event.id);
-    }
-    onComboBoxClear() {
-        this._selectedUserId$.next(null);
-    }
-    onAssignToMe() {
-        this.userProviderService
-            .getUserSubject()
-            .pipe(take$1(1))
-            .subscribe((currentUser) => {
-            if (currentUser?.id) {
-                this.assignTask(currentUser.id);
-            }
-        });
-    }
-    onAssignToOtherUser() {
-        this.toggletipView$.next('dropdown');
-        this._selectedUserId$.next(null);
-    }
-    onOpenAssignToggletip() {
-        this.toggletipView$.next('choice');
-        this._selectedUserId$.next(null);
-    }
-    onOpenEditToggletip() {
-        this.editToggletipOpen$.next(true);
-        this._selectedUserId$.next(null);
-        this.resetComboBox();
-    }
-    onCloseEditToggletip() {
-        this.editToggletipOpen$.next(false);
-    }
-    resetState() {
-        this.assignedIdOnServer$.next(null);
-        this._selectedUserId$.next(null);
-        this._assignedUserFullName$.next(null);
-        this.toggletipView$.next('choice');
-    }
-    findUserByIdOrUsername(users, identifier) {
-        return (users.find(user => user.id === identifier) || users.find(user => user.userName === identifier));
-    }
-    resolveUserId(users, identifier) {
-        const user = this.findUserByIdOrUsername(users, identifier);
-        return user ? user.id : identifier;
-    }
-    mapUsersForDropdown(users, selectedUserId) {
-        if (!users)
-            return [];
-        return this.sortUsersWithCurrentUserFirst(users).map(user => ({
-            content: user.label,
-            id: user.id,
-            selected: selectedUserId ? user.id === selectedUserId : false,
-        }));
-    }
-    sortUsersWithCurrentUserFirst(users) {
-        let currentUserId = null;
-        this.userProviderService
-            .getUserSubject()
-            .pipe(take$1(1))
-            .subscribe((user) => {
-            currentUserId = user?.id || null;
-        });
-        return users
-            .map(user => ({ ...user, lastName: user.lastName?.split(' ').splice(-1)[0] || '' }))
-            .sort((a, b) => {
-            if (currentUserId) {
-                if (a.id === currentUserId)
-                    return -1;
-                if (b.id === currentUserId)
-                    return 1;
-            }
-            return a.lastName.localeCompare(b.lastName);
-        });
-    }
-    resetComboBox() {
-        this.showComboBox$.next(false);
-        setTimeout(() => this.showComboBox$.next(true));
-    }
-    emitChange() {
-        this.assignmentOfTaskChanged.emit();
-    }
-    enable() {
-        this.disabled$.next(false);
-    }
-    disable() {
-        this.disabled$.next(true);
-    }
-    closeToggletip() {
-        this.editToggletipOpen$.next(false);
-        this.open$.next(true);
-        setTimeout(() => this.open$.next(false));
-    }
-    fetchCandidateUsers(taskId) {
-        this.disable();
-        this.canAssignUserToTask$
-            .pipe(filter$1(allowed => !!allowed), take$1(1))
-            .subscribe(() => {
-            this.taskService.getCandidateUsers(taskId).subscribe(candidateUsers => {
-                this._candidateUsersForTask$.next(candidateUsers);
-                if (this.assigneeId) {
-                    const resolvedId = this.resolveUserId(candidateUsers, this.assigneeId);
-                    this.assignedIdOnServer$.next(resolvedId);
-                    this._selectedUserId$.next(resolvedId);
-                    this._assignedUserFullName$.next(this.getAssignedUserName(candidateUsers, this.assigneeId));
-                }
-                this.enable();
-            });
-        });
-    }
-    openHideElementSubscription() {
-        this._subscriptions.add(combineLatest([this.assignedIdOnServer$, this.canAssignUserToTask$]).subscribe(([idOnServer, canAssignUserToTask]) => {
-            if (!canAssignUserToTask && idOnServer === null) {
-                this.renderer2.setStyle(this.elementRef.nativeElement, 'display', 'none');
-            }
-            else {
-                this.renderer2.removeStyle(this.elementRef.nativeElement, 'display');
-            }
-        }));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AssignUserToTaskComponent, deps: [{ token: TaskService }, { token: i9.CdsThemeService }, { token: i3.IconService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i4.UserProviderService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: AssignUserToTaskComponent, isStandalone: true, selector: "valtimo-assign-user-to-task", inputs: { taskId: "taskId", assigneeId: "assigneeId", canAssignUserToTask: "canAssignUserToTask" }, outputs: { assignmentOfTaskChanged: "assignmentOfTaskChanged" }, usesOnChanges: true, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"\n    (canAssignUserToTaskSet$ | async) && {\n      candidateUsers: candidateUsersForTask$ | async,\n      editCandidateUsers: editCandidateUsersForTask$ | async,\n      disabled: disabled$ | async,\n      idOnServer: assignedIdOnServer$ | async,\n      mouseIsOverAssignee: mouseIsOverAssignee$ | async,\n      assignedUserFullName: assignedUserFullName$ | async,\n      selectedUserId: selectedUserId$ | async,\n      canAssignUserToTask: canAssignUserToTask$ | async,\n      toggletipView: toggletipView$ | async,\n      showComboBox: showComboBox$ | async,\n      editToggletipOpen: editToggletipOpen$ | async,\n    } as obs\n  \"\n>\n  <ng-container *ngIf=\"{isAssigned: obs.idOnServer !== null} as vars\">\n    <div\n      class=\"assign-user-container\"\n      *ngIf=\"obs.canAssignUserToTask || (!obs.canAssignUserToTask && vars.isAssigned)\"\n      (mouseenter)=\"onMouseEnterAssignee()\"\n      (mouseleave)=\"onMouseLeaveAssignee()\"\n    >\n      <div\n        class=\"assignee-text element\"\n        [ngClass]=\"{\n          active: obs.canAssignUserToTask\n            ? vars.isAssigned && !obs.mouseIsOverAssignee && !obs.editToggletipOpen\n            : vars.isAssigned,\n        }\"\n      >\n        <span class=\"bold\">{{ 'assignTask.assignedTo' | translate }}</span>\n        &nbsp;\n        <span class=\"name\">{{ obs.assignedUserFullName }}</span>\n      </div>\n\n      <cds-toggletip\n        *ngIf=\"obs.canAssignUserToTask\"\n        align=\"bottom\"\n        class=\"element\"\n        [autoAlign]=\"true\"\n        [isOpen]=\"open$ | async\"\n        [ngClass]=\"{active: vars.isAssigned && (obs.mouseIsOverAssignee || obs.editToggletipOpen)}\"\n        (onOpen)=\"onOpenEditToggletip()\"\n        (onClose)=\"onCloseEditToggletip()\"\n      >\n        <button\n          cdsToggletipButton\n          [removeClassnames]=\"['cds--toggletip-button']\"\n          cdsButton=\"ghost\"\n          size=\"sm\"\n          class=\"click-to-edit-button\"\n        >\n          {{ 'assignTask.clickToEdit' | translate }}\n        </button>\n\n        <div cdsToggletipContent class=\"assign-task-popover-content\">\n          <cds-combo-box\n            *ngIf=\"obs.showComboBox\"\n            [attr.data-carbon-theme]=\"toggletipDropdownTheme$ | async\"\n            [label]=\"'assignTask.comboboxLabel' | translate\"\n            [placeholder]=\"'assignTask.placeholder' | translate\"\n            [appendInline]=\"true\"\n            [dropUp]=\"false\"\n            [cdsLayer]=\"1\"\n            [items]=\"obs?.editCandidateUsers || []\"\n            [disabled]=\"obs.disabled\"\n            itemValueKey=\"id\"\n            (selected)=\"onUserSelect($event)\"\n            (clear)=\"onComboBoxClear()\"\n          >\n            <cds-dropdown-list onclick=\"event.stopPropagation()\"></cds-dropdown-list>\n          </cds-combo-box>\n\n          <button\n            cdsButton\n            [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n            [cdsLayer]=\"1\"\n            class=\"submit-task-button\"\n            [disabled]=\"!obs.selectedUserId || obs.disabled\"\n            (click)=\"onSubmitButtonClick()\"\n          >\n            {{ 'assignTask.submitButtonText' | translate }}\n            <svg class=\"cds--btn__icon\" cdsIcon=\"user--follow\" size=\"16\"></svg>\n          </button>\n\n          <button\n            cdsButton=\"danger--tertiary\"\n            [cdsLayer]=\"1\"\n            [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n            [disabled]=\"obs.disabled\"\n            (click)=\"unassignTask()\"\n          >\n            {{ 'assignTask.remove' | translate }}\n          </button>\n        </div>\n      </cds-toggletip>\n\n      <cds-toggletip\n        align=\"bottom\"\n        class=\"element main\"\n        [autoAlign]=\"true\"\n        [isOpen]=\"open$ | async\"\n        [ngClass]=\"{active: !vars.isAssigned}\"\n        (onOpen)=\"onOpenAssignToggletip()\"\n      >\n        <button\n          cdsToggletipButton\n          [removeClassnames]=\"['cds--toggletip-button']\"\n          cdsButton=\"tertiary\"\n          size=\"sm\"\n          class=\"assign-button\"\n        >\n          {{ 'assignTask.buttonText' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"user--follow\" size=\"16\"></svg>\n        </button>\n\n        <div cdsToggletipContent class=\"assign-task-popover-content\">\n          <ng-container *ngIf=\"obs.toggletipView === 'choice'\">\n            <button\n              cdsButton=\"secondary\"\n              [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n              class=\"choice-button\"\n              [disabled]=\"obs.disabled\"\n              [cdsLayer]=\"1\"\n              (click)=\"onAssignToMe()\"\n            >\n              {{ 'assignTask.assignToMe' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"user--role\" size=\"16\"></svg>\n            </button>\n\n            <button\n              cdsButton=\"secondary\"\n              [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n              class=\"choice-button\"\n              [disabled]=\"obs.disabled\"\n              [cdsLayer]=\"1\"\n              (click)=\"onAssignToOtherUser(); $event.stopPropagation()\"\n            >\n              {{ 'assignTask.assignToOtherUser' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"user--follow\" size=\"16\"></svg>\n            </button>\n          </ng-container>\n\n          <ng-container *ngIf=\"obs.toggletipView === 'dropdown'\">\n            <cds-combo-box\n              [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n              [label]=\"'assignTask.comboboxLabel' | translate\"\n              [placeholder]=\"'assignTask.placeholder' | translate\"\n              [appendInline]=\"true\"\n              [dropUp]=\"false\"\n              [cdsLayer]=\"1\"\n              [items]=\"obs?.candidateUsers || []\"\n              [disabled]=\"obs.disabled\"\n              (selected)=\"onUserSelect($event)\"\n              (clear)=\"onAssignToOtherUser()\"\n            >\n              <cds-dropdown-list onclick=\"event.stopPropagation()\"></cds-dropdown-list>\n            </cds-combo-box>\n\n            <button\n              cdsButton\n              [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n              class=\"submit-task-button\"\n              [disabled]=\"!obs.selectedUserId || obs.disabled\"\n              (click)=\"onSubmitButtonClick()\"\n            >\n              {{ 'assignTask.submitButtonText' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"user--follow\" size=\"16\"></svg>\n            </button>\n          </ng-container>\n        </div>\n      </cds-toggletip>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [":host ::ng-deep .cds--popover-content{max-inline-size:unset}.assign-user-container{display:flex;align-items:center;justify-content:center;position:relative;font-weight:400;font-size:14px;line-height:18px;letter-spacing:.16px;color:var(--cds-link-01)}.assign-user-container .bold{font-weight:700;flex-shrink:0}.assign-user-container .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assignee-text{display:flex;justify-content:flex-start;align-items:center;width:100%}.element{opacity:0;visibility:hidden;position:absolute;width:100%;transition:opacity .3s ease-in-out}.element.active{opacity:1;visibility:visible}.element.main{position:relative;width:auto}.assign-task-popover-content{width:400px;max-inline-size:400px;display:flex;flex-direction:column;gap:16px}.assign-task-popover-content .cds--btn,.choice-button{width:100%;max-width:unset}.assign-button{width:250px}.click-to-edit-button{width:100%}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i11.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ToggletipModule }, { kind: "component", type: i3.Toggletip, selector: "cds-toggletip, ibm-toggletip", inputs: ["id", "isOpen"] }, { kind: "directive", type: i3.ToggletipButton, selector: "[cdsToggletipButton], [ibmToggletipButton]", inputs: ["ariaLabel"] }, { kind: "directive", type: i3.ToggletipContent, selector: "[cdsToggletipContent], [ibmToggletipContent]" }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i3.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i3.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ComboBoxModule }, { kind: "component", type: i3.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled", "readonly", "fluid"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i14.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "directive", type: RemoveClassnamesDirective, selector: "[removeClassnames]", inputs: ["removeClassnames"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AssignUserToTaskComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'valtimo-assign-user-to-task', standalone: true, imports: [
-                        CommonModule,
-                        TranslateModule,
-                        ButtonModule,
-                        ToggletipModule,
-                        IconModule,
-                        LayerModule,
-                        ComboBoxModule,
-                        RemoveClassnamesDirective,
-                    ], template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"\n    (canAssignUserToTaskSet$ | async) && {\n      candidateUsers: candidateUsersForTask$ | async,\n      editCandidateUsers: editCandidateUsersForTask$ | async,\n      disabled: disabled$ | async,\n      idOnServer: assignedIdOnServer$ | async,\n      mouseIsOverAssignee: mouseIsOverAssignee$ | async,\n      assignedUserFullName: assignedUserFullName$ | async,\n      selectedUserId: selectedUserId$ | async,\n      canAssignUserToTask: canAssignUserToTask$ | async,\n      toggletipView: toggletipView$ | async,\n      showComboBox: showComboBox$ | async,\n      editToggletipOpen: editToggletipOpen$ | async,\n    } as obs\n  \"\n>\n  <ng-container *ngIf=\"{isAssigned: obs.idOnServer !== null} as vars\">\n    <div\n      class=\"assign-user-container\"\n      *ngIf=\"obs.canAssignUserToTask || (!obs.canAssignUserToTask && vars.isAssigned)\"\n      (mouseenter)=\"onMouseEnterAssignee()\"\n      (mouseleave)=\"onMouseLeaveAssignee()\"\n    >\n      <div\n        class=\"assignee-text element\"\n        [ngClass]=\"{\n          active: obs.canAssignUserToTask\n            ? vars.isAssigned && !obs.mouseIsOverAssignee && !obs.editToggletipOpen\n            : vars.isAssigned,\n        }\"\n      >\n        <span class=\"bold\">{{ 'assignTask.assignedTo' | translate }}</span>\n        &nbsp;\n        <span class=\"name\">{{ obs.assignedUserFullName }}</span>\n      </div>\n\n      <cds-toggletip\n        *ngIf=\"obs.canAssignUserToTask\"\n        align=\"bottom\"\n        class=\"element\"\n        [autoAlign]=\"true\"\n        [isOpen]=\"open$ | async\"\n        [ngClass]=\"{active: vars.isAssigned && (obs.mouseIsOverAssignee || obs.editToggletipOpen)}\"\n        (onOpen)=\"onOpenEditToggletip()\"\n        (onClose)=\"onCloseEditToggletip()\"\n      >\n        <button\n          cdsToggletipButton\n          [removeClassnames]=\"['cds--toggletip-button']\"\n          cdsButton=\"ghost\"\n          size=\"sm\"\n          class=\"click-to-edit-button\"\n        >\n          {{ 'assignTask.clickToEdit' | translate }}\n        </button>\n\n        <div cdsToggletipContent class=\"assign-task-popover-content\">\n          <cds-combo-box\n            *ngIf=\"obs.showComboBox\"\n            [attr.data-carbon-theme]=\"toggletipDropdownTheme$ | async\"\n            [label]=\"'assignTask.comboboxLabel' | translate\"\n            [placeholder]=\"'assignTask.placeholder' | translate\"\n            [appendInline]=\"true\"\n            [dropUp]=\"false\"\n            [cdsLayer]=\"1\"\n            [items]=\"obs?.editCandidateUsers || []\"\n            [disabled]=\"obs.disabled\"\n            itemValueKey=\"id\"\n            (selected)=\"onUserSelect($event)\"\n            (clear)=\"onComboBoxClear()\"\n          >\n            <cds-dropdown-list onclick=\"event.stopPropagation()\"></cds-dropdown-list>\n          </cds-combo-box>\n\n          <button\n            cdsButton\n            [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n            [cdsLayer]=\"1\"\n            class=\"submit-task-button\"\n            [disabled]=\"!obs.selectedUserId || obs.disabled\"\n            (click)=\"onSubmitButtonClick()\"\n          >\n            {{ 'assignTask.submitButtonText' | translate }}\n            <svg class=\"cds--btn__icon\" cdsIcon=\"user--follow\" size=\"16\"></svg>\n          </button>\n\n          <button\n            cdsButton=\"danger--tertiary\"\n            [cdsLayer]=\"1\"\n            [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n            [disabled]=\"obs.disabled\"\n            (click)=\"unassignTask()\"\n          >\n            {{ 'assignTask.remove' | translate }}\n          </button>\n        </div>\n      </cds-toggletip>\n\n      <cds-toggletip\n        align=\"bottom\"\n        class=\"element main\"\n        [autoAlign]=\"true\"\n        [isOpen]=\"open$ | async\"\n        [ngClass]=\"{active: !vars.isAssigned}\"\n        (onOpen)=\"onOpenAssignToggletip()\"\n      >\n        <button\n          cdsToggletipButton\n          [removeClassnames]=\"['cds--toggletip-button']\"\n          cdsButton=\"tertiary\"\n          size=\"sm\"\n          class=\"assign-button\"\n        >\n          {{ 'assignTask.buttonText' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"user--follow\" size=\"16\"></svg>\n        </button>\n\n        <div cdsToggletipContent class=\"assign-task-popover-content\">\n          <ng-container *ngIf=\"obs.toggletipView === 'choice'\">\n            <button\n              cdsButton=\"secondary\"\n              [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n              class=\"choice-button\"\n              [disabled]=\"obs.disabled\"\n              [cdsLayer]=\"1\"\n              (click)=\"onAssignToMe()\"\n            >\n              {{ 'assignTask.assignToMe' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"user--role\" size=\"16\"></svg>\n            </button>\n\n            <button\n              cdsButton=\"secondary\"\n              [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n              class=\"choice-button\"\n              [disabled]=\"obs.disabled\"\n              [cdsLayer]=\"1\"\n              (click)=\"onAssignToOtherUser(); $event.stopPropagation()\"\n            >\n              {{ 'assignTask.assignToOtherUser' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"user--follow\" size=\"16\"></svg>\n            </button>\n          </ng-container>\n\n          <ng-container *ngIf=\"obs.toggletipView === 'dropdown'\">\n            <cds-combo-box\n              [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n              [label]=\"'assignTask.comboboxLabel' | translate\"\n              [placeholder]=\"'assignTask.placeholder' | translate\"\n              [appendInline]=\"true\"\n              [dropUp]=\"false\"\n              [cdsLayer]=\"1\"\n              [items]=\"obs?.candidateUsers || []\"\n              [disabled]=\"obs.disabled\"\n              (selected)=\"onUserSelect($event)\"\n              (clear)=\"onAssignToOtherUser()\"\n            >\n              <cds-dropdown-list onclick=\"event.stopPropagation()\"></cds-dropdown-list>\n            </cds-combo-box>\n\n            <button\n              cdsButton\n              [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n              class=\"submit-task-button\"\n              [disabled]=\"!obs.selectedUserId || obs.disabled\"\n              (click)=\"onSubmitButtonClick()\"\n            >\n              {{ 'assignTask.submitButtonText' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"user--follow\" size=\"16\"></svg>\n            </button>\n          </ng-container>\n        </div>\n      </cds-toggletip>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [":host ::ng-deep .cds--popover-content{max-inline-size:unset}.assign-user-container{display:flex;align-items:center;justify-content:center;position:relative;font-weight:400;font-size:14px;line-height:18px;letter-spacing:.16px;color:var(--cds-link-01)}.assign-user-container .bold{font-weight:700;flex-shrink:0}.assign-user-container .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assignee-text{display:flex;justify-content:flex-start;align-items:center;width:100%}.element{opacity:0;visibility:hidden;position:absolute;width:100%;transition:opacity .3s ease-in-out}.element.active{opacity:1;visibility:visible}.element.main{position:relative;width:auto}.assign-task-popover-content{width:400px;max-inline-size:400px;display:flex;flex-direction:column;gap:16px}.assign-task-popover-content .cds--btn,.choice-button{width:100%;max-width:unset}.assign-button{width:250px}.click-to-edit-button{width:100%}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: TaskService }, { type: i9.CdsThemeService }, { type: i3.IconService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i4.UserProviderService }], propDecorators: { taskId: [{
-                type: Input
-            }], assigneeId: [{
-                type: Input
-            }], assignmentOfTaskChanged: [{
-                type: Output
-            }], canAssignUserToTask: [{
-                type: Input
-            }] } });
-
-/*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * 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 PERMISSION_ACTION;
-(function (PERMISSION_ACTION) {
-    PERMISSION_ACTION["assign"] = "assign";
-    PERMISSION_ACTION["view"] = "view";
-    PERMISSION_ACTION["modify"] = "modify";
-})(PERMISSION_ACTION || (PERMISSION_ACTION = {}));
-var TASK_DETAIL_PERMISSION_RESOURCE;
-(function (TASK_DETAIL_PERMISSION_RESOURCE) {
-    TASK_DETAIL_PERMISSION_RESOURCE["jsonSchemaDocument"] = "com.ritense.document.domain.impl.JsonSchemaDocument";
-    TASK_DETAIL_PERMISSION_RESOURCE["task"] = "com.ritense.valtimo.operaton.domain.OperatonTask";
-})(TASK_DETAIL_PERMISSION_RESOURCE || (TASK_DETAIL_PERMISSION_RESOURCE = {}));
-const CAN_ASSIGN_TASK_PERMISSION = {
-    action: PERMISSION_ACTION.assign,
-    resource: TASK_DETAIL_PERMISSION_RESOURCE.task,
-};
-const CAN_VIEW_TASK_PERMISSION = {
-    action: PERMISSION_ACTION.view,
-    resource: TASK_DETAIL_PERMISSION_RESOURCE.task,
-};
-const CAN_VIEW_CASE_PERMISSION = {
-    action: PERMISSION_ACTION.view,
-    resource: TASK_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
-};
-const CAN_MODIFY_TASK_PERMISSION = {
-    action: PERMISSION_ACTION.modify,
-    resource: TASK_DETAIL_PERMISSION_RESOURCE.task,
-};
-
-/*
- * Copyright 2015-2026 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * 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.
- */
-/**
- * Enriches a task with assignee and due date from a process link result,
- * only filling in fields that are missing on the task itself.
- * Returns a new task object if any fields were enriched, or the original task if unchanged.
- */
-function enrichTaskFromProcessLink(task, processLink) {
-    if (!processLink)
-        return task;
-    const needsAssignee = processLink.assignee && !task.assignee;
-    const needsDue = processLink.due && !task.due;
-    if (!needsAssignee && !needsDue)
-        return task;
-    return {
-        ...task,
-        ...(needsAssignee && { assignee: processLink.assignee }),
-        ...(needsDue && { due: processLink.due }),
-    };
-}
-
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
@@ -1527,10 +1261,10 @@ class TaskDetailContentComponent {
             this.stateService.setCaseDefinitionKey(caseDefinitionKey);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskDetailContentComponent, deps: [{ token: i1$1.ConfigService }, { token: i2.DocumentService }, { token: i1$1.GlobalNotificationService }, { token: i3.IconService }, { token: i4$2.NGXLogger }, { token: i9.ValtimoModalService }, { token: i3$1.PermissionService }, { token: i7.ProcessLinkService }, { token: i1$2.Router }, { token: i9.FormIoStateService }, { token: TaskIntermediateSaveService }, { token: TaskService }, { token: i4$1.TranslateService }, { token: FORM_VIEW_MODEL_TOKEN, optional: true }, { token: FORM_CUSTOM_COMPONENT_TOKEN, optional: true }, { token: i7.UrlResolverService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TaskDetailContentComponent, isStandalone: true, selector: "valtimo-task-detail-content", inputs: { task: "task", taskAndProcessLink: "taskAndProcessLink", modalClosed: "modalClosed" }, outputs: { closeModalEvent: "closeModalEvent", formSubmit: "formSubmit", activeChange: "activeChange", taskUpdated: "taskUpdated" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "formViewModelDynamicContainer", first: true, predicate: ["formViewModelComponent"], descendants: true, read: ViewContainerRef }, { propertyName: "formFlow", first: true, predicate: ["formFlow"], descendants: true }, { propertyName: "formCustomComponentDynamicContainer", first: true, predicate: ["formCustomComponent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    loading: loading$ | async,\n    task: task$ | async,\n    taskId: taskInstanceId$ | async,\n    formDefinition: formDefinition$ | async,\n    formDefinitionId: formDefinitionId$ | async,\n    formName: formName$ | async,\n    formIoFormData: formIoFormData$ | async,\n    submission: submission$ | async,\n    processLinkIsForm: processLinkIsForm$ | async,\n    processLinkIsFormViewModel: processLinkIsFormViewModel$ | async,\n    processLinkIsUiComponent: processLinkIsUiComponent$ | async,\n    formioOptions: formioOptions$ | async,\n    processLinkIsFormFlow: processLinkIsFormFlow$ | async,\n    formFlowInstanceId: formFlowInstanceId$ | async,\n    errorMessage: errorMessage$ | async,\n    canAssignUserToTask: canAssignUserToTask$ | async,\n    noFormNotification: noFormNotification$ | async,\n  } as obs\"\n>\n  @if (obs.loading) {\n    <div style=\"width: 100%; display: flex; justify-content: center; padding: 1rem\">\n      <cds-loading size=\"sm\"></cds-loading>\n    </div>\n  } @else {\n    <valtimo-form-io\n      #form\n      *ngIf=\"\n        obs.formDefinition &&\n        obs.submission &&\n        obs.processLinkIsForm &&\n        !obs.processLinkIsUiComponent &&\n        !obs.processLinkIsFormViewModel\n      \"\n      [form]=\"obs.formDefinition\"\n      [submission]=\"obs.submission\"\n      (submit)=\"onSubmit($event)\"\n      (change)=\"onChange($event)\"\n      [options]=\"obs.formioOptions\"\n    ></valtimo-form-io>\n\n    <valtimo-form-flow\n      #formFlow\n      *ngIf=\"obs.processLinkIsFormFlow\"\n      [formIoFormData]=\"formIoFormData$\"\n      [formFlowInstanceId]=\"obs.formFlowInstanceId\"\n      (formFlowComplete)=\"completeTask(obs.task)\"\n      (formFlowChange)=\"onFormFlowChangeEvent()\"\n    ></valtimo-form-flow>\n\n    @if (obs.noFormNotification) {\n      <cds-inline-notification [notificationObj]=\"obs.noFormNotification\"></cds-inline-notification>\n    }\n\n    @if (obs.errorMessage) {\n      <cds-inline-notification\n        [notificationObj]=\"{\n          type: 'error',\n          title: ('interface.error' | translate),\n          message: obs.errorMessage,\n          showClose: false,\n          lowContrast: true\n        }\"\n      ></cds-inline-notification>\n    }\n  }\n\n  <div class=\"m-2\">\n    <ng-template #formViewModelComponent></ng-template>\n    <ng-template #formCustomComponent></ng-template>\n  </div>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i11.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormIoModule }, { kind: "component", type: i9.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ProcessLinkModule }, { kind: "component", type: i7.FormFlowComponent, selector: "valtimo-form-flow", inputs: ["formIoFormData", "formFlowInstanceId"], outputs: ["formFlowComplete", "formFlowChange"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i3.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "component", type: i3.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskDetailContentComponent, deps: [{ token: i1$1.ConfigService }, { token: i2.DocumentService }, { token: i1$1.GlobalNotificationService }, { token: i2$1.IconService }, { token: i4.NGXLogger }, { token: i9.ValtimoModalService }, { token: i3.PermissionService }, { token: i7.ProcessLinkService }, { token: i1$2.Router }, { token: i9.FormIoStateService }, { token: TaskIntermediateSaveService }, { token: TaskService }, { token: i4$1.TranslateService }, { token: FORM_VIEW_MODEL_TOKEN, optional: true }, { token: FORM_CUSTOM_COMPONENT_TOKEN, optional: true }, { token: i7.UrlResolverService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: TaskDetailContentComponent, isStandalone: true, selector: "valtimo-task-detail-content", inputs: { task: "task", taskAndProcessLink: "taskAndProcessLink", modalClosed: "modalClosed" }, outputs: { closeModalEvent: "closeModalEvent", formSubmit: "formSubmit", activeChange: "activeChange", taskUpdated: "taskUpdated" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "formViewModelDynamicContainer", first: true, predicate: ["formViewModelComponent"], descendants: true, read: ViewContainerRef }, { propertyName: "formFlow", first: true, predicate: ["formFlow"], descendants: true }, { propertyName: "formCustomComponentDynamicContainer", first: true, predicate: ["formCustomComponent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    loading: loading$ | async,\n    task: task$ | async,\n    taskId: taskInstanceId$ | async,\n    formDefinition: formDefinition$ | async,\n    formDefinitionId: formDefinitionId$ | async,\n    formName: formName$ | async,\n    formIoFormData: formIoFormData$ | async,\n    submission: submission$ | async,\n    processLinkIsForm: processLinkIsForm$ | async,\n    processLinkIsFormViewModel: processLinkIsFormViewModel$ | async,\n    processLinkIsUiComponent: processLinkIsUiComponent$ | async,\n    formioOptions: formioOptions$ | async,\n    processLinkIsFormFlow: processLinkIsFormFlow$ | async,\n    formFlowInstanceId: formFlowInstanceId$ | async,\n    errorMessage: errorMessage$ | async,\n    canAssignUserToTask: canAssignUserToTask$ | async,\n    noFormNotification: noFormNotification$ | async,\n  } as obs\"\n>\n  @if (obs.loading) {\n    <div style=\"width: 100%; display: flex; justify-content: center; padding: 1rem\">\n      <cds-loading size=\"sm\"></cds-loading>\n    </div>\n  } @else {\n    <valtimo-form-io\n      #form\n      *ngIf=\"\n        obs.formDefinition &&\n        obs.submission &&\n        obs.processLinkIsForm &&\n        !obs.processLinkIsUiComponent &&\n        !obs.processLinkIsFormViewModel\n      \"\n      [form]=\"obs.formDefinition\"\n      [submission]=\"obs.submission\"\n      (submit)=\"onSubmit($event)\"\n      (change)=\"onChange($event)\"\n      [options]=\"obs.formioOptions\"\n    ></valtimo-form-io>\n\n    <valtimo-form-flow\n      #formFlow\n      *ngIf=\"obs.processLinkIsFormFlow\"\n      [formIoFormData]=\"formIoFormData$\"\n      [formFlowInstanceId]=\"obs.formFlowInstanceId\"\n      (formFlowComplete)=\"completeTask(obs.task)\"\n      (formFlowChange)=\"onFormFlowChangeEvent()\"\n    ></valtimo-form-flow>\n\n    @if (obs.noFormNotification) {\n      <cds-inline-notification [notificationObj]=\"obs.noFormNotification\"></cds-inline-notification>\n    }\n\n    @if (obs.errorMessage) {\n      <cds-inline-notification\n        [notificationObj]=\"{\n          type: 'error',\n          title: ('interface.error' | translate),\n          message: obs.errorMessage,\n          showClose: false,\n          lowContrast: true\n        }\"\n      ></cds-inline-notification>\n    }\n  }\n\n  <div class=\"m-2\">\n    <ng-template #formViewModelComponent></ng-template>\n    <ng-template #formCustomComponent></ng-template>\n  </div>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormIoModule }, { kind: "component", type: i9.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ProcessLinkModule }, { kind: "component", type: i7.FormFlowComponent, selector: "valtimo-form-flow", inputs: ["formIoFormData", "formFlowInstanceId"], outputs: ["formFlowComplete", "formFlowChange"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i2$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "component", type: i2$1.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskDetailContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskDetailContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-task-detail-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
@@ -1540,7 +1274,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         LoadingModule,
                         NotificationModule,
                     ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    loading: loading$ | async,\n    task: task$ | async,\n    taskId: taskInstanceId$ | async,\n    formDefinition: formDefinition$ | async,\n    formDefinitionId: formDefinitionId$ | async,\n    formName: formName$ | async,\n    formIoFormData: formIoFormData$ | async,\n    submission: submission$ | async,\n    processLinkIsForm: processLinkIsForm$ | async,\n    processLinkIsFormViewModel: processLinkIsFormViewModel$ | async,\n    processLinkIsUiComponent: processLinkIsUiComponent$ | async,\n    formioOptions: formioOptions$ | async,\n    processLinkIsFormFlow: processLinkIsFormFlow$ | async,\n    formFlowInstanceId: formFlowInstanceId$ | async,\n    errorMessage: errorMessage$ | async,\n    canAssignUserToTask: canAssignUserToTask$ | async,\n    noFormNotification: noFormNotification$ | async,\n  } as obs\"\n>\n  @if (obs.loading) {\n    <div style=\"width: 100%; display: flex; justify-content: center; padding: 1rem\">\n      <cds-loading size=\"sm\"></cds-loading>\n    </div>\n  } @else {\n    <valtimo-form-io\n      #form\n      *ngIf=\"\n        obs.formDefinition &&\n        obs.submission &&\n        obs.processLinkIsForm &&\n        !obs.processLinkIsUiComponent &&\n        !obs.processLinkIsFormViewModel\n      \"\n      [form]=\"obs.formDefinition\"\n      [submission]=\"obs.submission\"\n      (submit)=\"onSubmit($event)\"\n      (change)=\"onChange($event)\"\n      [options]=\"obs.formioOptions\"\n    ></valtimo-form-io>\n\n    <valtimo-form-flow\n      #formFlow\n      *ngIf=\"obs.processLinkIsFormFlow\"\n      [formIoFormData]=\"formIoFormData$\"\n      [formFlowInstanceId]=\"obs.formFlowInstanceId\"\n      (formFlowComplete)=\"completeTask(obs.task)\"\n      (formFlowChange)=\"onFormFlowChangeEvent()\"\n    ></valtimo-form-flow>\n\n    @if (obs.noFormNotification) {\n      <cds-inline-notification [notificationObj]=\"obs.noFormNotification\"></cds-inline-notification>\n    }\n\n    @if (obs.errorMessage) {\n      <cds-inline-notification\n        [notificationObj]=\"{\n          type: 'error',\n          title: ('interface.error' | translate),\n          message: obs.errorMessage,\n          showClose: false,\n          lowContrast: true\n        }\"\n      ></cds-inline-notification>\n    }\n  }\n\n  <div class=\"m-2\">\n    <ng-template #formViewModelComponent></ng-template>\n    <ng-template #formCustomComponent></ng-template>\n  </div>\n</ng-container>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.ConfigService }, { type: i2.DocumentService }, { type: i1$1.GlobalNotificationService }, { type: i3.IconService }, { type: i4$2.NGXLogger }, { type: i9.ValtimoModalService }, { type: i3$1.PermissionService }, { type: i7.ProcessLinkService }, { type: i1$2.Router }, { type: i9.FormIoStateService }, { type: TaskIntermediateSaveService }, { type: TaskService }, { type: i4$1.TranslateService }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1$1.ConfigService }, { type: i2.DocumentService }, { type: i1$1.GlobalNotificationService }, { type: i2$1.IconService }, { type: i4.NGXLogger }, { type: i9.ValtimoModalService }, { type: i3.PermissionService }, { type: i7.ProcessLinkService }, { type: i1$2.Router }, { type: i9.FormIoStateService }, { type: TaskIntermediateSaveService }, { type: TaskService }, { type: i4$1.TranslateService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -1720,10 +1454,10 @@ class TaskDetailIntermediateSaveComponent {
             this.currentIntermediateSaveEvent.emit(this.currentIntermediateSave);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskDetailIntermediateSaveComponent, deps: [{ token: i1$1.ConfigService }, { token: i1$1.GlobalNotificationService }, { token: i3.IconService }, { token: TaskIntermediateSaveService }, { token: TaskService }, { token: i4$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TaskDetailIntermediateSaveComponent, isStandalone: true, selector: "valtimo-task-detail-intermediate-save", inputs: { task: "task", taskAndProcessLink: "taskAndProcessLink" }, outputs: { currentIntermediateSaveEvent: "currentIntermediateSaveEvent", showModalEvent: "showModalEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if (intermediateSaveEnabled && (formFlowInstanceId$ | async) === undefined) {\n  <button\n    cdsButton=\"ghost\"\n    iconOnly=\"true\"\n    cdsIcon=\"save\"\n    [vTooltip]=\"'formManagement.intermediateSave.save' | translate\"\n    (click)=\"saveCurrentProgress()\"\n  ></button>\n\n  <button\n    cdsButton=\"ghost\"\n    iconOnly=\"true\"\n    cdsIcon=\"recently-viewed\"\n    [disabled]=\"!currentIntermediateSave\"\n    [vTooltip]=\"'formManagement.intermediateSave.clear' | translate\"\n    (click)=\"revertSaveClick()\"\n  ></button>\n}\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showConfirmationModal$\"\n  (confirmEvent)=\"clearCurrentProgress()\"\n  (cancelEvent)=\"showConfirmationModal$.next(false)\"\n  cancelButtonType=\"ghost\"\n  confirmButtonTextTranslationKey=\"interface.confirm\"\n  titleTranslationKey=\"formManagement.intermediateSave.clear\"\n  contentTranslationKey=\"formManagement.intermediateSave.clearConfirm\"\n></valtimo-confirmation-modal>\n", styles: [":host{flex-shrink:0}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i11.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i9.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i3.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: ModalModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i9.TooltipDirective, selector: "[vTooltip]", inputs: ["vTooltip", "onBottom", "tooltipDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskDetailIntermediateSaveComponent, deps: [{ token: i1$1.ConfigService }, { token: i1$1.GlobalNotificationService }, { token: i2$1.IconService }, { token: TaskIntermediateSaveService }, { token: TaskService }, { token: i4$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: TaskDetailIntermediateSaveComponent, isStandalone: true, selector: "valtimo-task-detail-intermediate-save", inputs: { task: "task", taskAndProcessLink: "taskAndProcessLink" }, outputs: { currentIntermediateSaveEvent: "currentIntermediateSaveEvent", showModalEvent: "showModalEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if (intermediateSaveEnabled && (formFlowInstanceId$ | async) === undefined) {\n  <button\n    cdsButton=\"ghost\"\n    iconOnly=\"true\"\n    cdsIcon=\"save\"\n    [vTooltip]=\"'formManagement.intermediateSave.save' | translate\"\n    (click)=\"saveCurrentProgress()\"\n  ></button>\n\n  <button\n    cdsButton=\"ghost\"\n    iconOnly=\"true\"\n    cdsIcon=\"recently-viewed\"\n    [disabled]=\"!currentIntermediateSave\"\n    [vTooltip]=\"'formManagement.intermediateSave.clear' | translate\"\n    (click)=\"revertSaveClick()\"\n  ></button>\n}\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showConfirmationModal$\"\n  (confirmEvent)=\"clearCurrentProgress()\"\n  (cancelEvent)=\"showConfirmationModal$.next(false)\"\n  cancelButtonType=\"ghost\"\n  confirmButtonTextTranslationKey=\"interface.confirm\"\n  titleTranslationKey=\"formManagement.intermediateSave.clear\"\n  contentTranslationKey=\"formManagement.intermediateSave.clearConfirm\"\n></valtimo-confirmation-modal>\n", styles: [":host{flex-shrink:0}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i9.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: ModalModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i9.TooltipDirective, selector: "[vTooltip]", inputs: ["vTooltip", "onBottom", "tooltipDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskDetailIntermediateSaveComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskDetailIntermediateSaveComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-task-detail-intermediate-save', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CommonModule,
@@ -1734,7 +1468,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         ModalModule,
                         TooltipModule,
                     ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if (intermediateSaveEnabled && (formFlowInstanceId$ | async) === undefined) {\n  <button\n    cdsButton=\"ghost\"\n    iconOnly=\"true\"\n    cdsIcon=\"save\"\n    [vTooltip]=\"'formManagement.intermediateSave.save' | translate\"\n    (click)=\"saveCurrentProgress()\"\n  ></button>\n\n  <button\n    cdsButton=\"ghost\"\n    iconOnly=\"true\"\n    cdsIcon=\"recently-viewed\"\n    [disabled]=\"!currentIntermediateSave\"\n    [vTooltip]=\"'formManagement.intermediateSave.clear' | translate\"\n    (click)=\"revertSaveClick()\"\n  ></button>\n}\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showConfirmationModal$\"\n  (confirmEvent)=\"clearCurrentProgress()\"\n  (cancelEvent)=\"showConfirmationModal$.next(false)\"\n  cancelButtonType=\"ghost\"\n  confirmButtonTextTranslationKey=\"interface.confirm\"\n  titleTranslationKey=\"formManagement.intermediateSave.clear\"\n  contentTranslationKey=\"formManagement.intermediateSave.clearConfirm\"\n></valtimo-confirmation-modal>\n", styles: [":host{flex-shrink:0}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.ConfigService }, { type: i1$1.GlobalNotificationService }, { type: i3.IconService }, { type: TaskIntermediateSaveService }, { type: TaskService }, { type: i4$1.TranslateService }], propDecorators: { task: [{
+        }], ctorParameters: () => [{ type: i1$1.ConfigService }, { type: i1$1.GlobalNotificationService }, { type: i2$1.IconService }, { type: TaskIntermediateSaveService }, { type: TaskService }, { type: i4$1.TranslateService }], propDecorators: { task: [{
                 type: Input
             }], taskAndProcessLink: [{
                 type: Input
@@ -1898,10 +1632,10 @@ class SetTaskDueDateComponent {
             type: 'info',
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SetTaskDueDateComponent, deps: [{ token: i9.CdsThemeService }, { token: i3.IconService }, { token: TaskService }, { token: i4$1.TranslateService }, { token: i1$1.GlobalNotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SetTaskDueDateComponent, isStandalone: true, selector: "valtimo-set-task-due-date", inputs: { canModifyTask: "canModifyTask", task: "task" }, outputs: { dueDateChanged: "dueDateChanged" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<ng-container\n  *ngIf=\"\n    (canModifyTaskSet$ | async) && {\n      hasDueDate: hasDueDate$ | async,\n      taskDueDate: taskDueDate$ | async,\n      selectedDateString: selectedDateString$ | async,\n      disabled: disabled$ | async,\n      mouseIsOverDueDate: mouseIsOverDueDate$ | async,\n      canModifyTask: canModifyTask$ | async,\n      language: language$ | async,\n      showDatePicker: showDatePicker$ | async,\n      editToggletipOpen: editToggletipOpen$ | async,\n    } as obs\n  \"\n>\n  <div\n    *ngIf=\"obs.canModifyTask || (!obs.canModifyTask && obs.hasDueDate)\"\n    class=\"due-date-container\"\n    (mouseenter)=\"onMouseEnterDueDate()\"\n    (mouseleave)=\"onMouseLeaveDueDate()\"\n  >\n    <div\n      class=\"due-date-text element\"\n      [ngClass]=\"{\n        active: obs.canModifyTask\n          ? obs.hasDueDate && !obs.mouseIsOverDueDate && !obs.editToggletipOpen\n          : obs.hasDueDate,\n      }\"\n    >\n      <span class=\"bold\">{{ 'setTaskDueDate.dueDateText' | translate }}</span>\n      &nbsp;\n      {{ obs.taskDueDate | date: 'dd-MM-yyyy' }}\n    </div>\n\n    <cds-toggletip\n      *ngIf=\"obs.canModifyTask\"\n      align=\"bottom\"\n      class=\"element\"\n      [autoAlign]=\"true\"\n      [isOpen]=\"open$ | async\"\n      [ngClass]=\"{active: obs.hasDueDate && (obs.mouseIsOverDueDate || obs.editToggletipOpen)}\"\n      (onOpen)=\"initEditWithCurrentDate()\"\n      (onClose)=\"onCloseEditToggletip()\"\n    >\n      <button\n        cdsToggletipButton\n        [removeClassnames]=\"['cds--toggletip-button']\"\n        cdsButton=\"ghost\"\n        size=\"sm\"\n        class=\"click-to-edit-button\"\n      >\n        {{ 'setTaskDueDate.clickToEdit' | translate }}\n      </button>\n\n      <div cdsToggletipContent class=\"assign-due-date-popover-content\">\n        <cds-date-picker\n          *ngIf=\"obs.showDatePicker\"\n          [attr.data-carbon-theme]=\"toggletipDropdownTheme$ | async\"\n          [cdsLayer]=\"1\"\n          [label]=\"'setTaskDueDate.label' | translate\"\n          [language]=\"obs.language\"\n          [placeholder]=\"'dd-mm-jjjj'\"\n          dateFormat=\"d/m/Y\"\n          [value]=\"obs.taskDueDate ? [obs.taskDueDate] : []\"\n          [disabled]=\"obs.disabled\"\n          (valueChange)=\"onDateValueChange($event)\"\n        ></cds-date-picker>\n\n        <button\n          cdsButton\n          [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n          class=\"submit-due-date-button\"\n          [disabled]=\"!obs.selectedDateString || obs.disabled\"\n          (click)=\"onSubmitButtonClick()\"\n        >\n          {{ 'setTaskDueDate.submitButtonText' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"calendar--add\" size=\"16\"></svg>\n        </button>\n\n        <button\n          cdsButton=\"danger--tertiary\"\n          [cdsLayer]=\"1\"\n          [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n          [disabled]=\"obs.disabled\"\n          (click)=\"onRemoveButtonClick()\"\n        >\n          {{ 'setTaskDueDate.removeButtonText' | translate }}\n        </button>\n      </div>\n    </cds-toggletip>\n\n    <cds-toggletip\n      align=\"bottom\"\n      class=\"element main\"\n      [autoAlign]=\"true\"\n      [isOpen]=\"open$ | async\"\n      [ngClass]=\"{active: !obs.hasDueDate}\"\n      (onOpen)=\"clear()\"\n    >\n      <button\n        cdsToggletipButton\n        [removeClassnames]=\"['cds--toggletip-button']\"\n        cdsButton=\"tertiary\"\n        size=\"sm\"\n        class=\"set-task-due-date-button\"\n      >\n        {{ 'setTaskDueDate.buttonText' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"calendar--add\" size=\"16\"></svg>\n      </button>\n\n      <div cdsToggletipContent class=\"assign-due-date-popover-content\">\n        <cds-date-picker\n          *ngIf=\"!obs.hasDueDate && obs.showDatePicker\"\n          [attr.data-carbon-theme]=\"toggletipDropdownTheme$ | async\"\n          [cdsLayer]=\"1\"\n          [label]=\"'setTaskDueDate.label' | translate\"\n          [language]=\"obs.language\"\n          [placeholder]=\"'dd-mm-jjjj'\"\n          dateFormat=\"d/m/Y\"\n          [disabled]=\"obs.disabled\"\n          (valueChange)=\"onDateValueChange($event)\"\n        ></cds-date-picker>\n\n        <button\n          cdsButton\n          [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n          class=\"submit-due-date-button\"\n          [disabled]=\"!obs.selectedDateString || obs.disabled\"\n          (click)=\"onSubmitButtonClick()\"\n        >\n          {{ 'setTaskDueDate.submitButtonText' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"calendar--add\" size=\"16\"></svg>\n        </button>\n      </div>\n    </cds-toggletip>\n  </div>\n</ng-container>\n", styles: [":host ::ng-deep .cds--popover-content{max-inline-size:unset}.due-date-container{display:flex;align-items:center;justify-content:center;position:relative;font-weight:400;font-size:14px;line-height:18px;letter-spacing:.16px;color:var(--cds-link-01)}.due-date-container .bold{font-weight:700}.due-date-text{display:flex;justify-content:flex-start;align-items:center;width:100%}.element{opacity:0;visibility:hidden;position:absolute;width:100%;transition:opacity .3s ease-in-out}.element.active{opacity:1;visibility:visible}.element.main{position:relative;width:auto}.assign-due-date-popover-content{width:400px;max-inline-size:400px;display:flex;flex-direction:column;gap:16px}.assign-due-date-popover-content .cds--btn{width:100%;max-width:unset}.assign-due-date-popover-content ::ng-deep .cds--date-picker-input__wrapper,.assign-due-date-popover-content ::ng-deep .cds--date-picker-input__wrapper>span,.assign-due-date-popover-content ::ng-deep .cds--date-picker-container,.assign-due-date-popover-content ::ng-deep .cds--date-picker,.assign-due-date-popover-content ::ng-deep .cds--date-picker__input{width:100%}.set-task-due-date-button{width:250px}.click-to-edit-button{width:100%}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i11.AsyncPipe, name: "async" }, { kind: "pipe", type: i11.DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i3.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: ToggletipModule }, { kind: "component", type: i3.Toggletip, selector: "cds-toggletip, ibm-toggletip", inputs: ["id", "isOpen"] }, { kind: "directive", type: i3.ToggletipButton, selector: "[cdsToggletipButton], [ibmToggletipButton]", inputs: ["ariaLabel"] }, { kind: "directive", type: i3.ToggletipContent, selector: "[cdsToggletipContent], [ibmToggletipContent]" }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i3.DatePicker, selector: "cds-date-picker, ibm-date-picker", inputs: ["range", "dateFormat", "language", "label", "helperText", "rangeHelperText", "rangeLabel", "placeholder", "ariaLabel", "inputPattern", "id", "value", "theme", "disabled", "readonly", "invalid", "invalidText", "warn", "warnText", "size", "rangeInvalid", "rangeInvalidText", "rangeWarn", "rangeWarnText", "skeleton", "plugins", "flatpickrOptions"], outputs: ["valueChange", "onClose"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i3.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "directive", type: RemoveClassnamesDirective, selector: "[removeClassnames]", inputs: ["removeClassnames"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SetTaskDueDateComponent, deps: [{ token: i9.CdsThemeService }, { token: i2$1.IconService }, { token: TaskService }, { token: i4$1.TranslateService }, { token: i1$1.GlobalNotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: SetTaskDueDateComponent, isStandalone: true, selector: "valtimo-set-task-due-date", inputs: { canModifyTask: "canModifyTask", task: "task" }, outputs: { dueDateChanged: "dueDateChanged" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<ng-container\n  *ngIf=\"\n    (canModifyTaskSet$ | async) && {\n      hasDueDate: hasDueDate$ | async,\n      taskDueDate: taskDueDate$ | async,\n      selectedDateString: selectedDateString$ | async,\n      disabled: disabled$ | async,\n      mouseIsOverDueDate: mouseIsOverDueDate$ | async,\n      canModifyTask: canModifyTask$ | async,\n      language: language$ | async,\n      showDatePicker: showDatePicker$ | async,\n      editToggletipOpen: editToggletipOpen$ | async,\n    } as obs\n  \"\n>\n  <div\n    *ngIf=\"obs.canModifyTask || (!obs.canModifyTask && obs.hasDueDate)\"\n    class=\"due-date-container\"\n    (mouseenter)=\"onMouseEnterDueDate()\"\n    (mouseleave)=\"onMouseLeaveDueDate()\"\n  >\n    <div\n      class=\"due-date-text element\"\n      [ngClass]=\"{\n        active: obs.canModifyTask\n          ? obs.hasDueDate && !obs.mouseIsOverDueDate && !obs.editToggletipOpen\n          : obs.hasDueDate,\n      }\"\n    >\n      <span class=\"bold\">{{ 'setTaskDueDate.dueDateText' | translate }}</span>\n      &nbsp;\n      {{ obs.taskDueDate | date: 'dd-MM-yyyy' }}\n    </div>\n\n    <cds-toggletip\n      *ngIf=\"obs.canModifyTask\"\n      align=\"bottom\"\n      class=\"element\"\n      [autoAlign]=\"true\"\n      [isOpen]=\"open$ | async\"\n      [ngClass]=\"{active: obs.hasDueDate && (obs.mouseIsOverDueDate || obs.editToggletipOpen)}\"\n      (onOpen)=\"initEditWithCurrentDate()\"\n      (onClose)=\"onCloseEditToggletip()\"\n    >\n      <button\n        cdsToggletipButton\n        [removeClassnames]=\"['cds--toggletip-button']\"\n        cdsButton=\"ghost\"\n        size=\"sm\"\n        class=\"click-to-edit-button\"\n      >\n        {{ 'setTaskDueDate.clickToEdit' | translate }}\n      </button>\n\n      <div cdsToggletipContent class=\"assign-due-date-popover-content\">\n        <cds-date-picker\n          *ngIf=\"obs.showDatePicker\"\n          [attr.data-carbon-theme]=\"toggletipDropdownTheme$ | async\"\n          [cdsLayer]=\"1\"\n          [label]=\"'setTaskDueDate.label' | translate\"\n          [language]=\"obs.language\"\n          [placeholder]=\"'dd-mm-jjjj'\"\n          dateFormat=\"d/m/Y\"\n          [value]=\"obs.taskDueDate ? [obs.taskDueDate] : []\"\n          [disabled]=\"obs.disabled\"\n          (valueChange)=\"onDateValueChange($event)\"\n        ></cds-date-picker>\n\n        <button\n          cdsButton\n          [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n          class=\"submit-due-date-button\"\n          [disabled]=\"!obs.selectedDateString || obs.disabled\"\n          (click)=\"onSubmitButtonClick()\"\n        >\n          {{ 'setTaskDueDate.submitButtonText' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"calendar--add\" size=\"16\"></svg>\n        </button>\n\n        <button\n          cdsButton=\"danger--tertiary\"\n          [cdsLayer]=\"1\"\n          [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n          [disabled]=\"obs.disabled\"\n          (click)=\"onRemoveButtonClick()\"\n        >\n          {{ 'setTaskDueDate.removeButtonText' | translate }}\n        </button>\n      </div>\n    </cds-toggletip>\n\n    <cds-toggletip\n      align=\"bottom\"\n      class=\"element main\"\n      [autoAlign]=\"true\"\n      [isOpen]=\"open$ | async\"\n      [ngClass]=\"{active: !obs.hasDueDate}\"\n      (onOpen)=\"clear()\"\n    >\n      <button\n        cdsToggletipButton\n        [removeClassnames]=\"['cds--toggletip-button']\"\n        cdsButton=\"tertiary\"\n        size=\"sm\"\n        class=\"set-task-due-date-button\"\n      >\n        {{ 'setTaskDueDate.buttonText' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"calendar--add\" size=\"16\"></svg>\n      </button>\n\n      <div cdsToggletipContent class=\"assign-due-date-popover-content\">\n        <cds-date-picker\n          *ngIf=\"!obs.hasDueDate && obs.showDatePicker\"\n          [attr.data-carbon-theme]=\"toggletipDropdownTheme$ | async\"\n          [cdsLayer]=\"1\"\n          [label]=\"'setTaskDueDate.label' | translate\"\n          [language]=\"obs.language\"\n          [placeholder]=\"'dd-mm-jjjj'\"\n          dateFormat=\"d/m/Y\"\n          [disabled]=\"obs.disabled\"\n          (valueChange)=\"onDateValueChange($event)\"\n        ></cds-date-picker>\n\n        <button\n          cdsButton\n          [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n          class=\"submit-due-date-button\"\n          [disabled]=\"!obs.selectedDateString || obs.disabled\"\n          (click)=\"onSubmitButtonClick()\"\n        >\n          {{ 'setTaskDueDate.submitButtonText' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"calendar--add\" size=\"16\"></svg>\n        </button>\n      </div>\n    </cds-toggletip>\n  </div>\n</ng-container>\n", styles: [":host ::ng-deep .cds--popover-content{max-inline-size:unset}.due-date-container{display:flex;align-items:center;justify-content:center;position:relative;font-weight:400;font-size:14px;line-height:18px;letter-spacing:.16px;color:var(--cds-link-01)}.due-date-container .bold{font-weight:700}.due-date-text{display:flex;justify-content:flex-start;align-items:center;width:100%}.element{opacity:0;visibility:hidden;position:absolute;width:100%;transition:opacity .3s ease-in-out}.element.active{opacity:1;visibility:visible}.element.main{position:relative;width:auto}.assign-due-date-popover-content{width:400px;max-inline-size:400px;display:flex;flex-direction:column;gap:16px}.assign-due-date-popover-content .cds--btn{width:100%;max-width:unset}.assign-due-date-popover-content ::ng-deep .cds--date-picker-input__wrapper,.assign-due-date-popover-content ::ng-deep .cds--date-picker-input__wrapper>span,.assign-due-date-popover-content ::ng-deep .cds--date-picker-container,.assign-due-date-popover-content ::ng-deep .cds--date-picker,.assign-due-date-popover-content ::ng-deep .cds--date-picker__input{width:100%}.set-task-due-date-button{width:250px}.click-to-edit-button{width:100%}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: ToggletipModule }, { kind: "component", type: i2$1.Toggletip, selector: "cds-toggletip, ibm-toggletip", inputs: ["id", "isOpen"] }, { kind: "directive", type: i2$1.ToggletipButton, selector: "[cdsToggletipButton], [ibmToggletipButton]", inputs: ["ariaLabel"] }, { kind: "directive", type: i2$1.ToggletipContent, selector: "[cdsToggletipContent], [ibmToggletipContent]" }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2$1.DatePicker, selector: "cds-date-picker, ibm-date-picker", inputs: ["range", "dateFormat", "language", "label", "helperText", "rangeHelperText", "rangeLabel", "placeholder", "ariaLabel", "inputPattern", "id", "value", "theme", "disabled", "readonly", "invalid", "invalidText", "warn", "warnText", "size", "rangeInvalid", "rangeInvalidText", "rangeWarn", "rangeWarnText", "skeleton", "plugins", "flatpickrOptions"], outputs: ["valueChange", "onClose"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i2$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "directive", type: RemoveClassnamesDirective, selector: "[removeClassnames]", inputs: ["removeClassnames"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SetTaskDueDateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SetTaskDueDateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-set-task-due-date', standalone: true, imports: [
                         CommonModule,
@@ -1913,7 +1647,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         LayerModule,
                         RemoveClassnamesDirective,
                     ], template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<ng-container\n  *ngIf=\"\n    (canModifyTaskSet$ | async) && {\n      hasDueDate: hasDueDate$ | async,\n      taskDueDate: taskDueDate$ | async,\n      selectedDateString: selectedDateString$ | async,\n      disabled: disabled$ | async,\n      mouseIsOverDueDate: mouseIsOverDueDate$ | async,\n      canModifyTask: canModifyTask$ | async,\n      language: language$ | async,\n      showDatePicker: showDatePicker$ | async,\n      editToggletipOpen: editToggletipOpen$ | async,\n    } as obs\n  \"\n>\n  <div\n    *ngIf=\"obs.canModifyTask || (!obs.canModifyTask && obs.hasDueDate)\"\n    class=\"due-date-container\"\n    (mouseenter)=\"onMouseEnterDueDate()\"\n    (mouseleave)=\"onMouseLeaveDueDate()\"\n  >\n    <div\n      class=\"due-date-text element\"\n      [ngClass]=\"{\n        active: obs.canModifyTask\n          ? obs.hasDueDate && !obs.mouseIsOverDueDate && !obs.editToggletipOpen\n          : obs.hasDueDate,\n      }\"\n    >\n      <span class=\"bold\">{{ 'setTaskDueDate.dueDateText' | translate }}</span>\n      &nbsp;\n      {{ obs.taskDueDate | date: 'dd-MM-yyyy' }}\n    </div>\n\n    <cds-toggletip\n      *ngIf=\"obs.canModifyTask\"\n      align=\"bottom\"\n      class=\"element\"\n      [autoAlign]=\"true\"\n      [isOpen]=\"open$ | async\"\n      [ngClass]=\"{active: obs.hasDueDate && (obs.mouseIsOverDueDate || obs.editToggletipOpen)}\"\n      (onOpen)=\"initEditWithCurrentDate()\"\n      (onClose)=\"onCloseEditToggletip()\"\n    >\n      <button\n        cdsToggletipButton\n        [removeClassnames]=\"['cds--toggletip-button']\"\n        cdsButton=\"ghost\"\n        size=\"sm\"\n        class=\"click-to-edit-button\"\n      >\n        {{ 'setTaskDueDate.clickToEdit' | translate }}\n      </button>\n\n      <div cdsToggletipContent class=\"assign-due-date-popover-content\">\n        <cds-date-picker\n          *ngIf=\"obs.showDatePicker\"\n          [attr.data-carbon-theme]=\"toggletipDropdownTheme$ | async\"\n          [cdsLayer]=\"1\"\n          [label]=\"'setTaskDueDate.label' | translate\"\n          [language]=\"obs.language\"\n          [placeholder]=\"'dd-mm-jjjj'\"\n          dateFormat=\"d/m/Y\"\n          [value]=\"obs.taskDueDate ? [obs.taskDueDate] : []\"\n          [disabled]=\"obs.disabled\"\n          (valueChange)=\"onDateValueChange($event)\"\n        ></cds-date-picker>\n\n        <button\n          cdsButton\n          [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n          class=\"submit-due-date-button\"\n          [disabled]=\"!obs.selectedDateString || obs.disabled\"\n          (click)=\"onSubmitButtonClick()\"\n        >\n          {{ 'setTaskDueDate.submitButtonText' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"calendar--add\" size=\"16\"></svg>\n        </button>\n\n        <button\n          cdsButton=\"danger--tertiary\"\n          [cdsLayer]=\"1\"\n          [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n          [disabled]=\"obs.disabled\"\n          (click)=\"onRemoveButtonClick()\"\n        >\n          {{ 'setTaskDueDate.removeButtonText' | translate }}\n        </button>\n      </div>\n    </cds-toggletip>\n\n    <cds-toggletip\n      align=\"bottom\"\n      class=\"element main\"\n      [autoAlign]=\"true\"\n      [isOpen]=\"open$ | async\"\n      [ngClass]=\"{active: !obs.hasDueDate}\"\n      (onOpen)=\"clear()\"\n    >\n      <button\n        cdsToggletipButton\n        [removeClassnames]=\"['cds--toggletip-button']\"\n        cdsButton=\"tertiary\"\n        size=\"sm\"\n        class=\"set-task-due-date-button\"\n      >\n        {{ 'setTaskDueDate.buttonText' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"calendar--add\" size=\"16\"></svg>\n      </button>\n\n      <div cdsToggletipContent class=\"assign-due-date-popover-content\">\n        <cds-date-picker\n          *ngIf=\"!obs.hasDueDate && obs.showDatePicker\"\n          [attr.data-carbon-theme]=\"toggletipDropdownTheme$ | async\"\n          [cdsLayer]=\"1\"\n          [label]=\"'setTaskDueDate.label' | translate\"\n          [language]=\"obs.language\"\n          [placeholder]=\"'dd-mm-jjjj'\"\n          dateFormat=\"d/m/Y\"\n          [disabled]=\"obs.disabled\"\n          (valueChange)=\"onDateValueChange($event)\"\n        ></cds-date-picker>\n\n        <button\n          cdsButton\n          [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n          class=\"submit-due-date-button\"\n          [disabled]=\"!obs.selectedDateString || obs.disabled\"\n          (click)=\"onSubmitButtonClick()\"\n        >\n          {{ 'setTaskDueDate.submitButtonText' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"calendar--add\" size=\"16\"></svg>\n        </button>\n      </div>\n    </cds-toggletip>\n  </div>\n</ng-container>\n", styles: [":host ::ng-deep .cds--popover-content{max-inline-size:unset}.due-date-container{display:flex;align-items:center;justify-content:center;position:relative;font-weight:400;font-size:14px;line-height:18px;letter-spacing:.16px;color:var(--cds-link-01)}.due-date-container .bold{font-weight:700}.due-date-text{display:flex;justify-content:flex-start;align-items:center;width:100%}.element{opacity:0;visibility:hidden;position:absolute;width:100%;transition:opacity .3s ease-in-out}.element.active{opacity:1;visibility:visible}.element.main{position:relative;width:auto}.assign-due-date-popover-content{width:400px;max-inline-size:400px;display:flex;flex-direction:column;gap:16px}.assign-due-date-popover-content .cds--btn{width:100%;max-width:unset}.assign-due-date-popover-content ::ng-deep .cds--date-picker-input__wrapper,.assign-due-date-popover-content ::ng-deep .cds--date-picker-input__wrapper>span,.assign-due-date-popover-content ::ng-deep .cds--date-picker-container,.assign-due-date-popover-content ::ng-deep .cds--date-picker,.assign-due-date-popover-content ::ng-deep .cds--date-picker__input{width:100%}.set-task-due-date-button{width:250px}.click-to-edit-button{width:100%}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i9.CdsThemeService }, { type: i3.IconService }, { type: TaskService }, { type: i4$1.TranslateService }, { type: i1$1.GlobalNotificationService }], propDecorators: { dueDateChanged: [{
+        }], ctorParameters: () => [{ type: i9.CdsThemeService }, { type: i2$1.IconService }, { type: TaskService }, { type: i4$1.TranslateService }, { type: i1$1.GlobalNotificationService }], propDecorators: { dueDateChanged: [{
                 type: Output
             }], canModifyTask: [{
                 type: Input
@@ -1977,6 +1711,14 @@ class TaskDetailModalComponent {
         this.canModifyTask$ = new BehaviorSubject(false);
         this.modalCloseEvent$ = new BehaviorSubject(false);
         this.modalOpen$ = new BehaviorSubject(false);
+        this.candidateUsers$ = combineLatest([
+            this.task$.pipe(filter$1(task => !!task)),
+            this.canAssignUserToTask$,
+        ]).pipe(switchMap$1(([task, canAssign]) => canAssign ? this.taskService.getCandidateUsers(task.id) : of([])), shareReplay(1));
+        this.candidateTeams$ = combineLatest([
+            this.task$.pipe(filter$1(task => !!task)),
+            this.canAssignUserToTask$,
+        ]).pipe(switchMap$1(([task, canAssign]) => canAssign ? this.taskService.getCandidateTeams(task.id).pipe(map(page => page.content)) : of([])), shareReplay(1));
         this._subscriptions = new Subscription();
         this.iconService.registerAll([FolderDetailsReference16]);
     }
@@ -2060,6 +1802,19 @@ class TaskDetailModalComponent {
             }
         }));
     }
+    refreshTask(response) {
+        const currentTask = this.task$.getValue();
+        const fetchedTask = response.task;
+        if (!currentTask || !fetchedTask)
+            return;
+        const mergedTask = { ...currentTask };
+        for (const [key, value] of Object.entries(fetchedTask)) {
+            if (value !== undefined) {
+                mergedTask[key] = value;
+            }
+        }
+        this.task$.next(mergedTask);
+    }
     showAssigneeNotification(task) {
         if (task.assignee) {
             this.globalNotificationService.showToast({
@@ -2110,6 +1865,35 @@ class TaskDetailModalComponent {
     onTaskUpdated(task) {
         this.task$.next(task);
     }
+    onAssignmentChanged(event) {
+        const task = this.task$.getValue();
+        if (!task)
+            return;
+        const assignRequest = {};
+        if (event.userId !== undefined)
+            assignRequest.assignee = event.userId ?? '';
+        if (event.teamKey !== undefined)
+            assignRequest.assignedTeamKey = event.teamKey ?? '';
+        this.taskService
+            .assignTask(task.id, assignRequest)
+            .pipe(switchMap$1(() => this.taskService.getTask(task.id)), take(1))
+            .subscribe(response => {
+            this.refreshTask(response);
+            this.assignmentOfTaskChanged.emit();
+        });
+    }
+    onUnassigned() {
+        const task = this.task$.getValue();
+        if (!task)
+            return;
+        this.taskService
+            .unassignTask(task.id)
+            .pipe(switchMap$1(() => this.taskService.getTask(task.id)), take(1))
+            .subscribe(response => {
+            this.refreshTask(response);
+            this.assignmentOfTaskChanged.emit();
+        });
+    }
     onFormSubmit() {
         this.formSubmit.emit();
     }
@@ -2135,13 +1919,13 @@ class TaskDetailModalComponent {
             this.cdr.detectChanges();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskDetailModalComponent, deps: [{ token: i1$2.Router }, { token: i4$1.TranslateService }, { token: i3$1.PermissionService }, { token: i4$2.NGXLogger }, { token: TaskIntermediateSaveService }, { token: i6.SseService }, { token: i0.ChangeDetectorRef }, { token: i3.IconService }, { token: i2.DocumentService }, { token: TaskService }, { token: i1$1.GlobalNotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TaskDetailModalComponent, isStandalone: false, selector: "valtimo-task-detail-modal", inputs: { modalSize: "modalSize", openFromCaseManagement: "openFromCaseManagement" }, outputs: { formSubmit: "formSubmit", assignmentOfTaskChanged: "assignmentOfTaskChanged", dueDateChanged: "dueDateChanged", modalClosed: "modalClosed" }, viewQueries: [{ propertyName: "_intermediateSaveComponent", first: true, predicate: TaskDetailIntermediateSaveComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  id=\"taskDetailModal\"\n  [size]=\"size$ | async\"\n  [open]=\"modalOpen$ | async\"\n  (close)=\"closeModal()\"\n  valtimoCdsModal\n  [minContentHeight]=\"480\"\n>\n  <cds-modal-header (closeSelect)=\"closeModal()\">\n    <div class=\"title-container\">\n      <p class=\"cds--modal-header__heading cds--type-beta\">{{ (page$ | async)?.title }}</p>\n\n      <p class=\"cds--modal-header__label cds--type-delta\">{{ (page$ | async)?.subtitle }}</p>\n\n      <p\n        class=\"cds--modal-header__label cds--type-delta\"\n        *ngIf=\"currentIntermediateSave$ | async as currentIntermediateSave\"\n      >\n        {{ 'formManagement.intermediateSave.lastSavedBy' | translate }}:\n\n        {{\n          currentIntermediateSave?.editedBy\n            ? currentIntermediateSave?.editedBy\n            : currentIntermediateSave.createdBy\n        }}\n\n        {{ 'formManagement.intermediateSave.on' | translate }}:\n\n        {{\n          currentIntermediateSave?.editedOn\n            ? currentIntermediateSave?.editedOn\n            : currentIntermediateSave.createdOn\n        }}\n      </p>\n\n      <ng-container *ngTemplateOutlet=\"assignUserToTask\"></ng-container>\n    </div>\n\n    <div class=\"save-buttons-margin\">\n      <button\n        *ngIf=\"!(openFromCaseManagement$ | async)\"\n        cdsButton=\"ghost\"\n        iconOnly=\"true\"\n        cdsIcon=\"folder--details--reference\"\n        [vTooltip]=\"'formManagement.navigateToRelatedCase' | translate\"\n        (click)=\"openRelatedCase()\"\n      ></button>\n\n      @if (processLinkPreloaded$ | async) {\n        <valtimo-task-detail-intermediate-save\n          [taskAndProcessLink]=\"taskAndProcessLink$ | async\"\n          (currentIntermediateSaveEvent)=\"onCurrentIntermediateSaveEvent($event)\"\n          (showModalEvent)=\"onShowModalEvent()\"\n        ></valtimo-task-detail-intermediate-save>\n      } @else {\n        <valtimo-task-detail-intermediate-save\n          [task]=\"task$ | async\"\n          (currentIntermediateSaveEvent)=\"onCurrentIntermediateSaveEvent($event)\"\n          (showModalEvent)=\"onShowModalEvent()\"\n        ></valtimo-task-detail-intermediate-save>\n      }\n    </div>\n  </cds-modal-header>\n\n  <div body class=\"cds--modal-content pb-1\">\n    @if (processLinkPreloaded$ | async) {\n      <valtimo-task-detail-content\n        [taskAndProcessLink]=\"taskAndProcessLink$ | async\"\n        [modalClosed]=\"modalCloseEvent$ | async\"\n        (formSubmit)=\"onFormSubmit()\"\n        (closeModalEvent)=\"closeModal()\"\n        (taskUpdated)=\"onTaskUpdated($event)\"\n      ></valtimo-task-detail-content>\n    } @else {\n      <valtimo-task-detail-content\n        [task]=\"task$ | async\"\n        [modalClosed]=\"modalCloseEvent$ | async\"\n        (formSubmit)=\"onFormSubmit()\"\n        (closeModalEvent)=\"closeModal()\"\n        (taskUpdated)=\"onTaskUpdated($event)\"\n      ></valtimo-task-detail-content>\n    }\n  </div>\n</cds-modal>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showConfirmationModal$\"\n  (confirmEvent)=\"clearCurrentProgress()\"\n  (cancelEvent)=\"showConfirmationModal$.next(false)\"\n  cancelButtonType=\"ghost\"\n  confirmButtonTextTranslationKey=\"interface.confirm\"\n  titleTranslationKey=\"formManagement.intermediateSave.clear\"\n  contentTranslationKey=\"formManagement.intermediateSave.clearConfirm\"\n></valtimo-confirmation-modal>\n\n<ng-template #assignUserToTask>\n  <div\n    *ngIf=\"{\n      task: task$ | async,\n      canAssignUserToTask: canAssignUserToTask$ | async,\n      canModifyTask: canModifyTask$ | async,\n    } as obs\"\n    class=\"task-actions\"\n  >\n    <valtimo-assign-user-to-task\n      *ngIf=\"obs.task && assignmentOfTaskChanged\"\n      [taskId]=\"obs.task.id\"\n      [assigneeId]=\"obs.task.assignee\"\n      [canAssignUserToTask]=\"obs.canAssignUserToTask\"\n      (assignmentOfTaskChanged)=\"assignmentOfTaskChanged.emit()\"\n    ></valtimo-assign-user-to-task>\n\n    <valtimo-set-task-due-date\n      [task]=\"obs.task\"\n      [canModifyTask]=\"obs.canModifyTask\"\n      (dueDateChanged)=\"dueDateChanged.emit()\"\n    ></valtimo-set-task-due-date>\n  </div>\n</ng-template>\n", styles: ["#taskDetailModal .formio-component-submit{text-align:right}#taskDetailModal .cds--modal:not(.is-visible){pointer-events:none}cds-modal-header .cds--modal-header{display:flex;justify-content:space-between}.save-buttons-margin{margin-top:-15px}.task-actions{display:flex;flex-wrap:wrap;width:100%;padding-top:8px;gap:8px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "directive", type: i3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i3.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "directive", type: i9.TooltipDirective, selector: "[vTooltip]", inputs: ["vTooltip", "onBottom", "tooltipDisabled"] }, { kind: "component", type: i9.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: AssignUserToTaskComponent, selector: "valtimo-assign-user-to-task", inputs: ["taskId", "assigneeId", "canAssignUserToTask"], outputs: ["assignmentOfTaskChanged"] }, { kind: "component", type: TaskDetailContentComponent, selector: "valtimo-task-detail-content", inputs: ["task", "taskAndProcessLink", "modalClosed"], outputs: ["closeModalEvent", "formSubmit", "activeChange", "taskUpdated"] }, { kind: "component", type: TaskDetailIntermediateSaveComponent, selector: "valtimo-task-detail-intermediate-save", inputs: ["task", "taskAndProcessLink"], outputs: ["currentIntermediateSaveEvent", "showModalEvent"] }, { kind: "component", type: SetTaskDueDateComponent, selector: "valtimo-set-task-due-date", inputs: ["canModifyTask", "task"], outputs: ["dueDateChanged"] }, { kind: "directive", type: i9.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "pipe", type: i11.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskDetailModalComponent, deps: [{ token: i1$2.Router }, { token: i4$1.TranslateService }, { token: i3.PermissionService }, { token: i4.NGXLogger }, { token: TaskIntermediateSaveService }, { token: i6$1.SseService }, { token: i0.ChangeDetectorRef }, { token: i2$1.IconService }, { token: i2.DocumentService }, { token: TaskService }, { token: i1$1.GlobalNotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: TaskDetailModalComponent, isStandalone: false, selector: "valtimo-task-detail-modal", inputs: { modalSize: "modalSize", openFromCaseManagement: "openFromCaseManagement" }, outputs: { formSubmit: "formSubmit", assignmentOfTaskChanged: "assignmentOfTaskChanged", dueDateChanged: "dueDateChanged", modalClosed: "modalClosed" }, viewQueries: [{ propertyName: "_intermediateSaveComponent", first: true, predicate: TaskDetailIntermediateSaveComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  id=\"taskDetailModal\"\n  [size]=\"size$ | async\"\n  [open]=\"modalOpen$ | async\"\n  (close)=\"closeModal()\"\n  valtimoCdsModal\n  [minContentHeight]=\"480\"\n>\n  <cds-modal-header (closeSelect)=\"closeModal()\">\n    <div class=\"title-container\">\n      <p class=\"cds--modal-header__heading cds--type-beta\">{{ (page$ | async)?.title }}</p>\n\n      <p class=\"cds--modal-header__label cds--type-delta\">{{ (page$ | async)?.subtitle }}</p>\n\n      <p\n        class=\"cds--modal-header__label cds--type-delta\"\n        *ngIf=\"currentIntermediateSave$ | async as currentIntermediateSave\"\n      >\n        {{ 'formManagement.intermediateSave.lastSavedBy' | translate }}:\n\n        {{\n          currentIntermediateSave?.editedBy\n            ? currentIntermediateSave?.editedBy\n            : currentIntermediateSave.createdBy\n        }}\n\n        {{ 'formManagement.intermediateSave.on' | translate }}:\n\n        {{\n          currentIntermediateSave?.editedOn\n            ? currentIntermediateSave?.editedOn\n            : currentIntermediateSave.createdOn\n        }}\n      </p>\n\n      <ng-container *ngTemplateOutlet=\"assignUserToTask\"></ng-container>\n    </div>\n\n    <div class=\"save-buttons-margin\">\n      <button\n        *ngIf=\"!(openFromCaseManagement$ | async)\"\n        cdsButton=\"ghost\"\n        iconOnly=\"true\"\n        cdsIcon=\"folder--details--reference\"\n        [vTooltip]=\"'formManagement.navigateToRelatedCase' | translate\"\n        (click)=\"openRelatedCase()\"\n      ></button>\n\n      @if (processLinkPreloaded$ | async) {\n        <valtimo-task-detail-intermediate-save\n          [taskAndProcessLink]=\"taskAndProcessLink$ | async\"\n          (currentIntermediateSaveEvent)=\"onCurrentIntermediateSaveEvent($event)\"\n          (showModalEvent)=\"onShowModalEvent()\"\n        ></valtimo-task-detail-intermediate-save>\n      } @else {\n        <valtimo-task-detail-intermediate-save\n          [task]=\"task$ | async\"\n          (currentIntermediateSaveEvent)=\"onCurrentIntermediateSaveEvent($event)\"\n          (showModalEvent)=\"onShowModalEvent()\"\n        ></valtimo-task-detail-intermediate-save>\n      }\n    </div>\n  </cds-modal-header>\n\n  <div body class=\"cds--modal-content pb-1\">\n    @if (processLinkPreloaded$ | async) {\n      <valtimo-task-detail-content\n        [taskAndProcessLink]=\"taskAndProcessLink$ | async\"\n        [modalClosed]=\"modalCloseEvent$ | async\"\n        (formSubmit)=\"onFormSubmit()\"\n        (closeModalEvent)=\"closeModal()\"\n        (taskUpdated)=\"onTaskUpdated($event)\"\n      ></valtimo-task-detail-content>\n    } @else {\n      <valtimo-task-detail-content\n        [task]=\"task$ | async\"\n        [modalClosed]=\"modalCloseEvent$ | async\"\n        (formSubmit)=\"onFormSubmit()\"\n        (closeModalEvent)=\"closeModal()\"\n        (taskUpdated)=\"onTaskUpdated($event)\"\n      ></valtimo-task-detail-content>\n    }\n  </div>\n</cds-modal>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showConfirmationModal$\"\n  (confirmEvent)=\"clearCurrentProgress()\"\n  (cancelEvent)=\"showConfirmationModal$.next(false)\"\n  cancelButtonType=\"ghost\"\n  confirmButtonTextTranslationKey=\"interface.confirm\"\n  titleTranslationKey=\"formManagement.intermediateSave.clear\"\n  contentTranslationKey=\"formManagement.intermediateSave.clearConfirm\"\n></valtimo-confirmation-modal>\n\n<ng-template #assignUserToTask>\n  <div\n    *ngIf=\"{\n      task: task$ | async,\n      canAssignUserToTask: canAssignUserToTask$ | async,\n      canModifyTask: canModifyTask$ | async,\n    } as obs\"\n    class=\"task-actions\"\n  >\n    <valtimo-assignment\n      *ngIf=\"obs.task && assignmentOfTaskChanged\"\n      mode=\"task\"\n      [assigneeId]=\"obs.task.assignee\"\n      [assigneeFullName]=\"obs.task.valtimoAssignee?.fullName\"\n      [assignedTeamKey]=\"obs.task.assignedTeam?.key\"\n      [assignedTeamTitle]=\"obs.task.assignedTeam?.title\"\n      [hasPermission]=\"obs.canAssignUserToTask\"\n      [candidateUsers$]=\"candidateUsers$\"\n      [candidateTeams$]=\"candidateTeams$\"\n      (assignmentChangedEvent)=\"onAssignmentChanged($event)\"\n      (unassignedEvent)=\"onUnassigned()\"\n    ></valtimo-assignment>\n\n    <valtimo-set-task-due-date\n      [task]=\"obs.task\"\n      [canModifyTask]=\"obs.canModifyTask\"\n      (dueDateChanged)=\"dueDateChanged.emit()\"\n    ></valtimo-set-task-due-date>\n  </div>\n</ng-template>\n", styles: ["#taskDetailModal .formio-component-submit{text-align:right}#taskDetailModal .cds--modal:not(.is-visible){pointer-events:none}cds-modal-header .cds--modal-header{display:flex;justify-content:space-between}.save-buttons-margin{margin-top:-15px}.task-actions{display:flex;flex-wrap:wrap;width:100%;padding-top:8px;gap:8px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "directive", type: i2$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "directive", type: i9.TooltipDirective, selector: "[vTooltip]", inputs: ["vTooltip", "onBottom", "tooltipDisabled"] }, { kind: "component", type: i9.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: i9.AssignmentComponent, selector: "valtimo-assignment", inputs: ["mode", "hasPermission", "assigneeId", "assigneeFullName", "assignedTeamKey", "assignedTeamTitle", "candidateUsers$", "candidateTeams$"], outputs: ["assignmentChangedEvent", "unassignedEvent"] }, { kind: "component", type: TaskDetailContentComponent, selector: "valtimo-task-detail-content", inputs: ["task", "taskAndProcessLink", "modalClosed"], outputs: ["closeModalEvent", "formSubmit", "activeChange", "taskUpdated"] }, { kind: "component", type: TaskDetailIntermediateSaveComponent, selector: "valtimo-task-detail-intermediate-save", inputs: ["task", "taskAndProcessLink"], outputs: ["currentIntermediateSaveEvent", "showModalEvent"] }, { kind: "component", type: SetTaskDueDateComponent, selector: "valtimo-set-task-due-date", inputs: ["canModifyTask", "task"], outputs: ["dueDateChanged"] }, { kind: "directive", type: i9.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskDetailModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskDetailModalComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'valtimo-task-detail-modal', encapsulation: ViewEncapsulation.None, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  id=\"taskDetailModal\"\n  [size]=\"size$ | async\"\n  [open]=\"modalOpen$ | async\"\n  (close)=\"closeModal()\"\n  valtimoCdsModal\n  [minContentHeight]=\"480\"\n>\n  <cds-modal-header (closeSelect)=\"closeModal()\">\n    <div class=\"title-container\">\n      <p class=\"cds--modal-header__heading cds--type-beta\">{{ (page$ | async)?.title }}</p>\n\n      <p class=\"cds--modal-header__label cds--type-delta\">{{ (page$ | async)?.subtitle }}</p>\n\n      <p\n        class=\"cds--modal-header__label cds--type-delta\"\n        *ngIf=\"currentIntermediateSave$ | async as currentIntermediateSave\"\n      >\n        {{ 'formManagement.intermediateSave.lastSavedBy' | translate }}:\n\n        {{\n          currentIntermediateSave?.editedBy\n            ? currentIntermediateSave?.editedBy\n            : currentIntermediateSave.createdBy\n        }}\n\n        {{ 'formManagement.intermediateSave.on' | translate }}:\n\n        {{\n          currentIntermediateSave?.editedOn\n            ? currentIntermediateSave?.editedOn\n            : currentIntermediateSave.createdOn\n        }}\n      </p>\n\n      <ng-container *ngTemplateOutlet=\"assignUserToTask\"></ng-container>\n    </div>\n\n    <div class=\"save-buttons-margin\">\n      <button\n        *ngIf=\"!(openFromCaseManagement$ | async)\"\n        cdsButton=\"ghost\"\n        iconOnly=\"true\"\n        cdsIcon=\"folder--details--reference\"\n        [vTooltip]=\"'formManagement.navigateToRelatedCase' | translate\"\n        (click)=\"openRelatedCase()\"\n      ></button>\n\n      @if (processLinkPreloaded$ | async) {\n        <valtimo-task-detail-intermediate-save\n          [taskAndProcessLink]=\"taskAndProcessLink$ | async\"\n          (currentIntermediateSaveEvent)=\"onCurrentIntermediateSaveEvent($event)\"\n          (showModalEvent)=\"onShowModalEvent()\"\n        ></valtimo-task-detail-intermediate-save>\n      } @else {\n        <valtimo-task-detail-intermediate-save\n          [task]=\"task$ | async\"\n          (currentIntermediateSaveEvent)=\"onCurrentIntermediateSaveEvent($event)\"\n          (showModalEvent)=\"onShowModalEvent()\"\n        ></valtimo-task-detail-intermediate-save>\n      }\n    </div>\n  </cds-modal-header>\n\n  <div body class=\"cds--modal-content pb-1\">\n    @if (processLinkPreloaded$ | async) {\n      <valtimo-task-detail-content\n        [taskAndProcessLink]=\"taskAndProcessLink$ | async\"\n        [modalClosed]=\"modalCloseEvent$ | async\"\n        (formSubmit)=\"onFormSubmit()\"\n        (closeModalEvent)=\"closeModal()\"\n        (taskUpdated)=\"onTaskUpdated($event)\"\n      ></valtimo-task-detail-content>\n    } @else {\n      <valtimo-task-detail-content\n        [task]=\"task$ | async\"\n        [modalClosed]=\"modalCloseEvent$ | async\"\n        (formSubmit)=\"onFormSubmit()\"\n        (closeModalEvent)=\"closeModal()\"\n        (taskUpdated)=\"onTaskUpdated($event)\"\n      ></valtimo-task-detail-content>\n    }\n  </div>\n</cds-modal>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showConfirmationModal$\"\n  (confirmEvent)=\"clearCurrentProgress()\"\n  (cancelEvent)=\"showConfirmationModal$.next(false)\"\n  cancelButtonType=\"ghost\"\n  confirmButtonTextTranslationKey=\"interface.confirm\"\n  titleTranslationKey=\"formManagement.intermediateSave.clear\"\n  contentTranslationKey=\"formManagement.intermediateSave.clearConfirm\"\n></valtimo-confirmation-modal>\n\n<ng-template #assignUserToTask>\n  <div\n    *ngIf=\"{\n      task: task$ | async,\n      canAssignUserToTask: canAssignUserToTask$ | async,\n      canModifyTask: canModifyTask$ | async,\n    } as obs\"\n    class=\"task-actions\"\n  >\n    <valtimo-assign-user-to-task\n      *ngIf=\"obs.task && assignmentOfTaskChanged\"\n      [taskId]=\"obs.task.id\"\n      [assigneeId]=\"obs.task.assignee\"\n      [canAssignUserToTask]=\"obs.canAssignUserToTask\"\n      (assignmentOfTaskChanged)=\"assignmentOfTaskChanged.emit()\"\n    ></valtimo-assign-user-to-task>\n\n    <valtimo-set-task-due-date\n      [task]=\"obs.task\"\n      [canModifyTask]=\"obs.canModifyTask\"\n      (dueDateChanged)=\"dueDateChanged.emit()\"\n    ></valtimo-set-task-due-date>\n  </div>\n</ng-template>\n", styles: ["#taskDetailModal .formio-component-submit{text-align:right}#taskDetailModal .cds--modal:not(.is-visible){pointer-events:none}cds-modal-header .cds--modal-header{display:flex;justify-content:space-between}.save-buttons-margin{margin-top:-15px}.task-actions{display:flex;flex-wrap:wrap;width:100%;padding-top:8px;gap:8px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.Router }, { type: i4$1.TranslateService }, { type: i3$1.PermissionService }, { type: i4$2.NGXLogger }, { type: TaskIntermediateSaveService }, { type: i6.SseService }, { type: i0.ChangeDetectorRef }, { type: i3.IconService }, { type: i2.DocumentService }, { type: TaskService }, { type: i1$1.GlobalNotificationService }], propDecorators: { _intermediateSaveComponent: [{
+            args: [{ standalone: false, selector: 'valtimo-task-detail-modal', encapsulation: ViewEncapsulation.None, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  id=\"taskDetailModal\"\n  [size]=\"size$ | async\"\n  [open]=\"modalOpen$ | async\"\n  (close)=\"closeModal()\"\n  valtimoCdsModal\n  [minContentHeight]=\"480\"\n>\n  <cds-modal-header (closeSelect)=\"closeModal()\">\n    <div class=\"title-container\">\n      <p class=\"cds--modal-header__heading cds--type-beta\">{{ (page$ | async)?.title }}</p>\n\n      <p class=\"cds--modal-header__label cds--type-delta\">{{ (page$ | async)?.subtitle }}</p>\n\n      <p\n        class=\"cds--modal-header__label cds--type-delta\"\n        *ngIf=\"currentIntermediateSave$ | async as currentIntermediateSave\"\n      >\n        {{ 'formManagement.intermediateSave.lastSavedBy' | translate }}:\n\n        {{\n          currentIntermediateSave?.editedBy\n            ? currentIntermediateSave?.editedBy\n            : currentIntermediateSave.createdBy\n        }}\n\n        {{ 'formManagement.intermediateSave.on' | translate }}:\n\n        {{\n          currentIntermediateSave?.editedOn\n            ? currentIntermediateSave?.editedOn\n            : currentIntermediateSave.createdOn\n        }}\n      </p>\n\n      <ng-container *ngTemplateOutlet=\"assignUserToTask\"></ng-container>\n    </div>\n\n    <div class=\"save-buttons-margin\">\n      <button\n        *ngIf=\"!(openFromCaseManagement$ | async)\"\n        cdsButton=\"ghost\"\n        iconOnly=\"true\"\n        cdsIcon=\"folder--details--reference\"\n        [vTooltip]=\"'formManagement.navigateToRelatedCase' | translate\"\n        (click)=\"openRelatedCase()\"\n      ></button>\n\n      @if (processLinkPreloaded$ | async) {\n        <valtimo-task-detail-intermediate-save\n          [taskAndProcessLink]=\"taskAndProcessLink$ | async\"\n          (currentIntermediateSaveEvent)=\"onCurrentIntermediateSaveEvent($event)\"\n          (showModalEvent)=\"onShowModalEvent()\"\n        ></valtimo-task-detail-intermediate-save>\n      } @else {\n        <valtimo-task-detail-intermediate-save\n          [task]=\"task$ | async\"\n          (currentIntermediateSaveEvent)=\"onCurrentIntermediateSaveEvent($event)\"\n          (showModalEvent)=\"onShowModalEvent()\"\n        ></valtimo-task-detail-intermediate-save>\n      }\n    </div>\n  </cds-modal-header>\n\n  <div body class=\"cds--modal-content pb-1\">\n    @if (processLinkPreloaded$ | async) {\n      <valtimo-task-detail-content\n        [taskAndProcessLink]=\"taskAndProcessLink$ | async\"\n        [modalClosed]=\"modalCloseEvent$ | async\"\n        (formSubmit)=\"onFormSubmit()\"\n        (closeModalEvent)=\"closeModal()\"\n        (taskUpdated)=\"onTaskUpdated($event)\"\n      ></valtimo-task-detail-content>\n    } @else {\n      <valtimo-task-detail-content\n        [task]=\"task$ | async\"\n        [modalClosed]=\"modalCloseEvent$ | async\"\n        (formSubmit)=\"onFormSubmit()\"\n        (closeModalEvent)=\"closeModal()\"\n        (taskUpdated)=\"onTaskUpdated($event)\"\n      ></valtimo-task-detail-content>\n    }\n  </div>\n</cds-modal>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showConfirmationModal$\"\n  (confirmEvent)=\"clearCurrentProgress()\"\n  (cancelEvent)=\"showConfirmationModal$.next(false)\"\n  cancelButtonType=\"ghost\"\n  confirmButtonTextTranslationKey=\"interface.confirm\"\n  titleTranslationKey=\"formManagement.intermediateSave.clear\"\n  contentTranslationKey=\"formManagement.intermediateSave.clearConfirm\"\n></valtimo-confirmation-modal>\n\n<ng-template #assignUserToTask>\n  <div\n    *ngIf=\"{\n      task: task$ | async,\n      canAssignUserToTask: canAssignUserToTask$ | async,\n      canModifyTask: canModifyTask$ | async,\n    } as obs\"\n    class=\"task-actions\"\n  >\n    <valtimo-assignment\n      *ngIf=\"obs.task && assignmentOfTaskChanged\"\n      mode=\"task\"\n      [assigneeId]=\"obs.task.assignee\"\n      [assigneeFullName]=\"obs.task.valtimoAssignee?.fullName\"\n      [assignedTeamKey]=\"obs.task.assignedTeam?.key\"\n      [assignedTeamTitle]=\"obs.task.assignedTeam?.title\"\n      [hasPermission]=\"obs.canAssignUserToTask\"\n      [candidateUsers$]=\"candidateUsers$\"\n      [candidateTeams$]=\"candidateTeams$\"\n      (assignmentChangedEvent)=\"onAssignmentChanged($event)\"\n      (unassignedEvent)=\"onUnassigned()\"\n    ></valtimo-assignment>\n\n    <valtimo-set-task-due-date\n      [task]=\"obs.task\"\n      [canModifyTask]=\"obs.canModifyTask\"\n      (dueDateChanged)=\"dueDateChanged.emit()\"\n    ></valtimo-set-task-due-date>\n  </div>\n</ng-template>\n", styles: ["#taskDetailModal .formio-component-submit{text-align:right}#taskDetailModal .cds--modal:not(.is-visible){pointer-events:none}cds-modal-header .cds--modal-header{display:flex;justify-content:space-between}.save-buttons-margin{margin-top:-15px}.task-actions{display:flex;flex-wrap:wrap;width:100%;padding-top:8px;gap:8px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.Router }, { type: i4$1.TranslateService }, { type: i3.PermissionService }, { type: i4.NGXLogger }, { type: TaskIntermediateSaveService }, { type: i6$1.SseService }, { type: i0.ChangeDetectorRef }, { type: i2$1.IconService }, { type: i2.DocumentService }, { type: TaskService }, { type: i1$1.GlobalNotificationService }], propDecorators: { _intermediateSaveComponent: [{
                 type: ViewChild,
                 args: [TaskDetailIntermediateSaveComponent]
             }], formSubmit: [{
@@ -2217,7 +2001,7 @@ class TaskListComponent {
             this.setParamsFromQueryParams();
         });
     }
-    constructor(configService, documentService, permissionService, router, taskService, taskListService, translateService, taskListColumnService, taskListPaginationService, taskListSortService, taskListSearchService, taskListQueryParamService, pageTitleService, sseService) {
+    constructor(configService, documentService, permissionService, router, taskService, taskListService, translateService, taskListColumnService, taskListPaginationService, taskListSortService, taskListSearchService, taskListQueryParamService, pageTitleService, sseService, teamsApiService) {
         this.configService = configService;
         this.documentService = documentService;
         this.permissionService = permissionService;
@@ -2232,6 +2016,7 @@ class TaskListComponent {
         this.taskListQueryParamService = taskListQueryParamService;
         this.pageTitleService = pageTitleService;
         this.sseService = sseService;
+        this.teamsApiService = teamsApiService;
         this.ALL_CASES_ID = this.taskListService.ALL_CASES_ID;
         this.selectedTaskType$ = this.taskListService.selectedTaskType$;
         this._overrideNoResultsMessage$ = new BehaviorSubject(null);
@@ -2313,6 +2098,7 @@ class TaskListComponent {
         this.searchFields$ = this.taskListSearchService.searchFields$;
         this._DEFAULT_TASK_LIST_TABS = [
             TaskListTab.MINE,
+            TaskListTab.TEAM,
             TaskListTab.OPEN,
             TaskListTab.ALL,
         ];
@@ -2413,15 +2199,14 @@ class TaskListComponent {
         });
     }
     setVisibleTabs() {
-        const visibleTabs = this.configService.config?.visibleTaskListTabs;
-        if (visibleTabs) {
-            this.visibleTabs$.next(visibleTabs);
-            this.taskListService.setSelectedTaskType(visibleTabs[0]);
-        }
-        else {
-            this.visibleTabs$.next(this._DEFAULT_TASK_LIST_TABS);
-            this.taskListService.setSelectedTaskType(this._DEFAULT_TASK_LIST_TABS[0]);
-        }
+        const configuredTabs = this.configService.config?.visibleTaskListTabs || this._DEFAULT_TASK_LIST_TABS;
+        this.teamsApiService.getCurrentUserTeams().subscribe(teams => {
+            const tabs = teams.length > 0
+                ? configuredTabs
+                : configuredTabs.filter(tab => tab !== TaskListTab.TEAM);
+            this.visibleTabs$.next(tabs);
+            this.taskListService.setSelectedTaskType(tabs[0]);
+        });
     }
     disableLoadingAnimation() {
         this._enableLoadingAnimation$.next(false);
@@ -2526,17 +2311,17 @@ class TaskListComponent {
         if (decodedParams.params)
             this.taskListPaginationService.updateTaskPagination(this.taskListService.selectedTaskType, decodedParams.params);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskListComponent, deps: [{ token: i1$1.ConfigService }, { token: i2.DocumentService }, { token: i3$1.PermissionService }, { token: i1$2.Router }, { token: TaskService }, { token: TaskListService }, { token: i4$1.TranslateService }, { token: TaskListColumnService }, { token: TaskListPaginationService }, { token: TaskListSortService }, { token: TaskListSearchService }, { token: TaskListQueryParamService }, { token: i9.PageTitleService }, { token: i6.SseService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TaskListComponent, isStandalone: false, selector: "valtimo-task-list", host: { listeners: { "window:popstate": "onPopState($event)" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskListComponent, deps: [{ token: i1$1.ConfigService }, { token: i2.DocumentService }, { token: i3.PermissionService }, { token: i1$2.Router }, { token: TaskService }, { token: TaskListService }, { token: i4$1.TranslateService }, { token: TaskListColumnService }, { token: TaskListPaginationService }, { token: TaskListSortService }, { token: TaskListSearchService }, { token: TaskListQueryParamService }, { token: i9.PageTitleService }, { token: i6$1.SseService }, { token: i11.TeamsApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: TaskListComponent, isStandalone: false, selector: "valtimo-task-list", host: { listeners: { "window:popstate": "onPopState($event)" } }, providers: [
             TaskListService,
             TaskListColumnService,
             TaskListPaginationService,
             TaskListSortService,
             TaskListSearchService,
             TaskListQueryParamService,
-        ], viewQueries: [{ propertyName: "_taskDetail", first: true, predicate: ["taskDetail"], descendants: true }, { propertyName: "_unreadIndicator", first: true, predicate: ["unreadIndicator"], descendants: true, static: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"{\n    loading: loadingTasks$ | async,\n    selectedTaskType: selectedTaskType$ | async,\n    tasks: tasks$ | async,\n    fields: fields$ | async,\n    visibleTabs: visibleTabs$ | async,\n    pagination: paginationForCurrentTaskTypeForList$ | async,\n    taskListColumnsForCase: taskListColumnsForCase$ | async,\n    sortState: sortStateForCurrentTaskType$ | async,\n    overrideSortState: overrideSortState$ | async,\n    searchFields: searchFields$ | async,\n    loadingSearchFields: loadingSearchFields$ | async,\n    caseDefinitionKey: caseDefinitionKey$ | async,\n    noResultsMessage: noResultsMessage$ | async,\n  } as obs\"\n  class=\"main-content\"\n>\n  <div class=\"container-fluid\">\n    @if (obs.caseDefinitionKey && obs.caseDefinitionKey !== ALL_CASES_ID) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          searchFields;\n          context: {\n            obs: obs,\n          }\n        \"\n      ></ng-container>\n    }\n\n    <ng-container\n      *ngTemplateOutlet=\"\n        tasksList;\n        context: {\n          obs: obs,\n        }\n      \"\n    ></ng-container>\n\n    <ng-container\n      *ngTemplateOutlet=\"\n        tasksListLoading;\n        context: {\n          obs: obs,\n        }\n      \"\n    ></ng-container>\n\n    <valtimo-task-detail-modal\n      #taskDetail\n      (formSubmit)=\"reload()\"\n      (assignmentOfTaskChanged)=\"reload()\"\n      (dueDateChanged)=\"reload()\"\n      (modalClosed)=\"reload()\"\n    ></valtimo-task-detail-modal>\n  </div>\n</div>\n\n<ng-template #configuredTabs let-selectedTaskType=\"selectedTaskType\" let-visibleTabs=\"visibleTabs\">\n  <cds-tabs *ngIf=\"visibleTabs\" type=\"contained\" class=\"valtimo-carbon-list__tabs\">\n    <cds-tab\n      *ngFor=\"let tab of visibleTabs\"\n      [attr.data-testid]=\"'task-list-tab-' + tab\"\n      [heading]=\"'task-list.' + tab + '.title' | translate\"\n      [active]=\"selectedTaskType === tab\"\n      (selected)=\"tabChange(tab)\"\n    ></cds-tab>\n  </cds-tabs>\n</ng-template>\n\n<ng-template #unreadIndicator let-data=\"data\">\n  <span *ngIf=\"!data.item?.isOpened\" class=\"valtimo-task-list__unread-dot\"></span>\n</ng-template>\n\n<ng-template #caseLink let-data=\"data\">\n  <ng-container *ngIf=\"cachedTasks$ | async as cachedTasks\">\n    <div *ngIf=\"cachedTasks[data.index].caseLocked\">\n      <a\n        class=\"float-left cds--link--disabled\"\n        cdsLink\n        href=\"javascript:void(0)\"\n        ngbTooltip=\"{{ 'task-list.caseLocked' | translate }}\"\n        (click)=\"$event.stopPropagation()\"\n      >\n        {{ 'task-list.goToCase' | translate }}\n      </a>\n    </div>\n    <div *ngIf=\"!cachedTasks[data.index].caseLocked\">\n      <a\n        class=\"float-left cds--link\"\n        cdsLink\n        href=\"javascript:void(0)\"\n        (click)=\"openRelatedCase($event, data.index)\"\n      >\n        {{ 'task-list.goToCase' | translate }}\n      </a>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #tasksList let-obs=\"obs\">\n  <valtimo-carbon-list\n    *ngIf=\"!obs.loading\"\n    [fields]=\"obs.fields\"\n    [header]=\"false\"\n    [items]=\"obs.tasks\"\n    [lastColumnTemplate]=\"caseLink\"\n    [pagination]=\"obs.pagination\"\n    paginationIdentifier=\"taskList\"\n    lockedTooltipTranslationKey=\"task-list.rowLocked\"\n    [sortState]=\"obs.overrideSortState || obs.sortState\"\n    (paginationClicked)=\"paginationClicked($event, obs.selectedTaskType)\"\n    (paginationSet)=\"paginationSet($event)\"\n    (rowClicked)=\"rowOpenTaskClick($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n  >\n    <div tabs>\n      <ng-container *ngIf=\"obs.visibleTabs\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            configuredTabs;\n            context: {selectedTaskType: obs.selectedTaskType, visibleTabs: obs.visibleTabs}\n          \"\n        ></ng-container>\n      </ng-container>\n    </div>\n\n    <valtimo-no-results\n      [description]=\"obs.noResultsMessage.description | translate\"\n      [title]=\"obs.noResultsMessage.title | translate\"\n    >\n    </valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #tasksListLoading let-obs=\"obs\">\n  <valtimo-carbon-list *ngIf=\"obs.loading\" [loading]=\"true\">\n    <div tabs>\n      <cds-tabs *ngIf=\"!obs.visibleTabs\" type=\"contained\" class=\"valtimo-carbon-list__tabs\">\n        <cds-tab\n          [heading]=\"'task-list.mine.title' | translate\"\n          [active]=\"obs.selectedTaskType === 'mine'\"\n        >\n        </cds-tab>\n\n        <cds-tab\n          [heading]=\"'task-list.open.title' | translate\"\n          [active]=\"obs.selectedTaskType === 'open'\"\n        >\n        </cds-tab>\n\n        <cds-tab\n          [heading]=\"'task-list.all.title' | translate\"\n          [active]=\"obs.selectedTaskType === 'all'\"\n        >\n        </cds-tab>\n      </cds-tabs>\n\n      <cds-tabs *ngIf=\"obs.visibleTabs\" type=\"contained\" class=\"valtimo-carbon-list__tabs\">\n        <cds-tab\n          *ngFor=\"let tab of obs.visibleTabs\"\n          [heading]=\"'task-list.' + tab + '.title' | translate\"\n          [active]=\"obs.selectedTaskType === tab\"\n        ></cds-tab>\n      </cds-tabs>\n    </div>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #searchFields let-obs=\"obs\">\n  <div class=\"mb-3\">\n    <valtimo-search-fields\n      [searchFields]=\"obs.searchFields\"\n      [inputDisabled]=\"obs.loadingSearchFields\"\n      [caseDefinitionKey]=\"obs.caseDefinitionKey\"\n      [setValuesSubject$]=\"setSearchFieldValuesSubject$\"\n      [clearValuesSubject$]=\"clearSearchFieldValuesSubject$\"\n      (doSearch)=\"search($event)\"\n    >\n    </valtimo-search-fields>\n  </div>\n</ng-template>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <cds-dropdown\n      class=\"case-definition-selection\"\n      *ngIf=\"{\n        loadingCaseListItems: loadingCaseListItems$ | async,\n        caseListItems: caseListItems$ | async,\n      } as obs\"\n      [attr.data-testid]=\"'task-list-case-dropdown'\"\n      [disabled]=\"obs.loadingCaseListItems || (obs.caseListItems || []).length === 1\"\n      [skeleton]=\"obs.loadingCaseListItems\"\n      (selected)=\"setCaseDefinition($event)\"\n    >\n      <cds-dropdown-list [items]=\"obs.caseListItems || []\"></cds-dropdown-list>\n    </cds-dropdown>\n  </ng-template>\n</ng-container>\n", styles: [".cds--link--disabled{cursor:not-allowed;pointer-events:auto!important;outline:0!important}.case-definition-selection{display:flex;width:250px}.valtimo-task-list__unread-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--cds-link-primary)}::ng-deep .valtimo-task-list__unread-column{width:2rem;padding-right:0!important}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i9.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i9.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "directive", type: i12.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i3.Link, selector: "[cdsLink], [ibmLink]", inputs: ["inline", "disabled"] }, { kind: "component", type: i3.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i3.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "directive", type: i9.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: i14.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i14.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i9.SearchFieldsComponent, selector: "valtimo-search-fields", inputs: ["loading", "searchFields", "caseDefinitionKey", "setValuesSubject$", "clearValuesSubject$", "defaultValues", "disableSaveSearch", "inputDisabled", "externalSearchField", "canSaveSearch"], outputs: ["doSearch", "saveSearchEvent", "clearEvent"] }, { kind: "component", type: TaskDetailModalComponent, selector: "valtimo-task-detail-modal", inputs: ["modalSize", "openFromCaseManagement"], outputs: ["formSubmit", "assignmentOfTaskChanged", "dueDateChanged", "modalClosed"] }, { kind: "pipe", type: i11.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "_taskDetail", first: true, predicate: ["taskDetail"], descendants: true }, { propertyName: "_unreadIndicator", first: true, predicate: ["unreadIndicator"], descendants: true, static: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"{\n    loading: loadingTasks$ | async,\n    selectedTaskType: selectedTaskType$ | async,\n    tasks: tasks$ | async,\n    fields: fields$ | async,\n    visibleTabs: visibleTabs$ | async,\n    pagination: paginationForCurrentTaskTypeForList$ | async,\n    taskListColumnsForCase: taskListColumnsForCase$ | async,\n    sortState: sortStateForCurrentTaskType$ | async,\n    overrideSortState: overrideSortState$ | async,\n    searchFields: searchFields$ | async,\n    loadingSearchFields: loadingSearchFields$ | async,\n    caseDefinitionKey: caseDefinitionKey$ | async,\n    noResultsMessage: noResultsMessage$ | async,\n  } as obs\"\n  class=\"main-content\"\n>\n  <div class=\"container-fluid\">\n    @if (obs.caseDefinitionKey && obs.caseDefinitionKey !== ALL_CASES_ID) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          searchFields;\n          context: {\n            obs: obs,\n          }\n        \"\n      ></ng-container>\n    }\n\n    <ng-container\n      *ngTemplateOutlet=\"\n        tasksList;\n        context: {\n          obs: obs,\n        }\n      \"\n    ></ng-container>\n\n    <ng-container\n      *ngTemplateOutlet=\"\n        tasksListLoading;\n        context: {\n          obs: obs,\n        }\n      \"\n    ></ng-container>\n\n    <valtimo-task-detail-modal\n      #taskDetail\n      (formSubmit)=\"reload()\"\n      (assignmentOfTaskChanged)=\"reload()\"\n      (dueDateChanged)=\"reload()\"\n      (modalClosed)=\"reload()\"\n    ></valtimo-task-detail-modal>\n  </div>\n</div>\n\n<ng-template #configuredTabs let-selectedTaskType=\"selectedTaskType\" let-visibleTabs=\"visibleTabs\">\n  <cds-tabs *ngIf=\"visibleTabs\" type=\"contained\" class=\"valtimo-carbon-list__tabs\">\n    <cds-tab\n      *ngFor=\"let tab of visibleTabs\"\n      [attr.data-testid]=\"'task-list-tab-' + tab\"\n      [heading]=\"'task-list.' + tab + '.title' | translate\"\n      [active]=\"selectedTaskType === tab\"\n      (selected)=\"tabChange(tab)\"\n    ></cds-tab>\n  </cds-tabs>\n</ng-template>\n\n<ng-template #unreadIndicator let-data=\"data\">\n  <span *ngIf=\"!data.item?.isOpened\" class=\"valtimo-task-list__unread-dot\"></span>\n</ng-template>\n\n<ng-template #caseLink let-data=\"data\">\n  <ng-container *ngIf=\"cachedTasks$ | async as cachedTasks\">\n    <div *ngIf=\"cachedTasks[data.index].caseLocked\">\n      <a\n        class=\"float-left cds--link--disabled\"\n        cdsLink\n        href=\"javascript:void(0)\"\n        ngbTooltip=\"{{ 'task-list.caseLocked' | translate }}\"\n        (click)=\"$event.stopPropagation()\"\n      >\n        {{ 'task-list.goToCase' | translate }}\n      </a>\n    </div>\n    <div *ngIf=\"!cachedTasks[data.index].caseLocked\">\n      <a\n        class=\"float-left cds--link\"\n        cdsLink\n        href=\"javascript:void(0)\"\n        (click)=\"openRelatedCase($event, data.index)\"\n      >\n        {{ 'task-list.goToCase' | translate }}\n      </a>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #tasksList let-obs=\"obs\">\n  <valtimo-carbon-list\n    *ngIf=\"!obs.loading\"\n    [fields]=\"obs.fields\"\n    [header]=\"false\"\n    [items]=\"obs.tasks\"\n    [lastColumnTemplate]=\"caseLink\"\n    [pagination]=\"obs.pagination\"\n    paginationIdentifier=\"taskList\"\n    lockedTooltipTranslationKey=\"task-list.rowLocked\"\n    [sortState]=\"obs.overrideSortState || obs.sortState\"\n    (paginationClicked)=\"paginationClicked($event, obs.selectedTaskType)\"\n    (paginationSet)=\"paginationSet($event)\"\n    (rowClicked)=\"rowOpenTaskClick($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n  >\n    <div tabs>\n      <ng-container *ngIf=\"obs.visibleTabs\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            configuredTabs;\n            context: {selectedTaskType: obs.selectedTaskType, visibleTabs: obs.visibleTabs}\n          \"\n        ></ng-container>\n      </ng-container>\n    </div>\n\n    <valtimo-no-results\n      [description]=\"obs.noResultsMessage.description | translate\"\n      [title]=\"obs.noResultsMessage.title | translate\"\n    >\n    </valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #tasksListLoading let-obs=\"obs\">\n  <valtimo-carbon-list *ngIf=\"obs.loading\" [loading]=\"true\">\n    <div tabs>\n      <cds-tabs *ngIf=\"!obs.visibleTabs\" type=\"contained\" class=\"valtimo-carbon-list__tabs\">\n        <cds-tab\n          [heading]=\"'task-list.mine.title' | translate\"\n          [active]=\"obs.selectedTaskType === 'mine'\"\n        >\n        </cds-tab>\n\n        <cds-tab\n          [heading]=\"'task-list.open.title' | translate\"\n          [active]=\"obs.selectedTaskType === 'open'\"\n        >\n        </cds-tab>\n\n        <cds-tab\n          [heading]=\"'task-list.all.title' | translate\"\n          [active]=\"obs.selectedTaskType === 'all'\"\n        >\n        </cds-tab>\n      </cds-tabs>\n\n      <cds-tabs *ngIf=\"obs.visibleTabs\" type=\"contained\" class=\"valtimo-carbon-list__tabs\">\n        <cds-tab\n          *ngFor=\"let tab of obs.visibleTabs\"\n          [heading]=\"'task-list.' + tab + '.title' | translate\"\n          [active]=\"obs.selectedTaskType === tab\"\n        ></cds-tab>\n      </cds-tabs>\n    </div>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #searchFields let-obs=\"obs\">\n  <div class=\"mb-3\">\n    <valtimo-search-fields\n      [searchFields]=\"obs.searchFields\"\n      [inputDisabled]=\"obs.loadingSearchFields\"\n      [caseDefinitionKey]=\"obs.caseDefinitionKey\"\n      [setValuesSubject$]=\"setSearchFieldValuesSubject$\"\n      [clearValuesSubject$]=\"clearSearchFieldValuesSubject$\"\n      (doSearch)=\"search($event)\"\n    >\n    </valtimo-search-fields>\n  </div>\n</ng-template>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <cds-dropdown\n      class=\"case-definition-selection\"\n      *ngIf=\"{\n        loadingCaseListItems: loadingCaseListItems$ | async,\n        caseListItems: caseListItems$ | async,\n      } as obs\"\n      [attr.data-testid]=\"'task-list-case-dropdown'\"\n      [disabled]=\"obs.loadingCaseListItems || (obs.caseListItems || []).length === 1\"\n      [skeleton]=\"obs.loadingCaseListItems\"\n      (selected)=\"setCaseDefinition($event)\"\n    >\n      <cds-dropdown-list [items]=\"obs.caseListItems || []\"></cds-dropdown-list>\n    </cds-dropdown>\n  </ng-template>\n</ng-container>\n", styles: [".cds--link--disabled{cursor:not-allowed;pointer-events:auto!important;outline:0!important}.case-definition-selection{display:flex;width:250px}.valtimo-task-list__unread-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--cds-link-primary)}::ng-deep .valtimo-task-list__unread-column{width:2rem;padding-right:0!important}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i9.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i9.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "directive", type: i13.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i2$1.Link, selector: "[cdsLink], [ibmLink]", inputs: ["inline", "disabled"] }, { kind: "component", type: i2$1.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i2$1.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "directive", type: i9.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: i2$1.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i2$1.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i9.SearchFieldsComponent, selector: "valtimo-search-fields", inputs: ["loading", "searchFields", "caseDefinitionKey", "setValuesSubject$", "clearValuesSubject$", "defaultValues", "disableSaveSearch", "inputDisabled", "externalSearchField", "canSaveSearch"], outputs: ["doSearch", "saveSearchEvent", "clearEvent"] }, { kind: "component", type: TaskDetailModalComponent, selector: "valtimo-task-detail-modal", inputs: ["modalSize", "openFromCaseManagement"], outputs: ["formSubmit", "assignmentOfTaskChanged", "dueDateChanged", "modalClosed"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskListComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-task-list', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         TaskListService,
@@ -2546,7 +2331,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         TaskListSearchService,
                         TaskListQueryParamService,
                     ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"{\n    loading: loadingTasks$ | async,\n    selectedTaskType: selectedTaskType$ | async,\n    tasks: tasks$ | async,\n    fields: fields$ | async,\n    visibleTabs: visibleTabs$ | async,\n    pagination: paginationForCurrentTaskTypeForList$ | async,\n    taskListColumnsForCase: taskListColumnsForCase$ | async,\n    sortState: sortStateForCurrentTaskType$ | async,\n    overrideSortState: overrideSortState$ | async,\n    searchFields: searchFields$ | async,\n    loadingSearchFields: loadingSearchFields$ | async,\n    caseDefinitionKey: caseDefinitionKey$ | async,\n    noResultsMessage: noResultsMessage$ | async,\n  } as obs\"\n  class=\"main-content\"\n>\n  <div class=\"container-fluid\">\n    @if (obs.caseDefinitionKey && obs.caseDefinitionKey !== ALL_CASES_ID) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          searchFields;\n          context: {\n            obs: obs,\n          }\n        \"\n      ></ng-container>\n    }\n\n    <ng-container\n      *ngTemplateOutlet=\"\n        tasksList;\n        context: {\n          obs: obs,\n        }\n      \"\n    ></ng-container>\n\n    <ng-container\n      *ngTemplateOutlet=\"\n        tasksListLoading;\n        context: {\n          obs: obs,\n        }\n      \"\n    ></ng-container>\n\n    <valtimo-task-detail-modal\n      #taskDetail\n      (formSubmit)=\"reload()\"\n      (assignmentOfTaskChanged)=\"reload()\"\n      (dueDateChanged)=\"reload()\"\n      (modalClosed)=\"reload()\"\n    ></valtimo-task-detail-modal>\n  </div>\n</div>\n\n<ng-template #configuredTabs let-selectedTaskType=\"selectedTaskType\" let-visibleTabs=\"visibleTabs\">\n  <cds-tabs *ngIf=\"visibleTabs\" type=\"contained\" class=\"valtimo-carbon-list__tabs\">\n    <cds-tab\n      *ngFor=\"let tab of visibleTabs\"\n      [attr.data-testid]=\"'task-list-tab-' + tab\"\n      [heading]=\"'task-list.' + tab + '.title' | translate\"\n      [active]=\"selectedTaskType === tab\"\n      (selected)=\"tabChange(tab)\"\n    ></cds-tab>\n  </cds-tabs>\n</ng-template>\n\n<ng-template #unreadIndicator let-data=\"data\">\n  <span *ngIf=\"!data.item?.isOpened\" class=\"valtimo-task-list__unread-dot\"></span>\n</ng-template>\n\n<ng-template #caseLink let-data=\"data\">\n  <ng-container *ngIf=\"cachedTasks$ | async as cachedTasks\">\n    <div *ngIf=\"cachedTasks[data.index].caseLocked\">\n      <a\n        class=\"float-left cds--link--disabled\"\n        cdsLink\n        href=\"javascript:void(0)\"\n        ngbTooltip=\"{{ 'task-list.caseLocked' | translate }}\"\n        (click)=\"$event.stopPropagation()\"\n      >\n        {{ 'task-list.goToCase' | translate }}\n      </a>\n    </div>\n    <div *ngIf=\"!cachedTasks[data.index].caseLocked\">\n      <a\n        class=\"float-left cds--link\"\n        cdsLink\n        href=\"javascript:void(0)\"\n        (click)=\"openRelatedCase($event, data.index)\"\n      >\n        {{ 'task-list.goToCase' | translate }}\n      </a>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #tasksList let-obs=\"obs\">\n  <valtimo-carbon-list\n    *ngIf=\"!obs.loading\"\n    [fields]=\"obs.fields\"\n    [header]=\"false\"\n    [items]=\"obs.tasks\"\n    [lastColumnTemplate]=\"caseLink\"\n    [pagination]=\"obs.pagination\"\n    paginationIdentifier=\"taskList\"\n    lockedTooltipTranslationKey=\"task-list.rowLocked\"\n    [sortState]=\"obs.overrideSortState || obs.sortState\"\n    (paginationClicked)=\"paginationClicked($event, obs.selectedTaskType)\"\n    (paginationSet)=\"paginationSet($event)\"\n    (rowClicked)=\"rowOpenTaskClick($event)\"\n    (sortChanged)=\"sortChanged($event)\"\n  >\n    <div tabs>\n      <ng-container *ngIf=\"obs.visibleTabs\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            configuredTabs;\n            context: {selectedTaskType: obs.selectedTaskType, visibleTabs: obs.visibleTabs}\n          \"\n        ></ng-container>\n      </ng-container>\n    </div>\n\n    <valtimo-no-results\n      [description]=\"obs.noResultsMessage.description | translate\"\n      [title]=\"obs.noResultsMessage.title | translate\"\n    >\n    </valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #tasksListLoading let-obs=\"obs\">\n  <valtimo-carbon-list *ngIf=\"obs.loading\" [loading]=\"true\">\n    <div tabs>\n      <cds-tabs *ngIf=\"!obs.visibleTabs\" type=\"contained\" class=\"valtimo-carbon-list__tabs\">\n        <cds-tab\n          [heading]=\"'task-list.mine.title' | translate\"\n          [active]=\"obs.selectedTaskType === 'mine'\"\n        >\n        </cds-tab>\n\n        <cds-tab\n          [heading]=\"'task-list.open.title' | translate\"\n          [active]=\"obs.selectedTaskType === 'open'\"\n        >\n        </cds-tab>\n\n        <cds-tab\n          [heading]=\"'task-list.all.title' | translate\"\n          [active]=\"obs.selectedTaskType === 'all'\"\n        >\n        </cds-tab>\n      </cds-tabs>\n\n      <cds-tabs *ngIf=\"obs.visibleTabs\" type=\"contained\" class=\"valtimo-carbon-list__tabs\">\n        <cds-tab\n          *ngFor=\"let tab of obs.visibleTabs\"\n          [heading]=\"'task-list.' + tab + '.title' | translate\"\n          [active]=\"obs.selectedTaskType === tab\"\n        ></cds-tab>\n      </cds-tabs>\n    </div>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #searchFields let-obs=\"obs\">\n  <div class=\"mb-3\">\n    <valtimo-search-fields\n      [searchFields]=\"obs.searchFields\"\n      [inputDisabled]=\"obs.loadingSearchFields\"\n      [caseDefinitionKey]=\"obs.caseDefinitionKey\"\n      [setValuesSubject$]=\"setSearchFieldValuesSubject$\"\n      [clearValuesSubject$]=\"clearSearchFieldValuesSubject$\"\n      (doSearch)=\"search($event)\"\n    >\n    </valtimo-search-fields>\n  </div>\n</ng-template>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <cds-dropdown\n      class=\"case-definition-selection\"\n      *ngIf=\"{\n        loadingCaseListItems: loadingCaseListItems$ | async,\n        caseListItems: caseListItems$ | async,\n      } as obs\"\n      [attr.data-testid]=\"'task-list-case-dropdown'\"\n      [disabled]=\"obs.loadingCaseListItems || (obs.caseListItems || []).length === 1\"\n      [skeleton]=\"obs.loadingCaseListItems\"\n      (selected)=\"setCaseDefinition($event)\"\n    >\n      <cds-dropdown-list [items]=\"obs.caseListItems || []\"></cds-dropdown-list>\n    </cds-dropdown>\n  </ng-template>\n</ng-container>\n", styles: [".cds--link--disabled{cursor:not-allowed;pointer-events:auto!important;outline:0!important}.case-definition-selection{display:flex;width:250px}.valtimo-task-list__unread-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--cds-link-primary)}::ng-deep .valtimo-task-list__unread-column{width:2rem;padding-right:0!important}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.ConfigService }, { type: i2.DocumentService }, { type: i3$1.PermissionService }, { type: i1$2.Router }, { type: TaskService }, { type: TaskListService }, { type: i4$1.TranslateService }, { type: TaskListColumnService }, { type: TaskListPaginationService }, { type: TaskListSortService }, { type: TaskListSearchService }, { type: TaskListQueryParamService }, { type: i9.PageTitleService }, { type: i6.SseService }], propDecorators: { _taskDetail: [{
+        }], ctorParameters: () => [{ type: i1$1.ConfigService }, { type: i2.DocumentService }, { type: i3.PermissionService }, { type: i1$2.Router }, { type: TaskService }, { type: TaskListService }, { type: i4$1.TranslateService }, { type: TaskListColumnService }, { type: TaskListPaginationService }, { type: TaskListSortService }, { type: TaskListSearchService }, { type: TaskListQueryParamService }, { type: i9.PageTitleService }, { type: i6$1.SseService }, { type: i11.TeamsApiService }], propDecorators: { _taskDetail: [{
                 type: ViewChild,
                 args: ['taskDetail']
             }], _unreadIndicator: [{
@@ -2724,11 +2509,11 @@ const routes = [
     },
 ];
 class TaskRoutingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: TaskRoutingModule, imports: [CommonModule, i1$2.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: TaskRoutingModule, imports: [CommonModule, i1$2.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskRoutingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskRoutingModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -2753,8 +2538,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * limitations under the License.
  */
 class TaskModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: TaskModule, declarations: [TaskListComponent, TaskDetailModalComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: TaskModule, declarations: [TaskListComponent, TaskDetailModalComponent], imports: [CommonModule,
             TaskRoutingModule,
             CarbonListModule,
             PageHeaderModule,
@@ -2777,12 +2562,12 @@ class TaskModule {
             TooltipModule,
             ConfirmationModalModule,
             SearchFieldsModule,
-            AssignUserToTaskComponent,
+            AssignmentComponent,
             TaskDetailContentComponent,
             TaskDetailIntermediateSaveComponent,
             SetTaskDueDateComponent,
             ValtimoCdsModalDirective], exports: [TaskListComponent, TaskDetailModalComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskModule, imports: [CommonModule,
             TaskRoutingModule,
             CarbonListModule,
             PageHeaderModule,
@@ -2812,12 +2597,12 @@ class TaskModule {
             TooltipModule,
             ConfirmationModalModule,
             SearchFieldsModule,
-            AssignUserToTaskComponent,
+            AssignmentComponent,
             TaskDetailContentComponent,
             TaskDetailIntermediateSaveComponent,
             SetTaskDueDateComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TaskModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [TaskListComponent, TaskDetailModalComponent],
@@ -2853,7 +2638,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         TooltipModule,
                         ConfirmationModalModule,
                         SearchFieldsModule,
-                        AssignUserToTaskComponent,
+                        AssignmentComponent,
                         TaskDetailContentComponent,
                         TaskDetailIntermediateSaveComponent,
                         SetTaskDueDateComponent,
@@ -2886,5 +2671,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AssignUserToTaskComponent, CAN_ASSIGN_TASK_PERMISSION, CAN_MODIFY_TASK_PERMISSION, CAN_VIEW_CASE_PERMISSION, CAN_VIEW_TASK_PERMISSION, SetTaskDueDateComponent, TASK_DETAIL_PERMISSION_RESOURCE, TASK_LIST_NO_SEARCH_RESULTS_MESSAGE, TaskDetailContentComponent, TaskDetailIntermediateSaveComponent, TaskDetailModalComponent, TaskIntermediateSaveService, TaskListColumnDefaultSort, TaskListColumnService, TaskListComponent, TaskListPaginationService, TaskListQueryParamService, TaskListSearchDropdownDataProvider, TaskListSearchFieldDataType, TaskListSearchFieldFieldType, TaskListSearchFieldMatchType, TaskListSearchService, TaskListService, TaskModule, TaskService };
+export { CAN_ASSIGN_TASK_PERMISSION, CAN_MODIFY_TASK_PERMISSION, CAN_VIEW_CASE_PERMISSION, CAN_VIEW_TASK_PERMISSION, SetTaskDueDateComponent, TASK_DETAIL_PERMISSION_RESOURCE, TASK_LIST_NO_SEARCH_RESULTS_MESSAGE, TaskDetailContentComponent, TaskDetailIntermediateSaveComponent, TaskDetailModalComponent, TaskIntermediateSaveService, TaskListColumnDefaultSort, TaskListColumnService, TaskListComponent, TaskListPaginationService, TaskListQueryParamService, TaskListSearchDropdownDataProvider, TaskListSearchFieldDataType, TaskListSearchFieldFieldType, TaskListSearchFieldMatchType, TaskListSearchService, TaskListService, TaskModule, TaskService };
 //# sourceMappingURL=valtimo-task.mjs.map