@valtimo/task 13.15.0 → 13.17.0

package/fesm2022/valtimo-task.mjs

@@ -3,14 +3,14 @@ import { Injectable, EventEmitter, Input, Output, Component, ViewContainerRef, V
 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 { BehaviorSubject, combineLatest, tap, filter, switchMap, of, map as map$1, catchError, Subject, Subscription, take as take$1, distinctUntilChanged, EMPTY } from 'rxjs';
-import * as i4 from '@angular/common';
+import * as i11 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i10 from '@ngx-translate/core';
+import * as i4 from '@ngx-translate/core';
 import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
 import * as i2 from 'carbon-components-angular';
-import { ButtonModule, ToggletipModule, IconModule, LayerModule, DatePickerModule, ComboBoxModule, ModalModule, LinkModule, TabsModule, ContentSwitcherModule, DropdownModule, TooltipModule as TooltipModule$1 } 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, switchMap as switchMap$1, catchError as catchError$1, distinctUntilChanged as distinctUntilChanged$1 } from 'rxjs/operators';
+import { map, take, filter as filter$1, startWith, distinctUntilChanged as distinctUntilChanged$1, switchMap as switchMap$1, catchError as catchError$1 } from 'rxjs/operators';
 import * as i1 from '@angular/common/http';
 import { HttpParams, HttpHeaders, HttpClient } from '@angular/common/http';
 import * as i1$1 from '@valtimo/shared';
@@ -944,7 +944,7 @@ 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: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i10.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.ɵ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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AssignUserToTaskComponent, decorators: [{
             type: Component,
@@ -1083,6 +1083,7 @@ class TaskDetailContentComponent {
         this.formIoFormData$ = new BehaviorSubject(null);
         this.formName$ = new BehaviorSubject(null);
         this.loading$ = new BehaviorSubject(true);
+        this.submission$ = new BehaviorSubject(null);
         this.task$ = new BehaviorSubject(null);
         this.taskInstanceId$ = new BehaviorSubject(null);
         this.intermediateSaveEnabled = false;
@@ -1091,6 +1092,30 @@ class TaskDetailContentComponent {
         this.processLinkIsFormViewModel$ = this._taskProcessLinkType$.pipe(map$1((type) => type === 'form-view-model'));
         this.processLinkIsFormFlow$ = this._taskProcessLinkType$.pipe(map$1((type) => type === 'form-flow'));
         this.processLinkIsUiComponent$ = this._taskProcessLinkType$.pipe(map$1((type) => type === 'ui-component'));
+        this.noFormNotification$ = combineLatest([
+            this.loading$,
+            this.formDefinition$,
+            this.formFlowInstanceId$,
+            this.errorMessage$,
+            this.processLinkIsUiComponent$,
+            this.processLinkIsFormViewModel$,
+        ]).pipe(map$1(([loading, formDefinition, formFlowInstanceId, errorMessage, isUiComponent, isFormViewModel,]) => {
+            if (!loading &&
+                !formDefinition &&
+                !formFlowInstanceId &&
+                !errorMessage &&
+                !isUiComponent &&
+                !isFormViewModel) {
+                return {
+                    type: 'warning',
+                    title: this.translateService.instant('interface.warning'),
+                    message: this.translateService.instant('formManagement.noFormDefinitionFoundUser'),
+                    showClose: false,
+                    lowContrast: true,
+                };
+            }
+            return null;
+        }));
         this._processLinkId$ = new BehaviorSubject(null);
         this._subscriptions = new Subscription();
         this._formCustomComponentConfig$ = new BehaviorSubject({});
@@ -1101,14 +1126,13 @@ class TaskDetailContentComponent {
         options.disableAlerts = true;
         this.formioOptions$.next(options);
         this._formCustomComponentConfig$.next(formCustomComponentConfig);
-        this.submission$ = this.taskIntermediateSaveService.submission$;
     }
     ngOnInit() {
         this.openPermissionSubscription();
     }
     ngOnDestroy() {
         this._subscriptions.unsubscribe();
-        this.taskIntermediateSaveService.setSubmission({});
+        this.submission$.next(null);
         this._viewInitialized$.next(false);
     }
     ngAfterViewInit() {
@@ -1213,13 +1237,13 @@ class TaskDetailContentComponent {
                 case 'form':
                     this._taskProcessLinkType$.next('form');
                     this._processLinkId$.next(processLinkResult.processLinkId);
-                    if (this.intermediateSaveEnabled)
-                        this.getCurrentProgress();
-                    this.setFormDefinition(processLinkResult.properties.prefilledForm);
+                    // initializeFormWithSubmission will set loading to false after form is ready
+                    this.initializeFormWithSubmission(processLinkResult.properties.prefilledForm);
                     break;
                 case 'form-flow':
                     this._taskProcessLinkType$.next('form-flow');
                     this.formFlowInstanceId$.next(processLinkResult.properties.formFlowInstanceId ?? '');
+                    this.loading$.next(false);
                     break;
                 case 'form-view-model':
                     this._taskProcessLinkType$.next('form-view-model');
@@ -1227,6 +1251,7 @@ class TaskDetailContentComponent {
                     this.formDefinition$.next(processLinkResult.properties.formDefinition);
                     this.formName$.next(processLinkResult.properties.formName ?? '');
                     this.setFormViewModelComponent();
+                    this.loading$.next(false);
                     break;
                 case 'url':
                     this._taskProcessLinkType$.next('url');
@@ -1242,6 +1267,7 @@ class TaskDetailContentComponent {
                             this.completeTask(task);
                         });
                     });
+                    this.loading$.next(false);
                     break;
                 case 'ui-component':
                     this._taskProcessLinkType$.next('ui-component');
@@ -1249,9 +1275,9 @@ class TaskDetailContentComponent {
                     this.formDefinition$.next(null);
                     this.formName$.next('');
                     this.setFormCustomComponent(processLinkResult.properties.componentKey);
+                    this.loading$.next(false);
                     break;
             }
-            this.loading$.next(false);
         }
     }
     openPermissionSubscription() {
@@ -1277,6 +1303,35 @@ class TaskDetailContentComponent {
         this._taskProcessLinkType$.next('form');
         this.formDefinition$.next(formDefinition);
     }
+    initializeFormWithSubmission(formDefinition) {
+        if (this.intermediateSaveEnabled) {
+            // Wait for intermediate submission before rendering the form
+            this.taskInstanceId$
+                .pipe(filter(value => !!value), take$1(1), switchMap((taskInstanceId) => this.taskIntermediateSaveService.getIntermediateSubmission(taskInstanceId ?? '')))
+                .subscribe({
+                next: (intermediateSubmission) => {
+                    // Set submission first, then form definition, then mark as loaded
+                    this.submission$.next({
+                        data: intermediateSubmission?.submission || {},
+                    });
+                    this.setFormDefinition(formDefinition);
+                    this.loading$.next(false);
+                },
+                error: () => {
+                    // If fetching fails, still render form with empty submission
+                    this.submission$.next({ data: {} });
+                    this.setFormDefinition(formDefinition);
+                    this.loading$.next(false);
+                },
+            });
+        }
+        else {
+            // No intermediate save, render form immediately with empty submission
+            this.submission$.next({ data: {} });
+            this.setFormDefinition(formDefinition);
+            this.loading$.next(false);
+        }
+    }
     setFormViewModelComponent() {
         combineLatest([this._viewInitialized$, this.processLinkIsFormViewModel$]).subscribe(([viewInitialized, isFvm]) => {
             if (viewInitialized && isFvm) {
@@ -1335,6 +1390,7 @@ class TaskDetailContentComponent {
     }
     resetFormDefinition() {
         this.formDefinition$.next(null);
+        this.submission$.next(null);
         this.loading$.next(true);
     }
     resetTaskProcessLinkType() {
@@ -1347,16 +1403,23 @@ class TaskDetailContentComponent {
             .subscribe(ProcessDefinitionCaseDefinition => {
             const caseDefinitionKey = ProcessDefinitionCaseDefinition.id.caseDefinitionId.key;
             this.modalService.setCaseDefinitionKey(caseDefinitionKey);
-            this.stateService.setDocumentDefinitionName(caseDefinitionKey);
+            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: i10.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: "14.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  } as obs\"\n>\n  <valtimo-form-io\n    #form\n    *ngIf=\"\n      obs.formDefinition &&\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  <div *ngIf=\"obs.loading\" class=\"text-black mb-0 p-3 text-center\">\n    {{ 'formManagement.loading' | translate }}\n  </div>\n\n  <div\n    *ngIf=\"\n      obs.loading === false &&\n      !obs.formDefinition &&\n      !obs.formFlowInstanceId &&\n      !obs.errorMessage &&\n      !obs.processLinkIsUiComponent\n    \"\n    class=\"bg-warning text-black mb-0 p-3 text-center\"\n  >\n    {{\n      (isAdmin$ | async)\n        ? ('formManagement.noFormDefinitionFoundAdmin' | translate)\n        : ('formManagement.noFormDefinitionFoundUser' | translate)\n    }}\n  </div>\n\n  <div *ngIf=\"obs.errorMessage\" class=\"bg-danger text-black mb-0 p-3 text-center\">\n    {{ obs.errorMessage }}\n  </div>\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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.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: i10.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ProcessLinkModule }, { kind: "component", type: i7.FormFlowComponent, selector: "valtimo-form-flow", inputs: ["formIoFormData", "formFlowInstanceId"], outputs: ["formFlowComplete", "formFlowChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskDetailContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-task-detail-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormIoModule, TranslateModule, ProcessLinkModule], 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  } as obs\"\n>\n  <valtimo-form-io\n    #form\n    *ngIf=\"\n      obs.formDefinition &&\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  <div *ngIf=\"obs.loading\" class=\"text-black mb-0 p-3 text-center\">\n    {{ 'formManagement.loading' | translate }}\n  </div>\n\n  <div\n    *ngIf=\"\n      obs.loading === false &&\n      !obs.formDefinition &&\n      !obs.formFlowInstanceId &&\n      !obs.errorMessage &&\n      !obs.processLinkIsUiComponent\n    \"\n    class=\"bg-warning text-black mb-0 p-3 text-center\"\n  >\n    {{\n      (isAdmin$ | async)\n        ? ('formManagement.noFormDefinitionFoundAdmin' | translate)\n        : ('formManagement.noFormDefinitionFoundUser' | translate)\n    }}\n  </div>\n\n  <div *ngIf=\"obs.errorMessage\" class=\"bg-danger text-black mb-0 p-3 text-center\">\n    {{ obs.errorMessage }}\n  </div>\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: i10.TranslateService }, { type: undefined, decorators: [{
+            args: [{ selector: 'valtimo-task-detail-content', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        FormIoModule,
+                        TranslateModule,
+                        ProcessLinkModule,
+                        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: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -1534,8 +1597,8 @@ 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: i10.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: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i10.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.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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskDetailIntermediateSaveComponent, decorators: [{
             type: Component,
@@ -1548,7 +1611,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: i10.TranslateService }], propDecorators: { task: [{
+        }], ctorParameters: () => [{ type: i1$1.ConfigService }, { type: i1$1.GlobalNotificationService }, { type: i2.IconService }, { type: TaskIntermediateSaveService }, { type: TaskService }, { type: i4.TranslateService }], propDecorators: { task: [{
                 type: Input
             }], taskAndProcessLink: [{
                 type: Input
@@ -1590,10 +1653,11 @@ class SetTaskDueDateComponent {
         this.hasDueDate$.next(!!value.due);
         this._task$.next(value);
     }
-    constructor(iconService, taskService, cdsThemeService) {
+    constructor(iconService, taskService, cdsThemeService, translateService) {
         this.iconService = iconService;
         this.taskService = taskService;
         this.cdsThemeService = cdsThemeService;
+        this.translateService = translateService;
         this.canModifyTaskSet$ = new BehaviorSubject(false);
         this.canModifyTask$ = new BehaviorSubject(false);
         this._task$ = new BehaviorSubject(null);
@@ -1604,6 +1668,7 @@ class SetTaskDueDateComponent {
         this.open$ = new Subject();
         this.mouseIsOverDueDate$ = new BehaviorSubject(false);
         this.toggletipTheme$ = this.cdsThemeService.toggletipTheme$;
+        this.language$ = this.translateService.onLangChange.pipe(map(event => event.lang), startWith(this.translateService.currentLang), distinctUntilChanged$1());
         this.iconService.registerAll([CalendarAdd16]);
     }
     onDateValueChange(value) {
@@ -1651,8 +1716,8 @@ 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 }], 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    } 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]=\"'Select date'\"\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: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i10.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"] }] }); }
+    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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SetTaskDueDateComponent, decorators: [{
             type: Component,
@@ -1665,8 +1730,8 @@ 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    } 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]=\"'Select date'\"\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 }], 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    } 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: [{
                 type: Input
             }], task: [{
                 type: Input
@@ -1720,6 +1785,7 @@ class TaskDetailModalComponent {
         this.page$ = new BehaviorSubject(null);
         this.showConfirmationModal$ = new BehaviorSubject(false);
         this.businessKey$ = new BehaviorSubject('');
+        this.caseDocumentId$ = new BehaviorSubject('');
         this.size$ = new BehaviorSubject('md');
         this.openFromCaseManagement$ = new BehaviorSubject(false);
         this.canAssignUserToTask$ = new BehaviorSubject(false);
@@ -1737,12 +1803,12 @@ class TaskDetailModalComponent {
         this._subscriptions.unsubscribe();
     }
     openRelatedCase() {
-        const businessKey = this.businessKey$.getValue();
+        const caseDocId = this.caseDocumentId$.getValue() || this.businessKey$.getValue();
         this.documentService
-            .getDocument(businessKey)
+            .getDocument(caseDocId)
             .pipe(take(1))
             .subscribe(document => {
-            window.open(`/cases/${document.definitionId?.name}/document/${businessKey}`, '_blank');
+            window.open(`/cases/${document.definitionId?.name}/document/${caseDocId}`, '_blank');
         });
     }
     openTaskSubscription() {
@@ -1750,6 +1816,7 @@ class TaskDetailModalComponent {
             if (task) {
                 this.logger.debug('Checking if user allowed to assign a user to Task with id:', task.id);
                 this.businessKey$.next(task.businessKey);
+                this.caseDocumentId$.next(task.caseDocumentId || task.businessKey);
                 this.permissionService
                     .requestPermission(CAN_ASSIGN_TASK_PERMISSION, {
                     resource: TASK_DETAIL_PERMISSION_RESOURCE.task,
@@ -1866,13 +1933,13 @@ class TaskDetailModalComponent {
             this.cdr.detectChanges();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskDetailModalComponent, deps: [{ token: i1$2.Router }, { token: i10.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}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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", 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}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: i10.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      ></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: [{
                 type: ViewChild,
                 args: [TaskDetailIntermediateSaveComponent]
             }], formSubmit: [{
@@ -2087,13 +2154,12 @@ class TaskListComponent {
         this.cachedTasks$.pipe(take(1)).subscribe(cachedTasks => {
             const currentTask = cachedTasks && cachedTasks[index];
             if (currentTask && !currentTask.caseLocked) {
+                const caseDocId = currentTask.caseDocumentId || currentTask.businessKey;
                 this.documentService
-                    .getDocument(currentTask.businessKey)
+                    .getDocument(caseDocId)
                     .pipe(take(1))
                     .subscribe(document => {
-                    this.router.navigate([
-                        `/cases/${document.definitionId?.name}/document/${currentTask.businessKey}`,
-                    ]);
+                    this.router.navigate([`/cases/${document.definitionId?.name}/document/${caseDocId}`]);
                 });
             }
         });
@@ -2181,7 +2247,7 @@ class TaskListComponent {
             hasTaskResults
                 ? combineLatest(taskResults.map(task => this.permissionService.requestPermission(CAN_VIEW_CASE_PERMISSION, {
                     resource: TASK_DETAIL_PERMISSION_RESOURCE.jsonSchemaDocument,
-                    identifier: task.businessKey,
+                    identifier: task.caseDocumentId || task.businessKey,
                 })))
                 : of(null),
         ]);
@@ -2192,6 +2258,7 @@ class TaskListComponent {
             return tasks.content.map((specifiedTask, specifiedTaskIndex) => specifiedTask.items.reduce((acc, curr) => ({
                 id: specifiedTask.id,
                 businessKey: specifiedTask.businessKey,
+                caseDocumentId: specifiedTask.caseDocumentId,
                 processInstanceId: specifiedTask.processInstanceId,
                 name: specifiedTask.name,
                 ...(moment(specifiedTask.created).isValid() && {
@@ -2243,7 +2310,7 @@ 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: i10.TranslateService }, { token: TaskListColumnService }, { token: TaskListPaginationService }, { token: TaskListSortService }, { token: TaskListSearchService }, { token: TaskListQueryParamService }, { token: i9.PageTitleService }, { token: i6.SseService }], target: i0.ɵɵFactoryTarget.Component }); }
+    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: [
             TaskListService,
             TaskListColumnService,
@@ -2251,7 +2318,7 @@ class TaskListComponent {
             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: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.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    ></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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TaskListComponent, decorators: [{
             type: Component,
@@ -2263,7 +2330,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         TaskListSearchService,
                         TaskListQueryParamService,
                     ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"{\n    loading: loadingTasks$ | async,\n    selectedTaskType: selectedTaskType$ | async,\n    tasks: tasks$ | async,\n    fields: fields$ | async,\n    visibleTabs: visibleTabs$ | async,\n    pagination: paginationForCurrentTaskTypeForList$ | async,\n    taskListColumnsForCase: taskListColumnsForCase$ | async,\n    sortState: sortStateForCurrentTaskType$ | async,\n    overrideSortState: overrideSortState$ | async,\n    searchFields: searchFields$ | async,\n    loadingSearchFields: loadingSearchFields$ | async,\n    caseDefinitionKey: caseDefinitionKey$ | async,\n    noResultsMessage: noResultsMessage$ | async,\n  } as obs\"\n  class=\"main-content\"\n>\n  <div class=\"container-fluid\">\n    @if (obs.caseDefinitionKey && obs.caseDefinitionKey !== ALL_CASES_ID) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          searchFields;\n          context: {\n            obs: obs,\n          }\n        \"\n      ></ng-container>\n    }\n\n    <ng-container\n      *ngTemplateOutlet=\"\n        tasksList;\n        context: {\n          obs: obs,\n        }\n      \"\n    ></ng-container>\n\n    <ng-container\n      *ngTemplateOutlet=\"\n        tasksListLoading;\n        context: {\n          obs: obs,\n        }\n      \"\n    ></ng-container>\n\n    <valtimo-task-detail-modal\n      #taskDetail\n      (formSubmit)=\"reload()\"\n      (assignmentOfTaskChanged)=\"reload()\"\n    ></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: i10.TranslateService }, { type: TaskListColumnService }, { type: TaskListPaginationService }, { type: TaskListSortService }, { type: TaskListSearchService }, { type: TaskListQueryParamService }, { type: i9.PageTitleService }, { type: i6.SseService }], propDecorators: { _taskDetail: [{
+        }], ctorParameters: () => [{ type: i1$1.ConfigService }, { type: i2$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: [{
                 type: ViewChild,
                 args: ['taskDetail']
             }], onPopState: [{
@@ -2477,7 +2544,7 @@ class TaskModule {
             SearchableDropdownSelectModule,
             CamundaFormModule,
             BrowserAnimationsModule,
-            FormsModule, i10.TranslateModule, NgbModule,
+            FormsModule, i4.TranslateModule, NgbModule,
             FormIoModule,
             ModalModule,
             LinkModule,