@valtimo/task 12.2.1 → 12.4.0

package/fesm2022/valtimo-task.mjs

@@ -1,164 +1,36 @@
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, Input, Output, ViewContainerRef, ViewEncapsulation, Optional, Inject, ViewChild, ChangeDetectionStrategy, HostListener, NgModule } from '@angular/core';
+import { Injectable, EventEmitter, Component, Input, Output, ViewContainerRef, ChangeDetectionStrategy, Optional, Inject, ViewChild, signal, ViewEncapsulation, HostListener, NgModule } from '@angular/core';
+import * as i9 from '@valtimo/components';
+import { ViewType, SearchableDropdownSelectModule, FormioOptionsImpl, FormIoModule, ConfirmationModalModule, TooltipModule, CarbonListModule, PageHeaderModule, WidgetModule, SpinnerModule, CamundaFormModule, RenderInPageHeaderDirectiveModule, SearchFieldsModule } from '@valtimo/components';
+import { BehaviorSubject, combineLatest, tap, filter, switchMap, of, map as map$1, Subscription, take as take$1, distinctUntilChanged, Subject } from 'rxjs';
+import * as i6 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@ngx-translate/core';
+import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
 import * as i1 from '@angular/common/http';
 import { HttpParams, HttpHeaders, HttpClient } from '@angular/common/http';
-import * as i2 from '@valtimo/config';
+import * as i1$1 from '@valtimo/config';
 import { BaseApiService, TaskListTab, FORM_VIEW_MODEL_TOKEN, ROLE_USER, HttpLoaderFactory } from '@valtimo/config';
-import * as i5 from '@valtimo/security';
 import { InterceptorSkip, AuthGuardService } from '@valtimo/security';
-import * as i10 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import * as i11$1 from '@ng-bootstrap/ng-bootstrap';
-import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import * as i8 from '@ngx-translate/core';
-import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
-import * as i6 from '@valtimo/components';
-import { ViewType, FormioOptionsImpl, CarbonListModule, PageHeaderModule, WidgetModule, SpinnerModule, SearchableDropdownSelectModule, CamundaFormModule, FormIoModule, RenderInPageHeaderDirectiveModule, ConfirmationModalModule, SearchFieldsModule } from '@valtimo/components';
-import * as i2$1 from '@valtimo/process-link';
-import { ProcessLinkModule } from '@valtimo/process-link';
-import * as i11 from 'carbon-components-angular';
-import { ModalModule, LinkModule, TabsModule, ContentSwitcherModule, DropdownModule, ButtonModule, IconModule, TooltipModule } from 'carbon-components-angular';
-import * as i1$2 from 'ngx-toastr';
-import { ToastrModule } from 'ngx-toastr';
-import { BehaviorSubject, combineLatest, tap, filter, switchMap, of, map as map$1, Subscription, take as take$1, Subject } from 'rxjs';
-import { map, take, distinctUntilChanged, switchMap as switchMap$1, filter as filter$1 } from 'rxjs/operators';
+import { map, take, filter as filter$1, distinctUntilChanged as distinctUntilChanged$1 } from 'rxjs/operators';
 import { omit, isEqual } from 'lodash';
-import * as i1$1 from '@angular/router';
+import * as i1$2 from '@angular/router';
 import { RouterModule } from '@angular/router';
-import moment from 'moment';
 import { RecentlyViewed16 } from '@carbon/icons';
-import * as i7 from '@valtimo/document';
-import * as i12 from '@valtimo/access-control';
-import * as i13 from 'ngx-logger';
-
-/*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-var TaskListColumnDefaultSort;
-(function (TaskListColumnDefaultSort) {
-    TaskListColumnDefaultSort["ASC"] = "ASC";
-    TaskListColumnDefaultSort["DESC"] = "DESC";
-})(TaskListColumnDefaultSort || (TaskListColumnDefaultSort = {}));
-
-/*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-var TaskListSearchFieldDataType;
-(function (TaskListSearchFieldDataType) {
-    TaskListSearchFieldDataType["TEXT"] = "text";
-    TaskListSearchFieldDataType["NUMBER"] = "number";
-    TaskListSearchFieldDataType["DATE"] = "date";
-    TaskListSearchFieldDataType["DATETIME"] = "datetime";
-    TaskListSearchFieldDataType["TIME"] = "time";
-    TaskListSearchFieldDataType["BOOLEAN"] = "boolean";
-})(TaskListSearchFieldDataType || (TaskListSearchFieldDataType = {}));
-var TaskListSearchFieldFieldType;
-(function (TaskListSearchFieldFieldType) {
-    TaskListSearchFieldFieldType["SINGLE"] = "single";
-    TaskListSearchFieldFieldType["RANGE"] = "range";
-    TaskListSearchFieldFieldType["SINGLE_SELECT_DROPDOWN"] = "single_select_dropdown";
-    TaskListSearchFieldFieldType["MULTI_SELECT_DROPDOWN"] = "multi_select_dropdown";
-})(TaskListSearchFieldFieldType || (TaskListSearchFieldFieldType = {}));
-var TaskListSearchFieldMatchType;
-(function (TaskListSearchFieldMatchType) {
-    TaskListSearchFieldMatchType["LIKE"] = "like";
-    TaskListSearchFieldMatchType["EXACT"] = "exact";
-})(TaskListSearchFieldMatchType || (TaskListSearchFieldMatchType = {}));
-var TaskListSearchDropdownDataProvider;
-(function (TaskListSearchDropdownDataProvider) {
-    TaskListSearchDropdownDataProvider["DATABASE"] = "dropdownDatabaseDataProvider";
-    TaskListSearchDropdownDataProvider["JSON"] = "dropdownJsonFileDataProvider";
-})(TaskListSearchDropdownDataProvider || (TaskListSearchDropdownDataProvider = {}));
-
-/*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
+import * as i7 from '@valtimo/process-link';
+import { ProcessLinkModule, formSizeToCarbonModalSizeMap } from '@valtimo/process-link';
+import * as i2 from '@valtimo/document';
+import * as i12 from 'carbon-components-angular';
+import { ButtonModule, IconModule, ModalModule, LinkModule, TabsModule, ContentSwitcherModule, DropdownModule, TooltipModule as TooltipModule$1 } from 'carbon-components-angular';
+import * as i4 from 'ngx-logger';
+import * as i3$1 from '@valtimo/access-control';
+import * as i10 from 'ngx-toastr';
+import { ToastrModule } from 'ngx-toastr';
+import moment from 'moment';
+import * as i11 from '@ng-bootstrap/ng-bootstrap';
+import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
+import { FormsModule } from '@angular/forms';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
 /*
  * Copyright 2015-2024 Ritense BV, the Netherlands.
@@ -245,13 +117,13 @@ class TaskService extends BaseApiService {
     getTaskListSearchFields(caseDefinitionName) {
         return this.httpClient.get(this.getApiUrl(`v1/search/field/TaskListSearchColumns/${caseDefinitionName}`));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskService, deps: [{ token: i1.HttpClient }, { token: i1$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ConfigService }] });
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i1$1.ConfigService }] });
 
 /*
  * Copyright 2015-2024 Ritense BV, the Netherlands.
@@ -757,12 +629,12 @@ class TaskListSearchService {
         });
         return filters;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskListSearchService, deps: [{ token: i2.ConfigService }, { token: TaskListService }, { token: TaskService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskListSearchService, deps: [{ token: i1$1.ConfigService }, { token: TaskListService }, { token: TaskService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskListSearchService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskListSearchService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i2.ConfigService }, { type: TaskListService }, { type: TaskService }] });
+        }], ctorParameters: () => [{ type: i1$1.ConfigService }, { type: TaskListService }, { type: TaskService }] });
 
 /*
  * Copyright 2015-2024 Ritense BV, the Netherlands.
@@ -806,12 +678,75 @@ class TaskListQueryParamService {
     parseBase64(base64string) {
         return JSON.parse(atob(base64string));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskListQueryParamService, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskListQueryParamService, deps: [{ token: i1$2.Router }, { token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskListQueryParamService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskListQueryParamService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }] });
+        }], ctorParameters: () => [{ type: i1$2.Router }, { type: i1$2.ActivatedRoute }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class TaskIntermediateSaveService extends BaseApiService {
+    get submission$() {
+        return this._submission$.pipe(filter((value) => !!value));
+    }
+    get formIoFormData$() {
+        return this._formIoFormData$.pipe(filter((value) => !!value));
+    }
+    constructor(httpClient, configService) {
+        super(httpClient, configService);
+        this.httpClient = httpClient;
+        this.configService = configService;
+        this._submission$ = new BehaviorSubject({});
+        this._formIoFormData$ = new BehaviorSubject({});
+    }
+    getIntermediateSubmission(taskInstanceId) {
+        return this.httpClient.get(this.getApiUrl('/v1/form/intermediate/submission'), {
+            params: {
+                taskInstanceId,
+            },
+            headers: new HttpHeaders().set(InterceptorSkip, '404'),
+        });
+    }
+    storeIntermediateSubmission(request) {
+        return this.httpClient.post(this.getApiUrl('/v1/form/intermediate/submission'), request, {
+            headers: new HttpHeaders().set(InterceptorSkip, '400'),
+        });
+    }
+    clearIntermediateSubmission(taskInstanceId) {
+        return this.httpClient.delete(this.getApiUrl('/v1/form/intermediate/submission'), {
+            params: {
+                taskInstanceId,
+            },
+        });
+    }
+    setSubmission(value) {
+        this._submission$.next(value);
+    }
+    setFormIoFormData(value) {
+        this._formIoFormData$.next(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskIntermediateSaveService, deps: [{ token: i1.HttpClient }, { token: i1$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskIntermediateSaveService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskIntermediateSaveService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i1$1.ConfigService }] });
 
 /*
  * Copyright 2015-2024 Ritense BV, the Netherlands.
@@ -931,11 +866,11 @@ class AssignUserToTaskComponent {
         this.disabled$.next(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AssignUserToTaskComponent, deps: [{ token: TaskService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AssignUserToTaskComponent, selector: "valtimo-assign-user-to-task", inputs: { taskId: "taskId", assigneeId: "assigneeId" }, outputs: { assignmentOfTaskChanged: "assignmentOfTaskChanged" }, usesOnChanges: true, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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    candidateUsers: candidateUsersForTask$ | async,\n    disabled: disabled$ | async,\n    idOnServer: assignedIdOnServer$ | async\n  } as obs\"\n>\n  <div class=\"container-fluid\">\n    <div class=\"row mt-2 mb-2\">\n      <div class=\"col-12 pl-0 d-flex flex-row align-items-center\">\n        <valtimo-searchable-dropdown-select\n          *ngIf=\"obs.candidateUsers; else loading\"\n          [style]=\"'underlinedText'\"\n          [items]=\"mapUsersForDropdown(obs.candidateUsers)\"\n          [buttonText]=\"'assignTask.header' | translate\"\n          [searchText]=\"'interface.typeToSearch' | translate\"\n          [noResultsText]=\"'interface.noSearchResults' | translate\"\n          [disabled]=\"obs.disabled\"\n          [selectedText]=\"'assignTask.assignedTo' | translate\"\n          [selectedTextValue]=\"assignedUserFullName$ | async\"\n          [clearSelectionButtonTitle]=\"'assignTask.remove' | translate\"\n          [hasSelection]=\"userIdToAssign === obs.idOnServer && obs.idOnServer !== null\"\n          [width]=\"250\"\n          (itemSelected)=\"assignTask($event)\"\n          (clearSelection)=\"unassignTask()\"\n        >\n        </valtimo-searchable-dropdown-select>\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<ng-template #loading>\n  <h5>\n    <b>{{ 'assignTask.fetchingUsers' | translate }}</b>\n  </h5>\n</ng-template>\n", styles: [".container-fluid{color:#959595}i{font-size:13px}\n/*!\n * Copyright 2015-2024 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: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.SearchableDropdownSelectComponent, selector: "valtimo-searchable-dropdown-select", inputs: ["style", "items", "buttonText", "searchText", "noResultsText", "disabled", "selectedText", "selectedTextValue", "clearSelectionButtonTitle", "hasSelection", "width", "hasPermission", "showClearSelection"], outputs: ["itemSelected", "clearSelection"] }, { kind: "pipe", type: i10.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AssignUserToTaskComponent, isStandalone: true, selector: "valtimo-assign-user-to-task", inputs: { taskId: "taskId", assigneeId: "assigneeId" }, outputs: { assignmentOfTaskChanged: "assignmentOfTaskChanged" }, usesOnChanges: true, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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    candidateUsers: candidateUsersForTask$ | async,\n    disabled: disabled$ | async,\n    idOnServer: assignedIdOnServer$ | async,\n  } as obs\"\n>\n  <div class=\"container-fluid\">\n    <div class=\"row mt-2 mb-2\">\n      <div class=\"col-12 pl-0 d-flex flex-row align-items-center\">\n        <valtimo-searchable-dropdown-select\n          *ngIf=\"obs.candidateUsers; else loading\"\n          [style]=\"'underlinedText'\"\n          [items]=\"mapUsersForDropdown(obs.candidateUsers)\"\n          [buttonText]=\"'assignTask.header' | translate\"\n          [searchText]=\"'interface.typeToSearch' | translate\"\n          [noResultsText]=\"'interface.noSearchResults' | translate\"\n          [disabled]=\"obs.disabled\"\n          [selectedText]=\"'assignTask.assignedTo' | translate\"\n          [selectedTextValue]=\"assignedUserFullName$ | async\"\n          [clearSelectionButtonTitle]=\"'assignTask.remove' | translate\"\n          [hasSelection]=\"userIdToAssign === obs.idOnServer && obs.idOnServer !== null\"\n          [width]=\"250\"\n          (itemSelected)=\"assignTask($event)\"\n          (clearSelection)=\"unassignTask()\"\n        >\n        </valtimo-searchable-dropdown-select>\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<ng-template #loading>\n  <h5>\n    <b>{{ 'assignTask.fetchingUsers' | translate }}</b>\n  </h5>\n</ng-template>\n", styles: [".container-fluid{color:#959595}i{font-size:13px}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: SearchableDropdownSelectModule }, { kind: "component", type: i9.SearchableDropdownSelectComponent, selector: "valtimo-searchable-dropdown-select", inputs: ["style", "items", "buttonText", "searchText", "noResultsText", "disabled", "selectedText", "selectedTextValue", "clearSelectionButtonTitle", "hasSelection", "width", "hasPermission", "showClearSelection"], outputs: ["itemSelected", "clearSelection"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AssignUserToTaskComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-assign-user-to-task', template: "<!--\n  ~ Copyright 2015-2024 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    candidateUsers: candidateUsersForTask$ | async,\n    disabled: disabled$ | async,\n    idOnServer: assignedIdOnServer$ | async\n  } as obs\"\n>\n  <div class=\"container-fluid\">\n    <div class=\"row mt-2 mb-2\">\n      <div class=\"col-12 pl-0 d-flex flex-row align-items-center\">\n        <valtimo-searchable-dropdown-select\n          *ngIf=\"obs.candidateUsers; else loading\"\n          [style]=\"'underlinedText'\"\n          [items]=\"mapUsersForDropdown(obs.candidateUsers)\"\n          [buttonText]=\"'assignTask.header' | translate\"\n          [searchText]=\"'interface.typeToSearch' | translate\"\n          [noResultsText]=\"'interface.noSearchResults' | translate\"\n          [disabled]=\"obs.disabled\"\n          [selectedText]=\"'assignTask.assignedTo' | translate\"\n          [selectedTextValue]=\"assignedUserFullName$ | async\"\n          [clearSelectionButtonTitle]=\"'assignTask.remove' | translate\"\n          [hasSelection]=\"userIdToAssign === obs.idOnServer && obs.idOnServer !== null\"\n          [width]=\"250\"\n          (itemSelected)=\"assignTask($event)\"\n          (clearSelection)=\"unassignTask()\"\n        >\n        </valtimo-searchable-dropdown-select>\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<ng-template #loading>\n  <h5>\n    <b>{{ 'assignTask.fetchingUsers' | translate }}</b>\n  </h5>\n</ng-template>\n", styles: [".container-fluid{color:#959595}i{font-size:13px}\n/*!\n * Copyright 2015-2024 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"] }]
+            args: [{ selector: 'valtimo-assign-user-to-task', standalone: true, imports: [CommonModule, TranslateModule, SearchableDropdownSelectModule], template: "<!--\n  ~ Copyright 2015-2024 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    candidateUsers: candidateUsersForTask$ | async,\n    disabled: disabled$ | async,\n    idOnServer: assignedIdOnServer$ | async,\n  } as obs\"\n>\n  <div class=\"container-fluid\">\n    <div class=\"row mt-2 mb-2\">\n      <div class=\"col-12 pl-0 d-flex flex-row align-items-center\">\n        <valtimo-searchable-dropdown-select\n          *ngIf=\"obs.candidateUsers; else loading\"\n          [style]=\"'underlinedText'\"\n          [items]=\"mapUsersForDropdown(obs.candidateUsers)\"\n          [buttonText]=\"'assignTask.header' | translate\"\n          [searchText]=\"'interface.typeToSearch' | translate\"\n          [noResultsText]=\"'interface.noSearchResults' | translate\"\n          [disabled]=\"obs.disabled\"\n          [selectedText]=\"'assignTask.assignedTo' | translate\"\n          [selectedTextValue]=\"assignedUserFullName$ | async\"\n          [clearSelectionButtonTitle]=\"'assignTask.remove' | translate\"\n          [hasSelection]=\"userIdToAssign === obs.idOnServer && obs.idOnServer !== null\"\n          [width]=\"250\"\n          (itemSelected)=\"assignTask($event)\"\n          (clearSelection)=\"unassignTask()\"\n        >\n        </valtimo-searchable-dropdown-select>\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<ng-template #loading>\n  <h5>\n    <b>{{ 'assignTask.fetchingUsers' | translate }}</b>\n  </h5>\n</ng-template>\n", styles: [".container-fluid{color:#959595}i{font-size:13px}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: TaskService }], propDecorators: { taskId: [{
                 type: Input
             }], assigneeId: [{
@@ -997,170 +932,79 @@ const CAN_VIEW_CASE_PERMISSION = {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class TaskIntermediateSaveService extends BaseApiService {
-    constructor(httpClient, configService) {
-        super(httpClient, configService);
-        this.httpClient = httpClient;
-        this.configService = configService;
-    }
-    getIntermediateSubmission(taskInstanceId) {
-        return this.httpClient.get(this.getApiUrl('/v1/form/intermediate/submission'), {
-            params: {
-                taskInstanceId,
-            },
-            headers: new HttpHeaders().set(InterceptorSkip, '404'),
-        });
-    }
-    storeIntermediateSubmission(request) {
-        return this.httpClient.post(this.getApiUrl('/v1/form/intermediate/submission'), request, {
-            headers: new HttpHeaders().set(InterceptorSkip, '400'),
-        });
-    }
-    clearIntermediateSubmission(taskInstanceId) {
-        return this.httpClient.delete(this.getApiUrl('/v1/form/intermediate/submission'), {
-            params: {
-                taskInstanceId,
-            },
-        });
+class TaskDetailContentComponent {
+    set task(value) {
+        if (!value)
+            return;
+        this.loadTaskDetails(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskIntermediateSaveService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskIntermediateSaveService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskIntermediateSaveService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ConfigService }] });
-
-/*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-moment.locale(localStorage.getItem('langKey') || '');
-class TaskDetailModalComponent {
-    constructor(toastr, processLinkService, router, taskService, userProviderService, modalService, stateService, documentService, translateService, formViewModel, taskIntermediateSaveService, configService, iconService, permissionService, logger) {
-        this.toastr = toastr;
+    constructor(configService, documentService, iconService, logger, modalService, permissionService, processLinkService, router, stateService, taskIntermediateSaveService, taskService, toastr, translateService, formViewModel, urlResolverService) {
+        this.configService = configService;
+        this.documentService = documentService;
+        this.iconService = iconService;
+        this.logger = logger;
+        this.modalService = modalService;
+        this.permissionService = permissionService;
         this.processLinkService = processLinkService;
         this.router = router;
-        this.taskService = taskService;
-        this.userProviderService = userProviderService;
-        this.modalService = modalService;
         this.stateService = stateService;
-        this.documentService = documentService;
+        this.taskIntermediateSaveService = taskIntermediateSaveService;
+        this.taskService = taskService;
+        this.toastr = toastr;
         this.translateService = translateService;
         this.formViewModel = formViewModel;
-        this.taskIntermediateSaveService = taskIntermediateSaveService;
-        this.configService = configService;
-        this.iconService = iconService;
-        this.permissionService = permissionService;
-        this.logger = logger;
+        this.urlResolverService = urlResolverService;
+        this.closeModalEvent = new EventEmitter();
         this.formSubmit = new EventEmitter();
-        this.assignmentOfTaskChanged = new EventEmitter();
-        this.intermediateSaveEnabled = false;
-        this.currentIntermediateSave = null;
-        this.task$ = new BehaviorSubject(null);
-        this.taskInstanceId$ = new BehaviorSubject(null);
-        this.formDefinition$ = new BehaviorSubject(undefined);
-        this.formDefinitionId$ = new BehaviorSubject(undefined);
-        this.formName$ = new BehaviorSubject(undefined);
-        this.submission$ = new BehaviorSubject({});
-        this.formFlowInstanceId$ = new BehaviorSubject(undefined);
-        this.page$ = new BehaviorSubject(null);
+        this.activeChange = new EventEmitter();
+        this.canAssignUserToTask$ = new BehaviorSubject(false);
+        this.errorMessage$ = new BehaviorSubject(null);
+        this.formDefinition$ = new BehaviorSubject(null);
+        this.formDefinitionId$ = new BehaviorSubject(null);
+        this.formFlowInstanceId$ = new BehaviorSubject(null);
         this.formioOptions$ = new BehaviorSubject(null);
-        this.errorMessage$ = new BehaviorSubject(undefined);
-        this.isAdmin$ = this.userProviderService
-            .getUserSubject()
-            .pipe(map(userIdentity => userIdentity?.roles?.includes('ROLE_ADMIN')));
         this.formIoFormData$ = new BehaviorSubject(null);
+        this.formName$ = new BehaviorSubject(null);
         this.loading$ = new BehaviorSubject(true);
-        this.showConfirmationModal$ = new BehaviorSubject(false);
-        this.taskProcessLinkType$ = new BehaviorSubject(null);
-        this.processLinkIsForm$ = this.taskProcessLinkType$.pipe(map(type => type === 'form'));
-        this.processLinkIsFormViewModel$ = this.taskProcessLinkType$.pipe(map(type => type === 'form-view-model'));
-        this.processLinkIsFormFlow$ = this.taskProcessLinkType$.pipe(map(type => type === 'form-flow'));
-        this.canAssignUserToTask$ = new BehaviorSubject(false);
-        this.processLinkId$ = new BehaviorSubject(undefined);
+        this.page$ = new BehaviorSubject(null);
+        this.submission$ = this.taskIntermediateSaveService.submission$;
+        this.task$ = new BehaviorSubject(null);
+        this.taskInstanceId$ = new BehaviorSubject(null);
+        this.intermediateSaveEnabled = false;
+        this._taskProcessLinkType$ = new BehaviorSubject(null);
+        this.processLinkIsForm$ = this._taskProcessLinkType$.pipe(map$1((type) => type === 'form'));
+        this.processLinkIsFormViewModel$ = this._taskProcessLinkType$.pipe(map$1((type) => type === 'form-view-model'));
+        this.processLinkIsFormFlow$ = this._taskProcessLinkType$.pipe(map$1((type) => type === 'form-flow'));
+        this._processLinkId$ = new BehaviorSubject(null);
         this._subscriptions = new Subscription();
+        this.intermediateSaveEnabled = !!this.configService.featureToggles?.enableIntermediateSave;
+        this.iconService.registerAll([RecentlyViewed16]);
         const options = new FormioOptionsImpl();
         options.disableAlerts = true;
         this.formioOptions$.next(options);
-        this.intermediateSaveEnabled = this.configService.featureToggles.enableIntermediateSave;
-        this.iconService.registerAll([RecentlyViewed16]);
-        this._subscriptions.add(this.canAssignUserToTask$.subscribe((canAssign) => {
-            this.logger.debug("Is user allowed to assign a user to Task", canAssign);
-        }));
     }
     ngOnInit() {
-        this._subscriptions.add(this.task$.subscribe(task => {
-            if (task) {
-                this.logger.debug("Checking if user allowed to assign a user to Task with id:", task.id);
-                this.permissionService.requestPermission(CAN_ASSIGN_TASK_PERMISSION, {
-                    resource: TASK_DETAIL_PERMISSION_RESOURCE.task,
-                    identifier: task.id,
-                }).subscribe((allowed) => {
-                    this.canAssignUserToTask$.next(allowed);
-                });
-            }
-            else {
-                this.logger.debug("Reset is user allowed to assign a user to Task as task is null");
-                this.canAssignUserToTask$.next(false);
-            }
-        }));
+        this.openPermissionSubscription();
     }
     ngOnDestroy() {
         this._subscriptions.unsubscribe();
-    }
-    openTaskDetails(task) {
-        this.resetTaskProcessLinkType();
-        this.resetFormDefinition();
-        this.getTaskProcessLink(task.id);
-        this.setDocumentDefinitionNameInService(task);
-        const documentId = task.businessKey;
-        this.stateService.setDocumentId(documentId);
-        this.task$.next(task);
-        this.taskInstanceId$.next(task.id);
-        this.page$.next({
-            title: task.name,
-            subtitle: `${this.translateService.instant('taskDetail.taskCreated')} ${task.created}`,
-        });
-        //only load from formlink when process link failed for backwards compatibility
-        if (!this.taskProcessLinkType$.getValue()) {
-            this.openModal();
-        }
-    }
-    gotoProcessLinkScreen() {
-        this.closeModal();
-        this.router.navigate(['process-links']);
-    }
-    onChange(event) {
-        if (event.data) {
-            this.formIoFormData$.next(event.data);
-        }
+        this.taskIntermediateSaveService.setSubmission({ data: {} });
     }
     onSubmit(submission) {
         if (submission.data) {
+            this.taskIntermediateSaveService.setFormIoFormData(submission.data);
             this.formIoFormData$.next(submission.data);
         }
-        combineLatest([this.processLinkId$, this.taskProcessLinkType$, this.task$])
-            .pipe(take(1))
+        combineLatest([this._processLinkId$, this._taskProcessLinkType$, this.task$])
+            .pipe(take$1(1))
             .subscribe(([processLinkId, taskProcessLinkType, task]) => {
             if (taskProcessLinkType === 'form') {
                 if (processLinkId) {
                     this.processLinkService
-                        .submitForm(processLinkId, submission.data, task.businessKey, task.id)
+                        .submitForm(processLinkId, submission.data, task?.businessKey, task?.id)
                         .subscribe({
                         next: (_) => {
-                            this.completeTask();
+                            this.completeTask(task);
                         },
                         error: errors => {
                             this.form.showErrors(errors);
@@ -1169,46 +1013,100 @@ class TaskDetailModalComponent {
                 }
             }
             else if (taskProcessLinkType === 'form-view-model') {
-                this.completeTask();
+                this.completeTask(task);
             }
         });
     }
-    completeTask() {
-        this.task$.pipe(take(1)).subscribe(task => {
-            this.toastr.success(`${task.name} ${this.translateService.instant('taskDetail.taskCompleted')}`);
-            this.closeModal();
-            this.task$.next(null);
-            this.formSubmit.emit();
+    completeTask(task) {
+        if (!task)
+            return;
+        this.toastr.success(`${task.name} ${this.translateService.instant('taskDetail.taskCompleted')}`);
+        this.task$.next(null);
+        this.formSubmit.emit();
+        this.closeModalEvent.emit();
+        this.activeChange.emit(false);
+        if (this.formFlow)
+            this.formFlow.saveData();
+    }
+    onChange(event) {
+        if (event.data) {
+            this.taskIntermediateSaveService.setFormIoFormData(event.data);
+            this.formIoFormData$.next(event.data);
+            this.activeChange.emit(true);
+        }
+    }
+    loadTaskDetails(task) {
+        this.resetTaskProcessLinkType();
+        this.resetFormDefinition();
+        this.getTaskProcessLink(task.id);
+        this.setDocumentDefinitionNameInService(task);
+        const documentId = task.businessKey;
+        this.stateService.setDocumentId(documentId);
+        this.task$.next(task);
+        this.taskInstanceId$.next(task.id);
+        this.page$.next({
+            title: task.name,
+            subtitle: `${this.translateService.instant('taskDetail.taskCreated')} ${task.created}`,
         });
     }
-    resetFormDefinition() {
-        this.formDefinition$.next(null);
-        this.loading$.next(true);
+    gotoProcessLinkScreen() {
+        this.closeModalEvent.emit();
+        if (this.formFlow)
+            this.formFlow.saveData();
+        this.router.navigate(['process-links']);
+    }
+    getCurrentProgress(formViewModelComponentRef) {
+        this.taskInstanceId$
+            .pipe(take$1(1), switchMap((taskInstanceId) => this.taskIntermediateSaveService.getIntermediateSubmission(taskInstanceId ?? '')))
+            .subscribe({
+            next: (intermediateSubmission) => {
+                this.taskIntermediateSaveService.setSubmission({ data: intermediateSubmission.submission });
+                if (formViewModelComponentRef) {
+                    formViewModelComponentRef.instance.submission = {
+                        data: intermediateSubmission.submission,
+                    };
+                }
+            },
+        });
     }
     getTaskProcessLink(taskId) {
         this.taskService.getTaskProcessLink(taskId).subscribe({
             next: res => {
-                if (res != null) {
+                if (res !== null) {
                     switch (res?.type) {
                         case 'form':
-                            this.taskProcessLinkType$.next('form');
-                            this.processLinkId$.next(res.processLinkId);
+                            this._taskProcessLinkType$.next('form');
+                            this._processLinkId$.next(res.processLinkId);
                             if (this.intermediateSaveEnabled)
                                 this.getCurrentProgress();
-                            this.setFormDefinitionAndOpenModal(res.properties.prefilledForm);
+                            this.setFormDefinition(res.properties.prefilledForm);
                             break;
                         case 'form-flow':
-                            this.taskProcessLinkType$.next('form-flow');
-                            this.formFlowInstanceId$.next(res.properties.formFlowInstanceId);
+                            this._taskProcessLinkType$.next('form-flow');
+                            this.formFlowInstanceId$.next(res.properties.formFlowInstanceId ?? '');
                             break;
                         case 'form-view-model':
-                            this.taskProcessLinkType$.next('form-view-model');
-                            this.processLinkId$.next(res.processLinkId);
+                            this._taskProcessLinkType$.next('form-view-model');
+                            this._processLinkId$.next(res.processLinkId);
                             this.formDefinition$.next(res.properties.formDefinition);
-                            this.formName$.next(res.properties.formName);
-                            this.openModal();
+                            this.formName$.next(res.properties.formName ?? '');
                             this.setFormViewModelComponent();
                             break;
+                        case 'url':
+                            this._taskProcessLinkType$.next('url');
+                            this._processLinkId$.next(res.processLinkId);
+                            combineLatest([
+                                this.processLinkService.getVariables(),
+                                this.task$
+                            ]).pipe(take$1(1))
+                                .subscribe(([variables, task]) => {
+                                let url = this.urlResolverService.resolveUrlVariables(res.properties.url, variables.variables);
+                                window.open(url, '_blank').focus();
+                                this.processLinkService.submitURLProcessLink(res.processLinkId, task.businessKey, task.id).subscribe(() => {
+                                    this.completeTask(task);
+                                });
+                            });
+                            break;
                     }
                     this.loading$.next(false);
                 }
@@ -1218,23 +1116,28 @@ class TaskDetailModalComponent {
             },
         });
     }
-    resetTaskProcessLinkType() {
-        this.taskProcessLinkType$.next(null);
-        this.processLinkId$.next(null);
+    openPermissionSubscription() {
+        this._subscriptions.add(this.task$.subscribe(task => {
+            if (task) {
+                this.logger.debug('Checking if user allowed to assign a user to Task with id:', task.id);
+                this.permissionService
+                    .requestPermission(CAN_ASSIGN_TASK_PERMISSION, {
+                    resource: TASK_DETAIL_PERMISSION_RESOURCE.task,
+                    identifier: task.id,
+                })
+                    .subscribe((allowed) => {
+                    this.canAssignUserToTask$.next(allowed);
+                });
+            }
+            else {
+                this.logger.debug('Reset is user allowed to assign a user to Task as task is null');
+                this.canAssignUserToTask$.next(false);
+            }
+        }));
     }
-    setFormDefinitionAndOpenModal(formDefinition) {
-        this.taskProcessLinkType$.next('form');
+    setFormDefinition(formDefinition) {
+        this._taskProcessLinkType$.next('form');
         this.formDefinition$.next(formDefinition);
-        this.openModal();
-    }
-    setDocumentDefinitionNameInService(task) {
-        this.documentService
-            .getProcessDocumentDefinitionFromProcessInstanceId(task.processInstanceId)
-            .subscribe(processDocumentDefinition => {
-            const documentDefinitionName = processDocumentDefinition.id.documentDefinitionId.name;
-            this.modalService.setDocumentDefinitionName(documentDefinitionName);
-            this.stateService.setDocumentDefinitionName(documentDefinitionName);
-        });
     }
     setFormViewModelComponent() {
         this.formViewModelDynamicContainer.clear();
@@ -1245,13 +1148,14 @@ class TaskDetailModalComponent {
         formViewModelComponent.instance.formName = this.formName$.getValue();
         formViewModelComponent.instance.taskInstanceId = this.taskInstanceId$.getValue();
         formViewModelComponent.instance.isStartForm = false;
-        formViewModelComponent.instance.formSubmit.pipe(take(1)).subscribe(() => {
-            this.completeTask();
-            this.closeModal();
+        formViewModelComponent.instance.formSubmit
+            .pipe(take$1(1), switchMap(() => this.task$))
+            .subscribe((task) => {
+            this.completeTask(task);
         });
         if (this.intermediateSaveEnabled) {
             this._subscriptions.add(formViewModelComponent.instance.submission$.subscribe(submission => {
-                this.submission$.next(submission);
+                this.taskIntermediateSaveService.setSubmission(submission);
             }));
             this._subscriptions.add(this.submission$.pipe(distinctUntilChanged()).subscribe((submission) => {
                 if (submission?.data && Object.keys(submission.data).length === 0) {
@@ -1261,49 +1165,142 @@ class TaskDetailModalComponent {
             this.getCurrentProgress(formViewModelComponent);
         }
     }
-    getCurrentProgress(formViewModelComponentRef) {
-        this.taskInstanceId$
-            .pipe(take(1), switchMap$1((taskInstanceId) => this.taskIntermediateSaveService.getIntermediateSubmission(taskInstanceId)))
-            .subscribe({
-            next: (intermediateSubmission) => {
-                this.submission$.next({ data: intermediateSubmission.submission });
-                this.currentIntermediateSave = this.formatIntermediateSubmission(intermediateSubmission);
-                if (formViewModelComponentRef) {
-                    formViewModelComponentRef.instance.submission = {
-                        data: intermediateSubmission.submission,
-                    };
-                }
-            },
+    resetFormDefinition() {
+        this.formDefinition$.next(null);
+        this.loading$.next(true);
+    }
+    resetTaskProcessLinkType() {
+        this._taskProcessLinkType$.next(null);
+        this._processLinkId$.next(null);
+    }
+    setDocumentDefinitionNameInService(task) {
+        this.documentService
+            .getProcessDocumentDefinitionFromProcessInstanceId(task.processInstanceId)
+            .subscribe(processDocumentDefinition => {
+            const documentDefinitionName = processDocumentDefinition.id.documentDefinitionId.name;
+            this.modalService.setDocumentDefinitionName(documentDefinitionName);
+            this.stateService.setDocumentDefinitionName(documentDefinitionName);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskDetailContentComponent, deps: [{ token: i1$1.ConfigService }, { token: i2.DocumentService }, { token: i12.IconService }, { token: i4.NGXLogger }, { token: i9.ValtimoModalService }, { token: i3$1.PermissionService }, { token: i7.ProcessLinkService }, { token: i1$2.Router }, { token: i9.FormIoStateService }, { token: TaskIntermediateSaveService }, { token: TaskService }, { token: i10.ToastrService }, { token: i3.TranslateService }, { token: FORM_VIEW_MODEL_TOKEN, optional: true }, { token: i7.UrlResolverService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TaskDetailContentComponent, isStandalone: true, selector: "valtimo-task-detail-content", inputs: { task: "task" }, 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, static: true }, { propertyName: "formFlow", first: true, predicate: ["formFlow"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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    page: page$ | 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    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=\"obs.formDefinition && obs.processLinkIsForm\"\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  ></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 && !obs.formDefinition && !obs.formFlowInstanceId && !obs.errorMessage\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  </div>\n\n  <div *ngIf=\"!obs.formDefinition && !obs.formFlowInstanceId\" class=\"mb-0 p-3 text-center\">\n    <button\n      class=\"btn btn-secondary btn-space\"\n      type=\"button\"\n      (click)=\"gotoProcessLinkScreen()\"\n      id=\"process-link-button\"\n    >\n      {{ 'formManagement.gotoProcessLinksButton' | translate }}\n    </button>\n  </div>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormIoModule }, { kind: "component", type: i9.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ProcessLinkModule }, { kind: "component", type: i7.FormFlowComponent, selector: "valtimo-form-flow", inputs: ["formIoFormData", "formFlowInstanceId"], outputs: ["formFlowComplete"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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-2024 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    page: page$ | 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    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=\"obs.formDefinition && obs.processLinkIsForm\"\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  ></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 && !obs.formDefinition && !obs.formFlowInstanceId && !obs.errorMessage\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  </div>\n\n  <div *ngIf=\"!obs.formDefinition && !obs.formFlowInstanceId\" class=\"mb-0 p-3 text-center\">\n    <button\n      class=\"btn btn-secondary btn-space\"\n      type=\"button\"\n      (click)=\"gotoProcessLinkScreen()\"\n      id=\"process-link-button\"\n    >\n      {{ 'formManagement.gotoProcessLinksButton' | translate }}\n    </button>\n  </div>\n</ng-container>\n" }]
+        }], ctorParameters: () => [{ type: i1$1.ConfigService }, { type: i2.DocumentService }, { type: i12.IconService }, { type: i4.NGXLogger }, { type: i9.ValtimoModalService }, { type: i3$1.PermissionService }, { type: i7.ProcessLinkService }, { type: i1$2.Router }, { type: i9.FormIoStateService }, { type: TaskIntermediateSaveService }, { type: TaskService }, { type: i10.ToastrService }, { type: i3.TranslateService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [FORM_VIEW_MODEL_TOKEN]
+                }] }, { type: i7.UrlResolverService }], propDecorators: { form: [{
+                type: ViewChild,
+                args: ['form']
+            }], formViewModelDynamicContainer: [{
+                type: ViewChild,
+                args: ['formViewModelComponent', { static: true, read: ViewContainerRef }]
+            }], formFlow: [{
+                type: ViewChild,
+                args: ['formFlow']
+            }], task: [{
+                type: Input
+            }], closeModalEvent: [{
+                type: Output
+            }], formSubmit: [{
+                type: Output
+            }], activeChange: [{
+                type: Output
+            }] } });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class TaskDetailIntermediateSaveComponent {
+    set task(value) {
+        if (!value)
+            return;
+        this.taskService
+            .getTaskProcessLink(value.id)
+            .pipe(take$1(1))
+            .subscribe(res => {
+            if (res !== null && res.type === 'form-flow')
+                this.formFlowInstanceId$.next(res.properties.formFlowInstanceId);
         });
+        this.taskValue.set(value);
+        this.page.set({
+            title: value.name,
+            subtitle: `${this.translateService.instant('taskDetail.taskCreated')} ${value.created}`,
+        });
+        this.getCurrentProgress(value);
+    }
+    constructor(configService, iconService, translateService, taskIntermediateSaveService, taskService, toastr) {
+        this.configService = configService;
+        this.iconService = iconService;
+        this.translateService = translateService;
+        this.taskIntermediateSaveService = taskIntermediateSaveService;
+        this.taskService = taskService;
+        this.toastr = toastr;
+        this.currentIntermediateSaveEvent = new EventEmitter();
+        this.showModalEvent = new EventEmitter();
+        this.formFlowInstanceId$ = new BehaviorSubject(undefined);
+        this.showConfirmationModal$ = new BehaviorSubject(false);
+        this.taskValue = signal(null);
+        this.page = signal(null);
+        this.canAssignUserToTask = signal(false);
+        this.submission$ = this.taskIntermediateSaveService.submission$;
+        this.formIoFormData$ = this.taskIntermediateSaveService.formIoFormData$;
+        this.intermediateSaveEnabled = false;
+        this.currentIntermediateSave = null;
+        this.intermediateSaveEnabled = !!this.configService.featureToggles?.enableIntermediateSave;
+        this.iconService.registerAll([RecentlyViewed16]);
     }
     saveCurrentProgress() {
-        const intermediateSaveRequest = {
-            submission: this.submission$.getValue().data
-                ? this.submission$.getValue().data
-                : this.formIoFormData$.getValue(),
-            taskInstanceId: this.taskInstanceId$.getValue(),
-        };
-        this.taskIntermediateSaveService
-            .storeIntermediateSubmission(intermediateSaveRequest)
-            .pipe(take(1))
+        combineLatest([this.submission$, this.formIoFormData$])
+            .pipe(switchMap(([submission, formIoFormData]) => {
+            const intermediateSaveRequest = {
+                submission: submission?.data ? submission.data : formIoFormData,
+                taskInstanceId: this.taskValue()?.id ?? '',
+            };
+            return this.taskIntermediateSaveService.storeIntermediateSubmission(intermediateSaveRequest);
+        }), take$1(1))
             .subscribe({
             next: intermediateSubmission => {
                 this.toastr.success(this.translateService.instant('formManagement.intermediateSave.success'));
                 this.currentIntermediateSave = this.formatIntermediateSubmission(intermediateSubmission);
+                this.currentIntermediateSaveEvent.emit(this.currentIntermediateSave);
             },
             error: () => {
                 this.toastr.error(this.translateService.instant('formManagement.intermediateSave.error'));
             },
         });
     }
+    revertSaveClick() {
+        if (this.showModalEvent.observed) {
+            this.showModalEvent.emit();
+            return;
+        }
+        this.showConfirmationModal$.next(true);
+    }
     clearCurrentProgress() {
-        this.taskInstanceId$
-            .pipe(take(1), switchMap$1((taskInstanceId) => this.taskIntermediateSaveService.clearIntermediateSubmission(taskInstanceId)))
-            .subscribe({
-            next: () => {
-                this.submission$.next({ data: {} });
-                this.currentIntermediateSave = null;
-            },
+        this.taskIntermediateSaveService
+            .clearIntermediateSubmission(this.taskValue()?.id ?? '')
+            .pipe(take$1(1))
+            .subscribe(() => {
+            this.taskIntermediateSaveService.setSubmission({ data: {} });
+            this.currentIntermediateSave = null;
+            this.currentIntermediateSaveEvent.emit(this.currentIntermediateSave);
         });
     }
     formatIntermediateSubmission(intermediateSubmission) {
@@ -1313,43 +1310,142 @@ class TaskDetailModalComponent {
         }
         return intermediateSubmission;
     }
-    openModal() {
-        this.modal.open = true;
+    getCurrentProgress(task) {
+        this.taskIntermediateSaveService
+            .getIntermediateSubmission(task.id ?? '')
+            .pipe(take$1(1))
+            .subscribe(intermediateSave => {
+            this.currentIntermediateSave = this.formatIntermediateSubmission(intermediateSave);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskDetailIntermediateSaveComponent, deps: [{ token: i1$1.ConfigService }, { token: i12.IconService }, { token: i3.TranslateService }, { token: TaskIntermediateSaveService }, { token: TaskService }, { token: i10.ToastrService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: TaskDetailIntermediateSaveComponent, isStandalone: true, selector: "valtimo-task-detail-intermediate-save", inputs: { task: "task" }, outputs: { currentIntermediateSaveEvent: "currentIntermediateSaveEvent", showModalEvent: "showModalEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i12.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: i12.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: "17.3.12", ngImport: i0, type: TaskDetailIntermediateSaveComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-task-detail-intermediate-save', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        ButtonModule,
+                        ConfirmationModalModule,
+                        IconModule,
+                        ModalModule,
+                        TooltipModule,
+                    ], template: "<!--\n  ~ Copyright 2015-2024 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" }]
+        }], ctorParameters: () => [{ type: i1$1.ConfigService }, { type: i12.IconService }, { type: i3.TranslateService }, { type: TaskIntermediateSaveService }, { type: TaskService }, { type: i10.ToastrService }], propDecorators: { task: [{
+                type: Input
+            }], currentIntermediateSaveEvent: [{
+                type: Output
+            }], showModalEvent: [{
+                type: Output
+            }] } });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+moment.locale(localStorage.getItem('langKey') || '');
+class TaskDetailModalComponent {
+    set modalSize(value) {
+        if (value)
+            this.size$.next(formSizeToCarbonModalSizeMap[value]);
+    }
+    constructor(router, translateService, permissionService, logger, taskIntermediateSaveService) {
+        this.router = router;
+        this.translateService = translateService;
+        this.permissionService = permissionService;
+        this.logger = logger;
+        this.taskIntermediateSaveService = taskIntermediateSaveService;
+        this.formSubmit = new EventEmitter();
+        this.assignmentOfTaskChanged = new EventEmitter();
+        this.currentIntermediateSave$ = new BehaviorSubject(null);
+        this.task$ = new BehaviorSubject(null);
+        this.submission$ = new BehaviorSubject({});
+        this.page$ = new BehaviorSubject(null);
+        this.showConfirmationModal$ = new BehaviorSubject(false);
+        this.size$ = new BehaviorSubject('md');
+        this.canAssignUserToTask$ = new BehaviorSubject(false);
+        this._subscriptions = new Subscription();
+    }
+    ngOnInit() {
+        this._subscriptions.add(this.task$.subscribe(task => {
+            if (task) {
+                this.logger.debug('Checking if user allowed to assign a user to Task with id:', task.id);
+                this.permissionService
+                    .requestPermission(CAN_ASSIGN_TASK_PERMISSION, {
+                    resource: TASK_DETAIL_PERMISSION_RESOURCE.task,
+                    identifier: task.id,
+                })
+                    .subscribe((allowed) => {
+                    this.canAssignUserToTask$.next(allowed);
+                });
+            }
+            else {
+                this.logger.debug('Reset is user allowed to assign a user to Task as task is null');
+                this.canAssignUserToTask$.next(false);
+            }
+        }));
+    }
+    clearCurrentProgress() {
+        this._intermediateSaveComponent.clearCurrentProgress();
+    }
+    openTaskDetails(task) {
+        this.task$.next(task);
+        this.page$.next({
+            title: task?.name,
+            subtitle: `${this.translateService.instant('taskDetail.taskCreated')} ${task?.created}`,
+        });
+        this.openModal();
+    }
+    gotoProcessLinkScreen() {
+        this.closeModal();
+        this.router.navigate(['process-links']);
+    }
+    onCurrentIntermediateSaveEvent(value) {
+        this.currentIntermediateSave$.next(value);
+    }
+    onFormSubmit() {
+        this.formSubmit.emit();
+    }
+    onShowModalEvent() {
+        this.showConfirmationModal$.next(true);
     }
     closeModal() {
-        this.modal.open = false;
-        this._subscriptions.unsubscribe();
-        if (this.formFlow) {
-            this.formFlow.saveData();
-        }
+        this._modal.open = false;
+        this.taskIntermediateSaveService.setSubmission({ data: {} });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskDetailModalComponent, deps: [{ token: i1$2.ToastrService }, { token: i2$1.ProcessLinkService }, { token: i1$1.Router }, { token: TaskService }, { token: i5.UserProviderService }, { token: i6.ValtimoModalService }, { token: i6.FormIoStateService }, { token: i7.DocumentService }, { token: i8.TranslateService }, { token: FORM_VIEW_MODEL_TOKEN, optional: true }, { token: TaskIntermediateSaveService }, { token: i2.ConfigService }, { token: i11.IconService }, { token: i12.PermissionService }, { token: i13.NGXLogger }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TaskDetailModalComponent, selector: "valtimo-task-detail-modal", outputs: { formSubmit: "formSubmit", assignmentOfTaskChanged: "assignmentOfTaskChanged" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "formFlow", first: true, predicate: ["formFlow"], descendants: true }, { propertyName: "modal", first: true, predicate: ["taskDetailModal"], descendants: true }, { propertyName: "formViewModelDynamicContainer", first: true, predicate: ["formViewModelComponent"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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<cds-modal #taskDetailModal id=\"taskDetailModal\">\n  <cds-modal-header (closeSelect)=\"closeModal()\">\n    <div class=\"cds-modal-header\">\n      <div class=\"title-container\">\n        <p class=\"cds--modal-header__heading cds--type-beta\">{{ (page$ | async)?.title }}</p>\n        <p class=\"cds--modal-header__label cds--type-delta\">{{ (page$ | async)?.subtitle }}</p>\n        <p class=\"cds--modal-header__label cds--type-delta\" *ngIf=\"currentIntermediateSave\">\n          {{ 'formManagement.intermediateSave.lastSavedBy' | translate }}:\n          {{\n            currentIntermediateSave?.editedBy\n              ? currentIntermediateSave?.editedBy\n              : currentIntermediateSave.createdBy\n          }}\n          {{ 'formManagement.intermediateSave.on' | translate }}:\n          {{\n            currentIntermediateSave?.editedOn\n              ? currentIntermediateSave?.editedOn\n              : currentIntermediateSave.createdOn\n          }}\n        </p>\n        <ng-container *ngTemplateOutlet=\"assignUserToTask\"></ng-container>\n      </div>\n      <div\n        *ngIf=\"intermediateSaveEnabled && (formFlowInstanceId$ | async) === undefined\"\n        class=\"save-buttons-margin\"\n      >\n        <cds-tooltip\n          [caret]=\"true\"\n          enterDelayMs=\"0\"\n          leaveDelayMs=\"0\"\n          [description]=\"'formManagement.intermediateSave.save' | translate\"\n        >\n          <button\n            cdsButton=\"ghost\"\n            iconOnly=\"true\"\n            cdsIcon=\"save\"\n            (click)=\"saveCurrentProgress()\"\n          ></button>\n        </cds-tooltip>\n        <cds-tooltip\n          [caret]=\"true\"\n          enterDelayMs=\"0\"\n          leaveDelayMs=\"0\"\n          [description]=\"'formManagement.intermediateSave.clear' | translate\"\n        >\n          <button\n            cdsButton=\"ghost\"\n            iconOnly=\"true\"\n            cdsIcon=\"recently-viewed\"\n            [disabled]=\"!currentIntermediateSave\"\n            (click)=\"showConfirmationModal$.next(true)\"\n          ></button>\n        </cds-tooltip>\n      </div>\n    </div>\n  </cds-modal-header>\n  <div\n    body\n    class=\"cds--modal-content pb-1\"\n    *ngIf=\"{\n      loading: loading$ | async,\n      page: page$ | 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      formioOptions: formioOptions$ | async,\n      processLinkIsFormFlow: processLinkIsFormFlow$ | async,\n      formFlowInstanceId: formFlowInstanceId$ | async,\n      errorMessage: errorMessage$ | async\n    } as obs\"\n  >\n    <div *ngIf=\"obs.formDefinition && obs.processLinkIsForm\">\n      <valtimo-form-io\n        #form\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    </div>\n    <div *ngIf=\"obs.processLinkIsFormFlow\">\n      <valtimo-form-flow\n        #formFlow\n        [formIoFormData]=\"formIoFormData$\"\n        [formFlowInstanceId]=\"obs.formFlowInstanceId\"\n        (formFlowComplete)=\"completeTask()\"\n      ></valtimo-form-flow>\n    </div>\n    <div *ngIf=\"obs.loading\">\n      <div class=\"text-black mb-0 p-3 text-center\">\n        {{ 'formManagement.loading' | translate }}\n      </div>\n    </div>\n    <div\n      *ngIf=\"\n        obs.loading === false && !obs.formDefinition && !obs.formFlowInstanceId && !obs.errorMessage\n      \"\n    >\n      <div class=\"bg-warning text-black mb-0 p-3 text-center\">\n        {{\n          (isAdmin$ | async)\n            ? ('formManagement.noFormDefinitionFoundAdmin' | translate)\n            : ('formManagement.noFormDefinitionFoundUser' | translate)\n        }}\n      </div>\n    </div>\n    <div *ngIf=\"obs.errorMessage\">\n      <div class=\"bg-danger text-black mb-0 p-3 text-center\">\n        {{ obs.errorMessage }}\n      </div>\n    </div>\n  </div>\n  <div\n    footer\n    *ngIf=\"{\n      formDefinition: formDefinition$ | async,\n      formFlowInstanceId: formFlowInstanceId$ | async\n    } as obs\"\n  >\n    <div class=\"mb-0 p-3 text-center\" *ngIf=\"!obs.formDefinition && !obs.formFlowInstanceId\">\n      <button\n        class=\"btn btn-secondary btn-space\"\n        type=\"button\"\n        (click)=\"gotoProcessLinkScreen()\"\n        id=\"process-link-button\"\n      >\n        {{ 'formManagement.gotoProcessLinksButton' | translate }}\n      </button>\n    </div>\n  </div>\n  <div body class=\"m-2\">\n    <ng-template #formViewModelComponent></ng-template>\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  <ng-container *ngIf=\"{\n    task: task$ | async,\n    canAssignUserToTask: canAssignUserToTask$ | async\n  } as obs\">\n    <valtimo-assign-user-to-task\n      *ngIf=\"obs.task && obs.canAssignUserToTask && assignmentOfTaskChanged\"\n      [taskId]=\"obs.task.id\"\n      [assigneeId]=\"obs.task.assignee\"\n      (assignmentOfTaskChanged)=\"assignmentOfTaskChanged.emit()\"\n    ></valtimo-assign-user-to-task>\n  </ng-container>\n</ng-template>\n", styles: ["#taskDetailModal .formio-component-submit{text-align:right}.cds-modal-header{width:100%;display:flex;justify-content:space-between}.title-container{width:50%}.save-buttons-margin{margin-top:-15px}\n/*!\n * Copyright 2015-2024 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: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i10.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i6.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change"] }, { kind: "component", type: i11.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i11.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2$1.FormFlowComponent, selector: "valtimo-form-flow", inputs: ["formIoFormData", "formFlowInstanceId"], outputs: ["formFlowComplete"] }, { kind: "directive", type: i11.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i11.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i11.Tooltip, selector: "cds-tooltip, ibm-tooltip", inputs: ["id", "enterDelayMs", "leaveDelayMs", "disabled", "description", "templateContext"] }, { kind: "component", type: i6.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"], outputs: ["assignmentOfTaskChanged"] }, { kind: "pipe", type: i10.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    openModal() {
+        this._modal.open = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskDetailModalComponent, deps: [{ token: i1$2.Router }, { token: i3.TranslateService }, { token: i3$1.PermissionService }, { token: i4.NGXLogger }, { token: TaskIntermediateSaveService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TaskDetailModalComponent, selector: "valtimo-task-detail-modal", inputs: { modalSize: "modalSize" }, outputs: { formSubmit: "formSubmit", assignmentOfTaskChanged: "assignmentOfTaskChanged" }, viewQueries: [{ propertyName: "_modal", first: true, predicate: ["taskDetailModal"], descendants: true }, { propertyName: "_intermediateSaveComponent", first: true, predicate: TaskDetailIntermediateSaveComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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 #taskDetailModal id=\"taskDetailModal\" [size]=\"size$ | async\">\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    <valtimo-task-detail-intermediate-save\n      class=\"save-buttons-margin\"\n      [task]=\"task$ | async\"\n      (currentIntermediateSaveEvent)=\"onCurrentIntermediateSaveEvent($event)\"\n      (showModalEvent)=\"onShowModalEvent()\"\n    ></valtimo-task-detail-intermediate-save>\n  </cds-modal-header>\n\n  <div body class=\"cds--modal-content pb-1\">\n    <valtimo-task-detail-content\n      [task]=\"task$ | async\"\n      (formSubmit)=\"onFormSubmit()\"\n      (closeModalEvent)=\"closeModal()\"\n    ></valtimo-task-detail-content>\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  <ng-container\n    *ngIf=\"{\n      task: task$ | async,\n      canAssignUserToTask: canAssignUserToTask$ | async,\n    } as obs\"\n  >\n    <valtimo-assign-user-to-task\n      *ngIf=\"obs.task && obs.canAssignUserToTask && assignmentOfTaskChanged\"\n      [taskId]=\"obs.task.id\"\n      [assigneeId]=\"obs.task.assignee\"\n      (assignmentOfTaskChanged)=\"assignmentOfTaskChanged.emit()\"\n    ></valtimo-assign-user-to-task>\n  </ng-container>\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}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i12.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i12.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { 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"], outputs: ["assignmentOfTaskChanged"] }, { kind: "component", type: TaskDetailContentComponent, selector: "valtimo-task-detail-content", inputs: ["task"], outputs: ["closeModalEvent", "formSubmit", "activeChange"] }, { kind: "component", type: TaskDetailIntermediateSaveComponent, selector: "valtimo-task-detail-intermediate-save", inputs: ["task"], outputs: ["currentIntermediateSaveEvent", "showModalEvent"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskDetailModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-task-detail-modal', encapsulation: ViewEncapsulation.None, template: "<!--\n  ~ Copyright 2015-2024 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<cds-modal #taskDetailModal id=\"taskDetailModal\">\n  <cds-modal-header (closeSelect)=\"closeModal()\">\n    <div class=\"cds-modal-header\">\n      <div class=\"title-container\">\n        <p class=\"cds--modal-header__heading cds--type-beta\">{{ (page$ | async)?.title }}</p>\n        <p class=\"cds--modal-header__label cds--type-delta\">{{ (page$ | async)?.subtitle }}</p>\n        <p class=\"cds--modal-header__label cds--type-delta\" *ngIf=\"currentIntermediateSave\">\n          {{ 'formManagement.intermediateSave.lastSavedBy' | translate }}:\n          {{\n            currentIntermediateSave?.editedBy\n              ? currentIntermediateSave?.editedBy\n              : currentIntermediateSave.createdBy\n          }}\n          {{ 'formManagement.intermediateSave.on' | translate }}:\n          {{\n            currentIntermediateSave?.editedOn\n              ? currentIntermediateSave?.editedOn\n              : currentIntermediateSave.createdOn\n          }}\n        </p>\n        <ng-container *ngTemplateOutlet=\"assignUserToTask\"></ng-container>\n      </div>\n      <div\n        *ngIf=\"intermediateSaveEnabled && (formFlowInstanceId$ | async) === undefined\"\n        class=\"save-buttons-margin\"\n      >\n        <cds-tooltip\n          [caret]=\"true\"\n          enterDelayMs=\"0\"\n          leaveDelayMs=\"0\"\n          [description]=\"'formManagement.intermediateSave.save' | translate\"\n        >\n          <button\n            cdsButton=\"ghost\"\n            iconOnly=\"true\"\n            cdsIcon=\"save\"\n            (click)=\"saveCurrentProgress()\"\n          ></button>\n        </cds-tooltip>\n        <cds-tooltip\n          [caret]=\"true\"\n          enterDelayMs=\"0\"\n          leaveDelayMs=\"0\"\n          [description]=\"'formManagement.intermediateSave.clear' | translate\"\n        >\n          <button\n            cdsButton=\"ghost\"\n            iconOnly=\"true\"\n            cdsIcon=\"recently-viewed\"\n            [disabled]=\"!currentIntermediateSave\"\n            (click)=\"showConfirmationModal$.next(true)\"\n          ></button>\n        </cds-tooltip>\n      </div>\n    </div>\n  </cds-modal-header>\n  <div\n    body\n    class=\"cds--modal-content pb-1\"\n    *ngIf=\"{\n      loading: loading$ | async,\n      page: page$ | 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      formioOptions: formioOptions$ | async,\n      processLinkIsFormFlow: processLinkIsFormFlow$ | async,\n      formFlowInstanceId: formFlowInstanceId$ | async,\n      errorMessage: errorMessage$ | async\n    } as obs\"\n  >\n    <div *ngIf=\"obs.formDefinition && obs.processLinkIsForm\">\n      <valtimo-form-io\n        #form\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    </div>\n    <div *ngIf=\"obs.processLinkIsFormFlow\">\n      <valtimo-form-flow\n        #formFlow\n        [formIoFormData]=\"formIoFormData$\"\n        [formFlowInstanceId]=\"obs.formFlowInstanceId\"\n        (formFlowComplete)=\"completeTask()\"\n      ></valtimo-form-flow>\n    </div>\n    <div *ngIf=\"obs.loading\">\n      <div class=\"text-black mb-0 p-3 text-center\">\n        {{ 'formManagement.loading' | translate }}\n      </div>\n    </div>\n    <div\n      *ngIf=\"\n        obs.loading === false && !obs.formDefinition && !obs.formFlowInstanceId && !obs.errorMessage\n      \"\n    >\n      <div class=\"bg-warning text-black mb-0 p-3 text-center\">\n        {{\n          (isAdmin$ | async)\n            ? ('formManagement.noFormDefinitionFoundAdmin' | translate)\n            : ('formManagement.noFormDefinitionFoundUser' | translate)\n        }}\n      </div>\n    </div>\n    <div *ngIf=\"obs.errorMessage\">\n      <div class=\"bg-danger text-black mb-0 p-3 text-center\">\n        {{ obs.errorMessage }}\n      </div>\n    </div>\n  </div>\n  <div\n    footer\n    *ngIf=\"{\n      formDefinition: formDefinition$ | async,\n      formFlowInstanceId: formFlowInstanceId$ | async\n    } as obs\"\n  >\n    <div class=\"mb-0 p-3 text-center\" *ngIf=\"!obs.formDefinition && !obs.formFlowInstanceId\">\n      <button\n        class=\"btn btn-secondary btn-space\"\n        type=\"button\"\n        (click)=\"gotoProcessLinkScreen()\"\n        id=\"process-link-button\"\n      >\n        {{ 'formManagement.gotoProcessLinksButton' | translate }}\n      </button>\n    </div>\n  </div>\n  <div body class=\"m-2\">\n    <ng-template #formViewModelComponent></ng-template>\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  <ng-container *ngIf=\"{\n    task: task$ | async,\n    canAssignUserToTask: canAssignUserToTask$ | async\n  } as obs\">\n    <valtimo-assign-user-to-task\n      *ngIf=\"obs.task && obs.canAssignUserToTask && assignmentOfTaskChanged\"\n      [taskId]=\"obs.task.id\"\n      [assigneeId]=\"obs.task.assignee\"\n      (assignmentOfTaskChanged)=\"assignmentOfTaskChanged.emit()\"\n    ></valtimo-assign-user-to-task>\n  </ng-container>\n</ng-template>\n", styles: ["#taskDetailModal .formio-component-submit{text-align:right}.cds-modal-header{width:100%;display:flex;justify-content:space-between}.title-container{width:50%}.save-buttons-margin{margin-top:-15px}\n/*!\n * Copyright 2015-2024 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.ToastrService }, { type: i2$1.ProcessLinkService }, { type: i1$1.Router }, { type: TaskService }, { type: i5.UserProviderService }, { type: i6.ValtimoModalService }, { type: i6.FormIoStateService }, { type: i7.DocumentService }, { type: i8.TranslateService }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [FORM_VIEW_MODEL_TOKEN]
-                }] }, { type: TaskIntermediateSaveService }, { type: i2.ConfigService }, { type: i11.IconService }, { type: i12.PermissionService }, { type: i13.NGXLogger }], propDecorators: { form: [{
-                type: ViewChild,
-                args: ['form']
-            }], formFlow: [{
-                type: ViewChild,
-                args: ['formFlow']
-            }], modal: [{
+            args: [{ selector: 'valtimo-task-detail-modal', encapsulation: ViewEncapsulation.None, template: "<!--\n  ~ Copyright 2015-2024 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 #taskDetailModal id=\"taskDetailModal\" [size]=\"size$ | async\">\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    <valtimo-task-detail-intermediate-save\n      class=\"save-buttons-margin\"\n      [task]=\"task$ | async\"\n      (currentIntermediateSaveEvent)=\"onCurrentIntermediateSaveEvent($event)\"\n      (showModalEvent)=\"onShowModalEvent()\"\n    ></valtimo-task-detail-intermediate-save>\n  </cds-modal-header>\n\n  <div body class=\"cds--modal-content pb-1\">\n    <valtimo-task-detail-content\n      [task]=\"task$ | async\"\n      (formSubmit)=\"onFormSubmit()\"\n      (closeModalEvent)=\"closeModal()\"\n    ></valtimo-task-detail-content>\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  <ng-container\n    *ngIf=\"{\n      task: task$ | async,\n      canAssignUserToTask: canAssignUserToTask$ | async,\n    } as obs\"\n  >\n    <valtimo-assign-user-to-task\n      *ngIf=\"obs.task && obs.canAssignUserToTask && assignmentOfTaskChanged\"\n      [taskId]=\"obs.task.id\"\n      [assigneeId]=\"obs.task.assignee\"\n      (assignmentOfTaskChanged)=\"assignmentOfTaskChanged.emit()\"\n    ></valtimo-assign-user-to-task>\n  </ng-container>\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}\n/*!\n * Copyright 2015-2024 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: i3.TranslateService }, { type: i3$1.PermissionService }, { type: i4.NGXLogger }, { type: TaskIntermediateSaveService }], propDecorators: { _modal: [{
                 type: ViewChild,
                 args: ['taskDetailModal']
-            }], formViewModelDynamicContainer: [{
+            }], _intermediateSaveComponent: [{
                 type: ViewChild,
-                args: ['formViewModelComponent', { static: true, read: ViewContainerRef }]
+                args: [TaskDetailIntermediateSaveComponent]
             }], formSubmit: [{
                 type: Output
             }], assignmentOfTaskChanged: [{
                 type: Output
+            }], modalSize: [{
+                type: Input
             }] } });
 
 /*
@@ -1432,8 +1528,8 @@ class TaskListComponent {
             this.selectedTaskType$,
             this._overrideNoResultsMessage$,
         ]).pipe(map(([selectedTaskType, overrideNoResultsMessage]) => overrideNoResultsMessage || {
-            title: 'task-list.' + selectedTaskType + '.noResultsDescription',
-            description: 'task-list.' + selectedTaskType + '.noResultsTitle',
+            title: 'task-list.' + selectedTaskType + '.noResultsTitle',
+            description: 'task-list.' + selectedTaskType + '.noResultsDescription',
             isSearchResult: false,
         }));
         this.fields$ = this.taskListColumnService.fields$;
@@ -1456,7 +1552,7 @@ class TaskListComponent {
             this._reload$,
             this.taskListSearchService.otherFilters$,
             this.taskListSortService.overrideSortStateString$,
-        ]).pipe(filter$1(([loadingStateForCaseDefinition]) => loadingStateForCaseDefinition === false), map(([_, selectedTaskType, paginationForSelectedTaskType, sortStringForSelectedTaskType, caseDefinitionName, enableLoadingAnimation, reload, otherFilters, overrideSortStateString,]) => this.getTaskListParams(paginationForSelectedTaskType, overrideSortStateString || sortStringForSelectedTaskType, selectedTaskType, caseDefinitionName, enableLoadingAnimation, reload, otherFilters)), distinctUntilChanged((previous, current) => isEqual(previous.params, current.params)), tap(params => {
+        ]).pipe(filter$1(([loadingStateForCaseDefinition]) => loadingStateForCaseDefinition === false), map(([_, selectedTaskType, paginationForSelectedTaskType, sortStringForSelectedTaskType, caseDefinitionName, enableLoadingAnimation, reload, otherFilters, overrideSortStateString,]) => this.getTaskListParams(paginationForSelectedTaskType, overrideSortStateString || sortStringForSelectedTaskType, selectedTaskType, caseDefinitionName, enableLoadingAnimation, reload, otherFilters)), distinctUntilChanged$1((previous, current) => isEqual(previous.params, current.params)), tap(params => {
             if (params.enableLoadingAnimation)
                 this.loadingTasks$.next(true);
             this.taskListQueryParamService.setTaskListParams(params.params);
@@ -1697,7 +1793,7 @@ class TaskListComponent {
         if (decodedParams.params)
             this.taskListPaginationService.updateTaskPagination(this.taskListService.selectedTaskType, decodedParams.params);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskListComponent, deps: [{ token: i2.ConfigService }, { token: i7.DocumentService }, { token: i12.PermissionService }, { token: i1$1.Router }, { token: TaskService }, { token: TaskListService }, { token: i8.TranslateService }, { token: TaskListColumnService }, { token: TaskListPaginationService }, { token: TaskListSortService }, { token: TaskListSearchService }, { token: TaskListQueryParamService }, { token: i6.PageTitleService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskListComponent, deps: [{ token: i1$1.ConfigService }, { token: i2.DocumentService }, { token: i3$1.PermissionService }, { token: i1$2.Router }, { token: TaskService }, { token: TaskListService }, { token: i3.TranslateService }, { token: TaskListColumnService }, { token: TaskListPaginationService }, { token: TaskListSortService }, { token: TaskListSearchService }, { token: TaskListQueryParamService }, { token: i9.PageTitleService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: TaskListComponent, selector: "valtimo-task-list", host: { listeners: { "window:popstate": "onPopState($event)" } }, providers: [
             TaskListService,
             TaskListColumnService,
@@ -1705,7 +1801,7 @@ class TaskListComponent {
             TaskListSortService,
             TaskListSearchService,
             TaskListQueryParamService,
-        ], viewQueries: [{ propertyName: "_taskDetail", first: true, predicate: ["taskDetail"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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    caseDefinitionName: caseDefinitionName$ | async,\n    noResultsMessage: noResultsMessage$ | async\n  } as obs\"\n  class=\"main-content\"\n>\n  <div class=\"container-fluid\">\n    @if (obs.caseDefinitionName && obs.caseDefinitionName !== 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      [documentDefinitionName]=\"obs.caseDefinitionName\"\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-2024 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: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i10.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i6.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "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: i6.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "directive", type: i11$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i11.Link, selector: "[cdsLink], [ibmLink]", inputs: ["inline", "disabled"] }, { kind: "component", type: i11.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i11.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "directive", type: i6.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: i11.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i11.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i6.SearchFieldsComponent, selector: "valtimo-search-fields", inputs: ["loading", "searchFields", "documentDefinitionName", "setValuesSubject$", "clearValuesSubject$", "defaultValues", "inputDisabled", "externalSearchField"], outputs: ["doSearch"] }, { kind: "component", type: TaskDetailModalComponent, selector: "valtimo-task-detail-modal", outputs: ["formSubmit", "assignmentOfTaskChanged"] }, { kind: "pipe", type: i10.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.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-2024 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    caseDefinitionName: caseDefinitionName$ | async,\n    noResultsMessage: noResultsMessage$ | async,\n  } as obs\"\n  class=\"main-content\"\n>\n  <div class=\"container-fluid\">\n    @if (obs.caseDefinitionName && obs.caseDefinitionName !== 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      [documentDefinitionName]=\"obs.caseDefinitionName\"\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-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i9.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "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: i11.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i12.Link, selector: "[cdsLink], [ibmLink]", inputs: ["inline", "disabled"] }, { kind: "component", type: i12.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i12.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: i12.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i12.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", "documentDefinitionName", "setValuesSubject$", "clearValuesSubject$", "defaultValues", "inputDisabled", "externalSearchField"], outputs: ["doSearch"] }, { kind: "component", type: TaskDetailModalComponent, selector: "valtimo-task-detail-modal", inputs: ["modalSize"], outputs: ["formSubmit", "assignmentOfTaskChanged"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskListComponent, decorators: [{
             type: Component,
@@ -1716,8 +1812,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         TaskListSortService,
                         TaskListSearchService,
                         TaskListQueryParamService,
-                    ], template: "<!--\n  ~ Copyright 2015-2024 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    caseDefinitionName: caseDefinitionName$ | async,\n    noResultsMessage: noResultsMessage$ | async\n  } as obs\"\n  class=\"main-content\"\n>\n  <div class=\"container-fluid\">\n    @if (obs.caseDefinitionName && obs.caseDefinitionName !== 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      [documentDefinitionName]=\"obs.caseDefinitionName\"\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-2024 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.ConfigService }, { type: i7.DocumentService }, { type: i12.PermissionService }, { type: i1$1.Router }, { type: TaskService }, { type: TaskListService }, { type: i8.TranslateService }, { type: TaskListColumnService }, { type: TaskListPaginationService }, { type: TaskListSortService }, { type: TaskListSearchService }, { type: TaskListQueryParamService }, { type: i6.PageTitleService }], propDecorators: { _taskDetail: [{
+                    ], template: "<!--\n  ~ Copyright 2015-2024 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    caseDefinitionName: caseDefinitionName$ | async,\n    noResultsMessage: noResultsMessage$ | async,\n  } as obs\"\n  class=\"main-content\"\n>\n  <div class=\"container-fluid\">\n    @if (obs.caseDefinitionName && obs.caseDefinitionName !== 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      [documentDefinitionName]=\"obs.caseDefinitionName\"\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-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.ConfigService }, { type: i2.DocumentService }, { type: i3$1.PermissionService }, { type: i1$2.Router }, { type: TaskService }, { type: TaskListService }, { type: i3.TranslateService }, { type: TaskListColumnService }, { type: TaskListPaginationService }, { type: TaskListSortService }, { type: TaskListSearchService }, { type: TaskListQueryParamService }, { type: i9.PageTitleService }], propDecorators: { _taskDetail: [{
                 type: ViewChild,
                 args: ['taskDetail']
             }], onPopState: [{
@@ -1725,6 +1821,133 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 args: ['window:popstate', ['$event']]
             }] } });
 
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var TaskListColumnDefaultSort;
+(function (TaskListColumnDefaultSort) {
+    TaskListColumnDefaultSort["ASC"] = "ASC";
+    TaskListColumnDefaultSort["DESC"] = "DESC";
+})(TaskListColumnDefaultSort || (TaskListColumnDefaultSort = {}));
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var TaskListSearchFieldDataType;
+(function (TaskListSearchFieldDataType) {
+    TaskListSearchFieldDataType["TEXT"] = "text";
+    TaskListSearchFieldDataType["NUMBER"] = "number";
+    TaskListSearchFieldDataType["DATE"] = "date";
+    TaskListSearchFieldDataType["DATETIME"] = "datetime";
+    TaskListSearchFieldDataType["TIME"] = "time";
+    TaskListSearchFieldDataType["BOOLEAN"] = "boolean";
+})(TaskListSearchFieldDataType || (TaskListSearchFieldDataType = {}));
+var TaskListSearchFieldFieldType;
+(function (TaskListSearchFieldFieldType) {
+    TaskListSearchFieldFieldType["SINGLE"] = "single";
+    TaskListSearchFieldFieldType["RANGE"] = "range";
+    TaskListSearchFieldFieldType["SINGLE_SELECT_DROPDOWN"] = "single_select_dropdown";
+    TaskListSearchFieldFieldType["MULTI_SELECT_DROPDOWN"] = "multi_select_dropdown";
+})(TaskListSearchFieldFieldType || (TaskListSearchFieldFieldType = {}));
+var TaskListSearchFieldMatchType;
+(function (TaskListSearchFieldMatchType) {
+    TaskListSearchFieldMatchType["LIKE"] = "like";
+    TaskListSearchFieldMatchType["EXACT"] = "exact";
+})(TaskListSearchFieldMatchType || (TaskListSearchFieldMatchType = {}));
+var TaskListSearchDropdownDataProvider;
+(function (TaskListSearchDropdownDataProvider) {
+    TaskListSearchDropdownDataProvider["DATABASE"] = "dropdownDatabaseDataProvider";
+    TaskListSearchDropdownDataProvider["JSON"] = "dropdownJsonFileDataProvider";
+})(TaskListSearchDropdownDataProvider || (TaskListSearchDropdownDataProvider = {}));
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 /*
  * Copyright 2015-2024 Ritense BV, the Netherlands.
  *
@@ -1750,7 +1973,7 @@ const routes = [
 ];
 class TaskRoutingModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TaskRoutingModule, imports: [CommonModule, i1$1.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TaskRoutingModule, imports: [CommonModule, i1$2.RouterModule], exports: [RouterModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskRoutingModule, decorators: [{
@@ -1779,7 +2002,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  */
 class TaskModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TaskModule, declarations: [TaskListComponent, TaskDetailModalComponent, AssignUserToTaskComponent], imports: [CommonModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TaskModule, declarations: [TaskListComponent, TaskDetailModalComponent], imports: [CommonModule,
             TaskRoutingModule,
             CarbonListModule,
             PageHeaderModule,
@@ -1788,7 +2011,7 @@ class TaskModule {
             SearchableDropdownSelectModule,
             CamundaFormModule,
             BrowserAnimationsModule,
-            FormsModule, i1$2.ToastrModule, i8.TranslateModule, NgbModule,
+            FormsModule, i10.ToastrModule, i3.TranslateModule, NgbModule,
             FormIoModule,
             ModalModule,
             LinkModule,
@@ -1799,9 +2022,12 @@ class TaskModule {
             DropdownModule,
             ButtonModule,
             IconModule,
-            TooltipModule,
+            TooltipModule$1,
             ConfirmationModalModule,
-            SearchFieldsModule], exports: [TaskListComponent, TaskDetailModalComponent, AssignUserToTaskComponent] }); }
+            SearchFieldsModule,
+            AssignUserToTaskComponent,
+            TaskDetailContentComponent,
+            TaskDetailIntermediateSaveComponent], exports: [TaskListComponent, TaskDetailModalComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskModule, imports: [CommonModule,
             TaskRoutingModule,
             CarbonListModule,
@@ -1834,14 +2060,17 @@ class TaskModule {
             DropdownModule,
             ButtonModule,
             IconModule,
-            TooltipModule,
+            TooltipModule$1,
             ConfirmationModalModule,
-            SearchFieldsModule] }); }
+            SearchFieldsModule,
+            AssignUserToTaskComponent,
+            TaskDetailContentComponent,
+            TaskDetailIntermediateSaveComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [TaskListComponent, TaskDetailModalComponent, AssignUserToTaskComponent],
+                    declarations: [TaskListComponent, TaskDetailModalComponent],
                     imports: [
                         CommonModule,
                         TaskRoutingModule,
@@ -1875,11 +2104,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         DropdownModule,
                         ButtonModule,
                         IconModule,
-                        TooltipModule,
+                        TooltipModule$1,
                         ConfirmationModalModule,
                         SearchFieldsModule,
+                        AssignUserToTaskComponent,
+                        TaskDetailContentComponent,
+                        TaskDetailIntermediateSaveComponent,
                     ],
-                    exports: [TaskListComponent, TaskDetailModalComponent, AssignUserToTaskComponent],
+                    exports: [TaskListComponent, TaskDetailModalComponent]
                 }]
         }] });
 
@@ -1906,5 +2138,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AssignUserToTaskComponent, CAN_ASSIGN_TASK_PERMISSION, CAN_VIEW_CASE_PERMISSION, CAN_VIEW_TASK_PERMISSION, TASK_DETAIL_PERMISSION_RESOURCE, TASK_LIST_NO_SEARCH_RESULTS_MESSAGE, TaskDetailModalComponent, TaskListColumnDefaultSort, TaskListComponent, TaskListSearchDropdownDataProvider, TaskListSearchFieldDataType, TaskListSearchFieldFieldType, TaskListSearchFieldMatchType, TaskModule, TaskService };
+export { AssignUserToTaskComponent, CAN_ASSIGN_TASK_PERMISSION, CAN_VIEW_CASE_PERMISSION, CAN_VIEW_TASK_PERMISSION, TASK_DETAIL_PERMISSION_RESOURCE, TASK_LIST_NO_SEARCH_RESULTS_MESSAGE, TaskDetailContentComponent, TaskDetailIntermediateSaveComponent, TaskDetailModalComponent, TaskIntermediateSaveService, TaskListColumnDefaultSort, TaskListColumnService, TaskListComponent, TaskListPaginationService, TaskListQueryParamService, TaskListSearchDropdownDataProvider, TaskListSearchFieldDataType, TaskListSearchFieldFieldType, TaskListSearchFieldMatchType, TaskListSearchService, TaskListService, TaskModule, TaskService };
 //# sourceMappingURL=valtimo-task.mjs.map