@valtimo/task 13.17.0 → 13.18.0

package/fesm2022/valtimo-task.mjs

@@ -1,13 +1,13 @@
 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, SearchableDropdownSelectModule, RemoveClassnamesDirective, FormioOptionsImpl, FormIoModule, ConfirmationModalModule, TooltipModule, runAfterCarbonModalClosed, CarbonListModule, PageHeaderModule, WidgetModule, SpinnerModule, CamundaFormModule, RenderInPageHeaderDirective, SearchFieldsModule, ValtimoCdsModalDirective } 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 { CommonModule } from '@angular/common';
 import * as i4 from '@ngx-translate/core';
 import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
-import * as i2 from 'carbon-components-angular';
+import * as i3 from 'carbon-components-angular';
 import { ButtonModule, ToggletipModule, IconModule, LayerModule, DatePickerModule, ComboBoxModule, LoadingModule, NotificationModule, ModalModule, LinkModule, TabsModule, ContentSwitcherModule, DropdownModule, TooltipModule as TooltipModule$1 } from 'carbon-components-angular';
 import { UserFollow16, 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';
@@ -21,9 +21,9 @@ import { RouterModule } from '@angular/router';
 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 '@valtimo/document';
+import * as i2 from '@valtimo/document';
 import * as i4$1 from 'ngx-logger';
-import * as i3 from '@valtimo/access-control';
+import * as i3$1 from '@valtimo/access-control';
 import moment from 'moment';
 import * as i6 from '@valtimo/sse';
 import * as i12 from '@ng-bootstrap/ng-bootstrap';
@@ -121,10 +121,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 }] });
@@ -176,10 +176,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
         }] });
 
@@ -285,10 +285,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 }] });
 
@@ -471,10 +471,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 }] });
 
@@ -539,10 +539,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 }] });
 
@@ -632,10 +632,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 }] });
 
@@ -681,10 +681,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 }] });
 
@@ -745,10 +745,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 }] });
@@ -795,12 +795,12 @@ class AssignUserToTaskComponent {
         this.canAssignUserToTaskSet$.next(true);
         this.canAssignUserToTask$.next(value);
     }
-    constructor(taskService, iconService, elementRef, renderer2, cdsThemeService) {
+    constructor(taskService, cdsThemeService, iconService, elementRef, renderer2) {
         this.taskService = taskService;
+        this.cdsThemeService = cdsThemeService;
         this.iconService = iconService;
         this.elementRef = elementRef;
         this.renderer2 = renderer2;
-        this.cdsThemeService = cdsThemeService;
         this.assignmentOfTaskChanged = new EventEmitter();
         this.canAssignUserToTaskSet$ = new BehaviorSubject(false);
         this.canAssignUserToTask$ = new BehaviorSubject(false);
@@ -817,7 +817,7 @@ class AssignUserToTaskComponent {
         this.mouseIsOverAssignee$ = new BehaviorSubject(false);
         this.open$ = new Subject();
         this.disabled$ = new BehaviorSubject(true);
-        this.toggletipTheme$ = this.cdsThemeService.currentTheme$;
+        this.toggletipTheme$ = this.cdsThemeService.toggletipTheme$;
         this._subscriptions = new Subscription();
         this.iconService.registerAll([UserFollow16]);
     }
@@ -943,15 +943,14 @@ class AssignUserToTaskComponent {
             }
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AssignUserToTaskComponent, deps: [{ token: TaskService }, { token: i2.IconService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i9.CdsThemeService }], 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-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    (canAssignUserToTaskSet$ | async) && {\n      candidateUsers: candidateUsersForTask$ | 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    } as obs\n  \"\n>\n  <ng-container\n    *ngIf=\"{hasSelection: obs.selectedUserId === obs.idOnServer && obs.idOnServer !== null} as vars\"\n  >\n    <div\n      class=\"assign-user-container\"\n      *ngIf=\"obs.canAssignUserToTask || (!obs.canAssignUserToTask && vars.hasSelection)\"\n      (mouseenter)=\"onMouseEnterAssignee()\"\n      (mouseleave)=\"onMouseLeaveAssignee()\"\n    >\n      <div\n        class=\"assignee-text element\"\n        [ngClass]=\"{\n          active: obs.canAssignUserToTask\n            ? vars.hasSelection && !obs.mouseIsOverAssignee\n            : vars.hasSelection,\n        }\"\n      >\n        <span class=\"bold\">{{ 'assignTask.assignedTo' | translate }}</span>\n\n        &nbsp;\n\n        <span class=\"name\">{{ obs.assignedUserFullName }}</span>\n      </div>\n\n      <button\n        *ngIf=\"obs.canAssignUserToTask\"\n        cdsButton=\"ghost\"\n        class=\"element remove-button\"\n        [ngClass]=\"{active: vars.hasSelection && obs.mouseIsOverAssignee}\"\n        [disabled]=\"obs.disabled\"\n        size=\"sm\"\n        (click)=\"unassignTask()\"\n      >\n        {{ 'assignTask.remove' | translate }}\n      </button>\n\n      <cds-toggletip\n        align=\"bottom\"\n        class=\"element main\"\n        [autoAlign]=\"true\"\n        [isOpen]=\"open$ | async\"\n        [ngClass]=\"{active: !vars.hasSelection}\"\n        (onOpen)=\"clear()\"\n      >\n        <button\n          cdsToggletipButton\n          [removeClassnames]=\"['cds--toggletip-button']\"\n          cdsButton=\"tertiary\"\n          size=\"sm\"\n          class=\"set-assignee-button\"\n        >\n          {{ 'assignTask.buttonText' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"user--follow\" size=\"16\"></svg>\n        </button>\n\n        <div\n          cdsToggletipContent\n          [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n          class=\"assign-task-popover-content\"\n        >\n          <cds-combo-box\n            *ngIf=\"!vars.hasSelection\"\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)=\"clear()\"\n          >\n            <cds-dropdown-list onclick=\"event.stopPropagation()\"></cds-dropdown-list>\n          </cds-combo-box>\n\n          <button\n            cdsButton\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        </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}.remove-button{width:100%}.assignee-text{display:flex;justify-content:flex-start;align-items:center;width:100%}.element{opacity:0;visibility:hidden;position:absolute;transition:opacity .3s ease-in-out}.element.active{opacity:1;visibility:visible}.element.main{position:relative}.assign-task-popover-content{width:400px;max-inline-size:400px;display:flex;flex-direction:column;gap:16px}.assign-task-popover-content .cds--btn{width:100%;max-width:unset}.set-assignee-button{width:250px}\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: "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.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: SearchableDropdownSelectModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ToggletipModule }, { kind: "component", type: i2.Toggletip, selector: "cds-toggletip, ibm-toggletip", inputs: ["id", "isOpen"] }, { kind: "directive", type: i2.ToggletipButton, selector: "[cdsToggletipButton], [ibmToggletipButton]", inputs: ["ariaLabel"] }, { kind: "directive", type: i2.ToggletipContent, selector: "[cdsToggletipContent], [ibmToggletipContent]" }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "ngmodule", type: ComboBoxModule }, { kind: "component", type: i2.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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: AssignUserToTaskComponent, deps: [{ token: TaskService }, { token: i9.CdsThemeService }, { token: i3.IconService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", 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-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    (canAssignUserToTaskSet$ | async) && {\n      candidateUsers: candidateUsersForTask$ | 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    } as obs\n  \"\n>\n  <ng-container\n    *ngIf=\"{hasSelection: obs.selectedUserId === obs.idOnServer && obs.idOnServer !== null} as vars\"\n  >\n    <div\n      class=\"assign-user-container\"\n      *ngIf=\"obs.canAssignUserToTask || (!obs.canAssignUserToTask && vars.hasSelection)\"\n      (mouseenter)=\"onMouseEnterAssignee()\"\n      (mouseleave)=\"onMouseLeaveAssignee()\"\n    >\n      <div\n        class=\"assignee-text element\"\n        [ngClass]=\"{\n          active: obs.canAssignUserToTask\n            ? vars.hasSelection && !obs.mouseIsOverAssignee\n            : vars.hasSelection,\n        }\"\n      >\n        <span class=\"bold\">{{ 'assignTask.assignedTo' | translate }}</span>\n\n        &nbsp;\n\n        <span class=\"name\">{{ obs.assignedUserFullName }}</span>\n      </div>\n\n      <button\n        *ngIf=\"obs.canAssignUserToTask\"\n        cdsButton=\"ghost\"\n        class=\"element remove-button\"\n        [ngClass]=\"{active: vars.hasSelection && obs.mouseIsOverAssignee}\"\n        [disabled]=\"obs.disabled\"\n        size=\"sm\"\n        (click)=\"unassignTask()\"\n      >\n        {{ 'assignTask.remove' | translate }}\n      </button>\n\n      <cds-toggletip\n        align=\"bottom\"\n        class=\"element main\"\n        [autoAlign]=\"true\"\n        [isOpen]=\"open$ | async\"\n        [ngClass]=\"{active: !vars.hasSelection}\"\n        (onOpen)=\"clear()\"\n      >\n        <button\n          cdsToggletipButton\n          [removeClassnames]=\"['cds--toggletip-button']\"\n          cdsButton=\"tertiary\"\n          size=\"sm\"\n          class=\"set-assignee-button\"\n        >\n          {{ 'assignTask.buttonText' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"user--follow\" size=\"16\"></svg>\n        </button>\n\n        <div\n          cdsToggletipContent\n          class=\"assign-task-popover-content\"\n        >\n          <cds-combo-box\n            *ngIf=\"!vars.hasSelection\"\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)=\"clear()\"\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        </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}.remove-button{width:100%}.assignee-text{display:flex;justify-content:flex-start;align-items:center;width:100%}.element{opacity:0;visibility:hidden;position:absolute;transition:opacity .3s ease-in-out}.element.active{opacity:1;visibility:visible}.element.main{position:relative}.assign-task-popover-content{width:400px;max-inline-size:400px;display:flex;flex-direction:column;gap:16px}.assign-task-popover-content .cds--btn{width:100%;max-width:unset}.set-assignee-button{width:250px}\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: "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.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: DatePickerModule }, { 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: AssignUserToTaskComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-assign-user-to-task', standalone: true, imports: [
                         CommonModule,
                         TranslateModule,
-                        SearchableDropdownSelectModule,
                         ButtonModule,
                         ToggletipModule,
                         IconModule,
@@ -959,8 +958,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         DatePickerModule,
                         ComboBoxModule,
                         RemoveClassnamesDirective,
-                    ], 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    (canAssignUserToTaskSet$ | async) && {\n      candidateUsers: candidateUsersForTask$ | 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    } as obs\n  \"\n>\n  <ng-container\n    *ngIf=\"{hasSelection: obs.selectedUserId === obs.idOnServer && obs.idOnServer !== null} as vars\"\n  >\n    <div\n      class=\"assign-user-container\"\n      *ngIf=\"obs.canAssignUserToTask || (!obs.canAssignUserToTask && vars.hasSelection)\"\n      (mouseenter)=\"onMouseEnterAssignee()\"\n      (mouseleave)=\"onMouseLeaveAssignee()\"\n    >\n      <div\n        class=\"assignee-text element\"\n        [ngClass]=\"{\n          active: obs.canAssignUserToTask\n            ? vars.hasSelection && !obs.mouseIsOverAssignee\n            : vars.hasSelection,\n        }\"\n      >\n        <span class=\"bold\">{{ 'assignTask.assignedTo' | translate }}</span>\n\n        &nbsp;\n\n        <span class=\"name\">{{ obs.assignedUserFullName }}</span>\n      </div>\n\n      <button\n        *ngIf=\"obs.canAssignUserToTask\"\n        cdsButton=\"ghost\"\n        class=\"element remove-button\"\n        [ngClass]=\"{active: vars.hasSelection && obs.mouseIsOverAssignee}\"\n        [disabled]=\"obs.disabled\"\n        size=\"sm\"\n        (click)=\"unassignTask()\"\n      >\n        {{ 'assignTask.remove' | translate }}\n      </button>\n\n      <cds-toggletip\n        align=\"bottom\"\n        class=\"element main\"\n        [autoAlign]=\"true\"\n        [isOpen]=\"open$ | async\"\n        [ngClass]=\"{active: !vars.hasSelection}\"\n        (onOpen)=\"clear()\"\n      >\n        <button\n          cdsToggletipButton\n          [removeClassnames]=\"['cds--toggletip-button']\"\n          cdsButton=\"tertiary\"\n          size=\"sm\"\n          class=\"set-assignee-button\"\n        >\n          {{ 'assignTask.buttonText' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"user--follow\" size=\"16\"></svg>\n        </button>\n\n        <div\n          cdsToggletipContent\n          [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n          class=\"assign-task-popover-content\"\n        >\n          <cds-combo-box\n            *ngIf=\"!vars.hasSelection\"\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)=\"clear()\"\n          >\n            <cds-dropdown-list onclick=\"event.stopPropagation()\"></cds-dropdown-list>\n          </cds-combo-box>\n\n          <button\n            cdsButton\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        </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}.remove-button{width:100%}.assignee-text{display:flex;justify-content:flex-start;align-items:center;width:100%}.element{opacity:0;visibility:hidden;position:absolute;transition:opacity .3s ease-in-out}.element.active{opacity:1;visibility:visible}.element.main{position:relative}.assign-task-popover-content{width:400px;max-inline-size:400px;display:flex;flex-direction:column;gap:16px}.assign-task-popover-content .cds--btn{width:100%;max-width:unset}.set-assignee-button{width:250px}\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: TaskService }, { type: i2.IconService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i9.CdsThemeService }], propDecorators: { taskId: [{
+                    ], 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    (canAssignUserToTaskSet$ | async) && {\n      candidateUsers: candidateUsersForTask$ | 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    } as obs\n  \"\n>\n  <ng-container\n    *ngIf=\"{hasSelection: obs.selectedUserId === obs.idOnServer && obs.idOnServer !== null} as vars\"\n  >\n    <div\n      class=\"assign-user-container\"\n      *ngIf=\"obs.canAssignUserToTask || (!obs.canAssignUserToTask && vars.hasSelection)\"\n      (mouseenter)=\"onMouseEnterAssignee()\"\n      (mouseleave)=\"onMouseLeaveAssignee()\"\n    >\n      <div\n        class=\"assignee-text element\"\n        [ngClass]=\"{\n          active: obs.canAssignUserToTask\n            ? vars.hasSelection && !obs.mouseIsOverAssignee\n            : vars.hasSelection,\n        }\"\n      >\n        <span class=\"bold\">{{ 'assignTask.assignedTo' | translate }}</span>\n\n        &nbsp;\n\n        <span class=\"name\">{{ obs.assignedUserFullName }}</span>\n      </div>\n\n      <button\n        *ngIf=\"obs.canAssignUserToTask\"\n        cdsButton=\"ghost\"\n        class=\"element remove-button\"\n        [ngClass]=\"{active: vars.hasSelection && obs.mouseIsOverAssignee}\"\n        [disabled]=\"obs.disabled\"\n        size=\"sm\"\n        (click)=\"unassignTask()\"\n      >\n        {{ 'assignTask.remove' | translate }}\n      </button>\n\n      <cds-toggletip\n        align=\"bottom\"\n        class=\"element main\"\n        [autoAlign]=\"true\"\n        [isOpen]=\"open$ | async\"\n        [ngClass]=\"{active: !vars.hasSelection}\"\n        (onOpen)=\"clear()\"\n      >\n        <button\n          cdsToggletipButton\n          [removeClassnames]=\"['cds--toggletip-button']\"\n          cdsButton=\"tertiary\"\n          size=\"sm\"\n          class=\"set-assignee-button\"\n        >\n          {{ 'assignTask.buttonText' | translate }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"user--follow\" size=\"16\"></svg>\n        </button>\n\n        <div\n          cdsToggletipContent\n          class=\"assign-task-popover-content\"\n        >\n          <cds-combo-box\n            *ngIf=\"!vars.hasSelection\"\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)=\"clear()\"\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        </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}.remove-button{width:100%}.assignee-text{display:flex;justify-content:flex-start;align-items:center;width:100%}.element{opacity:0;visibility:hidden;position:absolute;transition:opacity .3s ease-in-out}.element.active{opacity:1;visibility:visible}.element.main{position:relative}.assign-task-popover-content{width:400px;max-inline-size:400px;display:flex;flex-direction:column;gap:16px}.assign-task-popover-content .cds--btn{width:100%;max-width:unset}.set-assignee-button{width:250px}\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: TaskService }, { type: i9.CdsThemeService }, { type: i3.IconService }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { taskId: [{
                 type: Input
             }], assigneeId: [{
                 type: Input
@@ -1013,6 +1012,40 @@ const CAN_MODIFY_TASK_PERMISSION = {
     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.
  *
@@ -1041,12 +1074,14 @@ class TaskDetailContentComponent {
     set taskAndProcessLink(value) {
         if (!value)
             return;
-        this.loadTaskDetails(value.task, value.processLinkActivityResult);
+        const task = enrichTaskFromProcessLink(value.task, value.processLinkActivityResult);
+        this.loadTaskDetails(task, value.processLinkActivityResult);
     }
     set modalClosed(closed) {
         // save form flow data on modal closed
         if (this.formFlow)
             this.formFlow.saveData();
+        this.taskInstanceId$.next(null);
         if (closed) {
             this.closeModalEvent.emit();
         }
@@ -1074,6 +1109,7 @@ class TaskDetailContentComponent {
         this.closeModalEvent = new EventEmitter();
         this.formSubmit = new EventEmitter();
         this.activeChange = new EventEmitter();
+        this.taskUpdated = new EventEmitter();
         this.canAssignUserToTask$ = new BehaviorSubject(false);
         this.errorMessage$ = new BehaviorSubject(null);
         this.formDefinition$ = new BehaviorSubject(null);
@@ -1224,6 +1260,7 @@ class TaskDetailContentComponent {
     getTaskProcessLink(taskId) {
         this.taskService.getTaskProcessLink(taskId).subscribe({
             next: res => {
+                this.updateTaskFromProcessLink(res);
                 this.setTaskProcessLink(res);
             },
             error: _ => {
@@ -1231,6 +1268,16 @@ class TaskDetailContentComponent {
             },
         });
     }
+    updateTaskFromProcessLink(processLinkResult) {
+        const currentTask = this.task$.getValue();
+        if (!currentTask)
+            return;
+        const enrichedTask = enrichTaskFromProcessLink(currentTask, processLinkResult);
+        if (enrichedTask !== currentTask) {
+            this.task$.next(enrichedTask);
+            this.taskUpdated.emit(enrichedTask);
+        }
+    }
     setTaskProcessLink(processLinkResult) {
         if (processLinkResult !== null) {
             switch (processLinkResult?.type) {
@@ -1406,10 +1453,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$1.DocumentService }, { token: i1$1.GlobalNotificationService }, { token: i2.IconService }, { token: i4$1.NGXLogger }, { token: i9.ValtimoModalService }, { token: i3.PermissionService }, { token: i7.ProcessLinkService }, { token: i1$2.Router }, { token: i9.FormIoStateService }, { token: TaskIntermediateSaveService }, { token: TaskService }, { token: i4.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" }, 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.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.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "component", type: i2.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: i3.IconService }, { token: i4$1.NGXLogger }, { token: i9.ValtimoModalService }, { token: i3$1.PermissionService }, { token: i7.ProcessLinkService }, { token: i1$2.Router }, { token: i9.FormIoStateService }, { token: TaskIntermediateSaveService }, { token: TaskService }, { token: i4.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: 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.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 }); }
 }
-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,
@@ -1419,7 +1466,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$1.DocumentService }, { type: i1$1.GlobalNotificationService }, { type: i2.IconService }, { type: i4$1.NGXLogger }, { type: i9.ValtimoModalService }, { type: i3.PermissionService }, { type: i7.ProcessLinkService }, { type: i1$2.Router }, { type: i9.FormIoStateService }, { type: TaskIntermediateSaveService }, { type: TaskService }, { type: i4.TranslateService }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1$1.ConfigService }, { type: i2.DocumentService }, { type: i1$1.GlobalNotificationService }, { type: i3.IconService }, { type: i4$1.NGXLogger }, { type: i9.ValtimoModalService }, { type: i3$1.PermissionService }, { type: i7.ProcessLinkService }, { type: i1$2.Router }, { type: i9.FormIoStateService }, { type: TaskIntermediateSaveService }, { type: TaskService }, { type: i4.TranslateService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -1453,6 +1500,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 type: Output
             }], activeChange: [{
                 type: Output
+            }], taskUpdated: [{
+                type: Output
             }] } });
 
 /*
@@ -1597,10 +1646,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: i2.IconService }, { token: TaskIntermediateSaveService }, { token: TaskService }, { token: i4.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.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2.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.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: i3.IconService }, { token: TaskIntermediateSaveService }, { token: TaskService }, { token: i4.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: i11.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.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 }); }
 }
-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,
@@ -1611,7 +1660,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: i2.IconService }, { type: TaskIntermediateSaveService }, { type: TaskService }, { type: i4.TranslateService }], propDecorators: { task: [{
+        }], ctorParameters: () => [{ type: i1$1.ConfigService }, { type: i1$1.GlobalNotificationService }, { type: i3.IconService }, { type: TaskIntermediateSaveService }, { type: TaskService }, { type: i4.TranslateService }], propDecorators: { task: [{
                 type: Input
             }], taskAndProcessLink: [{
                 type: Input
@@ -1622,7 +1671,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
+ * 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.
@@ -1648,22 +1697,29 @@ class SetTaskDueDateComponent {
         return this.selectedDateString$.getValue();
     }
     set task(value) {
-        if (!value)
+        if (!value) {
+            this.hasDueDate$.next(false);
+            this._task$.next(null);
+            this.selectedDateString$.next('');
             return;
+        }
         this.hasDueDate$.next(!!value.due);
         this._task$.next(value);
     }
-    constructor(iconService, taskService, cdsThemeService, translateService) {
+    constructor(cdsThemeService, iconService, taskService, translateService, globalNotificationService) {
+        this.cdsThemeService = cdsThemeService;
         this.iconService = iconService;
         this.taskService = taskService;
-        this.cdsThemeService = cdsThemeService;
         this.translateService = translateService;
+        this.globalNotificationService = globalNotificationService;
+        this.dueDateChanged = new EventEmitter();
         this.canModifyTaskSet$ = new BehaviorSubject(false);
         this.canModifyTask$ = new BehaviorSubject(false);
         this._task$ = new BehaviorSubject(null);
         this.hasDueDate$ = new BehaviorSubject(false);
         this.selectedDateString$ = new BehaviorSubject('');
         this.taskDueDate$ = this._task$.pipe(filter$1(task => !!task), map(task => new Date(task.due)));
+        this.showDatePicker$ = new BehaviorSubject(true);
         this.disabled$ = new BehaviorSubject(false);
         this.open$ = new Subject();
         this.mouseIsOverDueDate$ = new BehaviorSubject(false);
@@ -1671,6 +1727,11 @@ class SetTaskDueDateComponent {
         this.language$ = this.translateService.onLangChange.pipe(map(event => event.lang), startWith(this.translateService.currentLang), distinctUntilChanged$1());
         this.iconService.registerAll([CalendarAdd16]);
     }
+    clear() {
+        this.selectedDateString$.next('');
+        this.showDatePicker$.next(false);
+        setTimeout(() => this.showDatePicker$.next(true));
+    }
     onDateValueChange(value) {
         const date = Array.isArray(value) && value[0];
         if (!date)
@@ -1679,13 +1740,16 @@ class SetTaskDueDateComponent {
     }
     onSubmitButtonClick() {
         this.disabled$.next(true);
-        this.taskService.setTaskDueDate(this._task.id, { dueDate: this._selectedDateString }).subscribe({
+        const dateString = this._selectedDateString;
+        this.taskService.setTaskDueDate(this._task.id, { dueDate: dateString }).subscribe({
             next: () => {
                 this.disabled$.next(false);
                 this.hasDueDate$.next(true);
-                this._task$.next({ ...this._task, due: this._selectedDateString });
+                this._task$.next({ ...this._task, due: dateString });
                 this.selectedDateString$.next('');
                 this.closeToggletip();
+                this.dueDateChanged.emit();
+                this.showDueDateSetNotification(dateString);
             },
             error: () => {
                 this.disabled$.next(false);
@@ -1699,6 +1763,8 @@ class SetTaskDueDateComponent {
                 this.disabled$.next(false);
                 this.hasDueDate$.next(false);
                 this._task$.next({ ...this._task, due: null });
+                this.dueDateChanged.emit();
+                this.showDueDateRemovedNotification();
             },
             error: () => {
                 this.disabled$.next(false);
@@ -1716,10 +1782,30 @@ class SetTaskDueDateComponent {
     onMouseLeaveDueDate() {
         this.mouseIsOverDueDate$.next(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SetTaskDueDateComponent, deps: [{ token: i2.IconService }, { token: TaskService }, { token: i9.CdsThemeService }, { token: i4.TranslateService }], 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" }, 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<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    } 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 ? obs.hasDueDate && !obs.mouseIsOverDueDate : obs.hasDueDate,\n      }\"\n    >\n      <span class=\"bold\">{{ 'setTaskDueDate.dueDateText' | translate }}</span>\n\n      &nbsp;\n\n      {{ obs.taskDueDate | date: 'dd-MM-yyyy' }}\n    </div>\n\n    <button\n      *ngIf=\"obs.canModifyTask\"\n      cdsButton=\"ghost\"\n      class=\"element remove-button\"\n      [ngClass]=\"{active: obs.hasDueDate && obs.mouseIsOverDueDate}\"\n      [disabled]=\"obs.disabled\"\n      size=\"sm\"\n      (click)=\"onRemoveButtonClick()\"\n    >\n      {{ 'setTaskDueDate.removeButtonText' | translate }}\n    </button>\n\n    <cds-toggletip\n      align=\"bottom\"\n      class=\"element main\"\n      [autoAlign]=\"true\"\n      [isOpen]=\"open$ | async\"\n      [ngClass]=\"{active: !obs.hasDueDate}\"\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\n        cdsToggletipContent\n        [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n        class=\"assign-due-date-popover-content\"\n      >\n        <cds-date-picker\n          *ngIf=\"!obs.hasDueDate\"\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          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}.remove-button{width:100%}.due-date-text{display:flex;justify-content:flex-start;align-items:center;width:100%}.element{opacity:0;visibility:hidden;position:absolute;transition:opacity .3s ease-in-out}.element.active{opacity:1;visibility:visible}.element.main{position:relative}.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}\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: "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.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: ToggletipModule }, { kind: "component", type: i2.Toggletip, selector: "cds-toggletip, ibm-toggletip", inputs: ["id", "isOpen"] }, { kind: "directive", type: i2.ToggletipButton, selector: "[cdsToggletipButton], [ibmToggletipButton]", inputs: ["ariaLabel"] }, { kind: "directive", type: i2.ToggletipContent, selector: "[cdsToggletipContent], [ibmToggletipContent]" }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2.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.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "directive", type: RemoveClassnamesDirective, selector: "[removeClassnames]", inputs: ["removeClassnames"] }] }); }
+    showDueDateSetNotification(dateString) {
+        const formattedDate = new Date(dateString).toLocaleDateString(this.translateService.currentLang);
+        this.globalNotificationService.showToast({
+            title: this.translateService.instant('taskDetail.dueDateSetNotificationTitle'),
+            subtitle: this.translateService.instant('taskDetail.dueDateSetNotificationContent', {
+                date: formattedDate,
+                task: this._task?.name,
+            }),
+            type: 'info',
+        });
+    }
+    showDueDateRemovedNotification() {
+        this.globalNotificationService.showToast({
+            title: this.translateService.instant('taskDetail.dueDateRemovedNotificationTitle'),
+            subtitle: this.translateService.instant('taskDetail.dueDateRemovedNotificationContent', {
+                task: this._task?.name,
+            }),
+            type: 'info',
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SetTaskDueDateComponent, deps: [{ token: i9.CdsThemeService }, { token: i3.IconService }, { token: TaskService }, { token: i4.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-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<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    } 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 ? obs.hasDueDate && !obs.mouseIsOverDueDate : obs.hasDueDate,\n      }\"\n    >\n      <span class=\"bold\">{{ 'setTaskDueDate.dueDateText' | translate }}</span>\n\n      &nbsp;\n\n      {{ obs.taskDueDate | date: 'dd-MM-yyyy' }}\n    </div>\n\n    <button\n      *ngIf=\"obs.canModifyTask\"\n      cdsButton=\"ghost\"\n      class=\"element remove-button\"\n      [ngClass]=\"{active: obs.hasDueDate && obs.mouseIsOverDueDate}\"\n      [disabled]=\"obs.disabled\"\n      size=\"sm\"\n      (click)=\"onRemoveButtonClick()\"\n    >\n      {{ 'setTaskDueDate.removeButtonText' | translate }}\n    </button>\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\n        cdsToggletipContent\n        class=\"assign-due-date-popover-content\"\n      >\n        <cds-date-picker\n          *ngIf=\"!obs.hasDueDate && obs.showDatePicker\"\n          [attr.data-carbon-theme]=\"toggletipTheme$ | 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}.remove-button{width:100%}.due-date-text{display:flex;justify-content:flex-start;align-items:center;width:100%}.element{opacity:0;visibility:hidden;position:absolute;transition:opacity .3s ease-in-out}.element.active{opacity:1;visibility:visible}.element.main{position:relative}.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}\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: "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.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"] }] }); }
 }
-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,
@@ -1730,8 +1816,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         DatePickerModule,
                         LayerModule,
                         RemoveClassnamesDirective,
-                    ], 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<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    } 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 ? obs.hasDueDate && !obs.mouseIsOverDueDate : obs.hasDueDate,\n      }\"\n    >\n      <span class=\"bold\">{{ 'setTaskDueDate.dueDateText' | translate }}</span>\n\n      &nbsp;\n\n      {{ obs.taskDueDate | date: 'dd-MM-yyyy' }}\n    </div>\n\n    <button\n      *ngIf=\"obs.canModifyTask\"\n      cdsButton=\"ghost\"\n      class=\"element remove-button\"\n      [ngClass]=\"{active: obs.hasDueDate && obs.mouseIsOverDueDate}\"\n      [disabled]=\"obs.disabled\"\n      size=\"sm\"\n      (click)=\"onRemoveButtonClick()\"\n    >\n      {{ 'setTaskDueDate.removeButtonText' | translate }}\n    </button>\n\n    <cds-toggletip\n      align=\"bottom\"\n      class=\"element main\"\n      [autoAlign]=\"true\"\n      [isOpen]=\"open$ | async\"\n      [ngClass]=\"{active: !obs.hasDueDate}\"\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\n        cdsToggletipContent\n        [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n        class=\"assign-due-date-popover-content\"\n      >\n        <cds-date-picker\n          *ngIf=\"!obs.hasDueDate\"\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          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}.remove-button{width:100%}.due-date-text{display:flex;justify-content:flex-start;align-items:center;width:100%}.element{opacity:0;visibility:hidden;position:absolute;transition:opacity .3s ease-in-out}.element.active{opacity:1;visibility:visible}.element.main{position:relative}.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}\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: i2.IconService }, { type: TaskService }, { type: i9.CdsThemeService }, { type: i4.TranslateService }], propDecorators: { canModifyTask: [{
+                    ], 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<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    } 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 ? obs.hasDueDate && !obs.mouseIsOverDueDate : obs.hasDueDate,\n      }\"\n    >\n      <span class=\"bold\">{{ 'setTaskDueDate.dueDateText' | translate }}</span>\n\n      &nbsp;\n\n      {{ obs.taskDueDate | date: 'dd-MM-yyyy' }}\n    </div>\n\n    <button\n      *ngIf=\"obs.canModifyTask\"\n      cdsButton=\"ghost\"\n      class=\"element remove-button\"\n      [ngClass]=\"{active: obs.hasDueDate && obs.mouseIsOverDueDate}\"\n      [disabled]=\"obs.disabled\"\n      size=\"sm\"\n      (click)=\"onRemoveButtonClick()\"\n    >\n      {{ 'setTaskDueDate.removeButtonText' | translate }}\n    </button>\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\n        cdsToggletipContent\n        class=\"assign-due-date-popover-content\"\n      >\n        <cds-date-picker\n          *ngIf=\"!obs.hasDueDate && obs.showDatePicker\"\n          [attr.data-carbon-theme]=\"toggletipTheme$ | 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}.remove-button{width:100%}.due-date-text{display:flex;justify-content:flex-start;align-items:center;width:100%}.element{opacity:0;visibility:hidden;position:absolute;transition:opacity .3s ease-in-out}.element.active{opacity:1;visibility:visible}.element.main{position:relative}.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}\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: i9.CdsThemeService }, { type: i3.IconService }, { type: TaskService }, { type: i4.TranslateService }, { type: i1$1.GlobalNotificationService }], propDecorators: { dueDateChanged: [{
+                type: Output
+            }], canModifyTask: [{
                 type: Input
             }], task: [{
                 type: Input
@@ -1776,11 +1864,11 @@ class TaskDetailModalComponent {
         this.globalNotificationService = globalNotificationService;
         this.formSubmit = new EventEmitter();
         this.assignmentOfTaskChanged = new EventEmitter();
+        this.dueDateChanged = new EventEmitter();
         this.currentIntermediateSave$ = new BehaviorSubject(null);
         this.processLinkPreloaded$ = new BehaviorSubject(false);
         this.task$ = new BehaviorSubject(null);
         this.taskAndProcessLink$ = new BehaviorSubject(null);
-        this.task = new BehaviorSubject(null);
         this.submission$ = new BehaviorSubject({});
         this.page$ = new BehaviorSubject(null);
         this.showConfirmationModal$ = new BehaviorSubject(false);
@@ -1856,30 +1944,39 @@ class TaskDetailModalComponent {
             }
             else {
                 const currentTask = this.task$.getValue();
-                const newTask = response.task;
-                if (currentTask && newTask && currentTask.assignee !== newTask.assignee) {
-                    if (newTask.assignee) {
-                        const assigneeName = newTask.valtimoAssignee?.fullName ||
-                            newTask.assignee ||
-                            this.translateService.instant('taskDetail.unknownAssignee');
-                        this.globalNotificationService.showToast({
-                            title: this.translateService.instant('taskDetail.assignedNotificationTitle'),
-                            content: `${this.translateService.instant('taskDetail.assignedNotificationContent')} ${assigneeName}`,
-                            type: 'info',
-                        });
-                    }
-                    else {
-                        this.globalNotificationService.showToast({
-                            title: this.translateService.instant('taskDetail.unassignedNotificationTitle'),
-                            content: this.translateService.instant('taskDetail.unassignedNotificationContent'),
-                            type: 'info',
-                        });
+                const fetchedTask = response.task;
+                if (!currentTask || !fetchedTask)
+                    return;
+                // Merge fetched task data onto the existing task, only overwriting with
+                // defined values to preserve fields not returned by the GET /v1/task/{id}
+                // endpoint (e.g. valtimoAssignee, businessKey, caseDocumentId)
+                const mergedTask = { ...currentTask };
+                for (const [key, value] of Object.entries(fetchedTask)) {
+                    if (value !== undefined) {
+                        mergedTask[key] = value;
                     }
                 }
-                this.task$.next(newTask);
+                if (currentTask.assignee !== mergedTask.assignee) {
+                    this.showAssigneeNotification(mergedTask);
+                }
+                this.task$.next(mergedTask);
             }
         }));
     }
+    showAssigneeNotification(task) {
+        if (task.assignee) {
+            this.globalNotificationService.showToast({
+                title: this.translateService.instant('taskDetail.assignedNotificationTitle'),
+                type: 'info',
+            });
+        }
+        else {
+            this.globalNotificationService.showToast({
+                title: this.translateService.instant('taskDetail.unassignedNotificationTitle'),
+                type: 'info',
+            });
+        }
+    }
     clearCurrentProgress() {
         this._intermediateSaveComponent.clearCurrentProgress();
     }
@@ -1887,23 +1984,24 @@ class TaskDetailModalComponent {
         if (task) {
             this.task$.next({ ...task });
         }
-        this.page$.next({
-            title: task?.name,
-            subtitle: `${this.translateService.instant('taskDetail.taskCreated')} ${task?.created}`,
-        });
+        this.setPageFromTask(task);
         this.openModal();
     }
     openTaskAndProcessLinkDetails(taskWithProcessLink) {
         this.processLinkPreloaded$.next(true);
         if (taskWithProcessLink) {
             this.taskAndProcessLink$.next(taskWithProcessLink);
-            this.task$.next({ ...taskWithProcessLink.task });
+            const task = enrichTaskFromProcessLink({ ...taskWithProcessLink.task }, taskWithProcessLink.processLinkActivityResult);
+            this.task$.next(task);
         }
+        this.setPageFromTask(taskWithProcessLink?.task);
+        this.openModal();
+    }
+    setPageFromTask(task) {
         this.page$.next({
-            title: taskWithProcessLink?.task?.name,
-            subtitle: `${this.translateService.instant('taskDetail.taskCreated')} ${taskWithProcessLink?.task?.created}`,
+            title: task?.name,
+            subtitle: `${this.translateService.instant('taskDetail.taskCreated')} ${task?.created}`,
         });
-        this.openModal();
     }
     gotoProcessLinkScreen() {
         this.closeModal();
@@ -1912,6 +2010,9 @@ class TaskDetailModalComponent {
     onCurrentIntermediateSaveEvent(value) {
         this.currentIntermediateSave$.next(value);
     }
+    onTaskUpdated(task) {
+        this.task$.next(task);
+    }
     onFormSubmit() {
         this.formSubmit.emit();
     }
@@ -1921,8 +2022,11 @@ class TaskDetailModalComponent {
     closeModal() {
         this.modalOpen$.next(false);
         this.modalCloseEvent$.next(!this.modalCloseEvent$.getValue());
-        // Delay clearing submission until after modal close animation completes
+        // Delay clearing task data and submission until after modal close animation completes
         runAfterCarbonModalClosed(() => {
+            this.processLinkPreloaded$.next(false);
+            this.task$.next(null);
+            this.taskAndProcessLink$.next(null);
             this.taskIntermediateSaveService.setSubmission({});
         });
     }
@@ -1933,19 +2037,21 @@ 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.TranslateService }, { token: i3.PermissionService }, { token: i4$1.NGXLogger }, { token: TaskIntermediateSaveService }, { token: i6.SseService }, { token: i0.ChangeDetectorRef }, { token: i2.IconService }, { token: i2$1.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" }, 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      ></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      ></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    ></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: i2.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2.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"] }, { 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"] }, { kind: "directive", type: i9.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "pipe", type: i11.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.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.TranslateService }, { token: i3$1.PermissionService }, { token: i4$1.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.19", type: TaskDetailModalComponent, isStandalone: false, selector: "valtimo-task-detail-modal", inputs: { modalSize: "modalSize", openFromCaseManagement: "openFromCaseManagement" }, outputs: { formSubmit: "formSubmit", assignmentOfTaskChanged: "assignmentOfTaskChanged", dueDateChanged: "dueDateChanged" }, 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.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      ></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      ></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    ></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.TranslateService }, { type: i3.PermissionService }, { type: i4$1.NGXLogger }, { type: TaskIntermediateSaveService }, { type: i6.SseService }, { type: i0.ChangeDetectorRef }, { type: i2.IconService }, { type: i2$1.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-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.TranslateService }, { type: i3$1.PermissionService }, { type: i4$1.NGXLogger }, { type: TaskIntermediateSaveService }, { type: i6.SseService }, { type: i0.ChangeDetectorRef }, { type: i3.IconService }, { type: i2.DocumentService }, { type: TaskService }, { type: i1$1.GlobalNotificationService }], propDecorators: { _intermediateSaveComponent: [{
                 type: ViewChild,
                 args: [TaskDetailIntermediateSaveComponent]
             }], formSubmit: [{
                 type: Output
             }], assignmentOfTaskChanged: [{
                 type: Output
+            }], dueDateChanged: [{
+                type: Output
             }], modalSize: [{
                 type: Input
             }], openFromCaseManagement: [{
@@ -2310,17 +2416,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$1.DocumentService }, { token: i3.PermissionService }, { token: i1$2.Router }, { token: TaskService }, { token: TaskListService }, { token: i4.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$1.PermissionService }, { token: i1$2.Router }, { token: TaskService }, { token: TaskListService }, { token: i4.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.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 }], 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    ></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 #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}\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: i2.Link, selector: "[cdsLink], [ibmLink]", inputs: ["inline", "disabled"] }, { kind: "component", type: i2.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i2.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"] }, { kind: "pipe", type: i11.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "_taskDetail", first: true, predicate: ["taskDetail"], 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<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    ></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 #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}\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"] }, { kind: "pipe", type: i11.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.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,
@@ -2329,8 +2435,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         TaskListSortService,
                         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    ></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 #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}\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$1.DocumentService }, { type: i3.PermissionService }, { type: i1$2.Router }, { type: TaskService }, { type: TaskListService }, { type: i4.TranslateService }, { type: TaskListColumnService }, { type: TaskListPaginationService }, { type: TaskListSortService }, { type: TaskListSearchService }, { type: TaskListQueryParamService }, { type: i9.PageTitleService }, { type: i6.SseService }], propDecorators: { _taskDetail: [{
+                    ], 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    ></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 #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}\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.TranslateService }, { type: TaskListColumnService }, { type: TaskListPaginationService }, { type: TaskListSortService }, { type: TaskListSearchService }, { type: TaskListQueryParamService }, { type: i9.PageTitleService }, { type: i6.SseService }], propDecorators: { _taskDetail: [{
                 type: ViewChild,
                 args: ['taskDetail']
             }], onPopState: [{
@@ -2505,11 +2611,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: [],
@@ -2534,14 +2640,13 @@ 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,
             WidgetModule,
             SpinnerModule,
-            SearchableDropdownSelectModule,
             CamundaFormModule,
             BrowserAnimationsModule,
             FormsModule, i4.TranslateModule, NgbModule,
@@ -2564,13 +2669,12 @@ class TaskModule {
             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,
             WidgetModule,
             SpinnerModule,
-            SearchableDropdownSelectModule,
             CamundaFormModule,
             BrowserAnimationsModule,
             FormsModule,
@@ -2600,7 +2704,7 @@ class TaskModule {
             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],
@@ -2611,7 +2715,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         PageHeaderModule,
                         WidgetModule,
                         SpinnerModule,
-                        SearchableDropdownSelectModule,
                         CamundaFormModule,
                         BrowserAnimationsModule,
                         FormsModule,