@valtimo/task-management 12.14.0 → 13.0.0

package/fesm2022/valtimo-task-management.mjs

@@ -1,108 +1,28 @@
 import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component, Injectable, EventEmitter, Output, Input, ViewEncapsulation, NgModule } from '@angular/core';
+import { Injectable, EventEmitter, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i6 from '@valtimo/components';
-import { ViewType, CarbonListModule, CARBON_THEME, CARBON_CONSTANTS, TooltipIconModule, CarbonMultiInputModule, ValtimoCdsModalDirectiveModule, MoveRowDirection, ConfirmationModalModule, ValuePathSelectorPrefix, InputLabelModule, ValuePathSelectorComponent } from '@valtimo/components';
-import { BehaviorSubject, switchMap, map, tap, combineLatest, of, filter, Subject, take, startWith, distinctUntilChanged as distinctUntilChanged$1 } from 'rxjs';
-import moment from 'moment/moment';
-import * as i3 from '@angular/common';
+import { CARBON_THEME, ViewType, CARBON_CONSTANTS, CarbonListModule, TooltipIconModule, CarbonMultiInputModule, ValtimoCdsModalDirective, ConfirmationModalModule, ValuePathSelectorPrefix, InputLabelModule, ValuePathSelectorComponent } from '@valtimo/components';
+import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i4 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
-import * as i1 from '@valtimo/document';
-import * as i2 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import * as i2$2 from 'carbon-components-angular';
-import { TabsModule, ModalModule, CheckboxModule, DropdownModule, InputModule, ButtonModule, IconModule } from 'carbon-components-angular';
-import * as i2$1 from '@valtimo/config';
-import { BaseApiService, ROLE_ADMIN } from '@valtimo/config';
-import * as i1$1 from '@angular/common/http';
-import * as i3$1 from '@angular/forms';
+import * as i2$1 from 'carbon-components-angular';
+import { TabsModule, ModalModule, CheckboxModule, DropdownModule, InputModule, ButtonModule, LayerModule, IconModule } from 'carbon-components-angular';
+import * as i3 from '@angular/forms';
 import { FormGroup, FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { BehaviorSubject, of, map, tap, combineLatest, Subject, switchMap, take, startWith, distinctUntilChanged as distinctUntilChanged$1, filter } from 'rxjs';
 import { TaskListColumnDefaultSort, TaskListSearchFieldDataType, TaskListSearchFieldFieldType, TaskListSearchDropdownDataProvider, TaskListSearchFieldMatchType } from '@valtimo/task';
 import { distinctUntilChanged } from 'rxjs/operators';
 import { isEqual } from 'lodash';
+import * as i2 from '@valtimo/shared';
+import { BaseApiService, getCaseManagementRouteParams } from '@valtimo/shared';
+import * as i1 from '@angular/common/http';
+import * as i1$1 from '@angular/router';
 import { TrashCan16, InformationFilled16 } from '@carbon/icons';
-import { AuthGuardService } from '@valtimo/security';
+import * as i1$2 from '@valtimo/document';
 
 /*
- * 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 TaskManagementComponent {
-    constructor(documentService, router) {
-        this.documentService = documentService;
-        this.router = router;
-        this.pagination = {
-            collectionSize: 0,
-            page: 1,
-            size: 10,
-        };
-        this._refreshData$ = new BehaviorSubject(null);
-        this.dossiers$ = this._refreshData$.pipe(switchMap(() => this.documentService.queryDefinitionsForManagement({
-            page: this.pagination.page - 1,
-            size: this.pagination.size,
-        })), map((documentDefinitionPage) => {
-            this.pagination = {
-                ...this.pagination,
-                collectionSize: documentDefinitionPage.totalElements,
-            };
-            return documentDefinitionPage.content.map((documentDefinition) => ({
-                ...documentDefinition,
-                createdOn: moment(documentDefinition.createdOn).format('DD MMM YYYY HH:mm'),
-            }));
-        }));
-        this.dossierFields = [
-            { key: 'schema.title', label: 'taskManagement.caseName', viewType: ViewType.TEXT },
-        ];
-    }
-    paginationClicked(page) {
-        this.pagination = { ...this.pagination, page };
-        this._refreshData$.next(null);
-    }
-    paginationSet(size) {
-        this.pagination = { ...this.pagination, size };
-        this._refreshData$.next(null);
-    }
-    redirectToDetails(documentDefinition) {
-        this.router.navigate(['/task-management/dossier', documentDefinition.id.name]);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementComponent, deps: [{ token: i1.DocumentService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TaskManagementComponent, isStandalone: true, selector: "ng-component", 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<valtimo-carbon-list\n  *ngIf=\"dossiers$ | async as dossiers; else loading\"\n  [items]=\"dossiers\"\n  [fields]=\"dossierFields\"\n  [pagination]=\"pagination\"\n  paginationIdentifier=\"dossierManagementList\"\n  (paginationClicked)=\"paginationClicked($event)\"\n  (paginationSet)=\"paginationSet($event)\"\n  (rowClicked)=\"redirectToDetails($event)\"\n  [hideToolbar]=\"true\"\n>\n  <valtimo-no-results\n    [description]=\"'dossierManagement.noResults.description' | translate\"\n    [title]=\"'dossierManagement.noResults.title' | translate\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<ng-template #loading>\n  <valtimo-carbon-list loading=\"true\"></valtimo-carbon-list>\n</ng-template>\n", styles: ["/*!\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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { 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: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, CarbonListModule, TranslateModule], 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<valtimo-carbon-list\n  *ngIf=\"dossiers$ | async as dossiers; else loading\"\n  [items]=\"dossiers\"\n  [fields]=\"dossierFields\"\n  [pagination]=\"pagination\"\n  paginationIdentifier=\"dossierManagementList\"\n  (paginationClicked)=\"paginationClicked($event)\"\n  (paginationSet)=\"paginationSet($event)\"\n  (rowClicked)=\"redirectToDetails($event)\"\n  [hideToolbar]=\"true\"\n>\n  <valtimo-no-results\n    [description]=\"'dossierManagement.noResults.description' | translate\"\n    [title]=\"'dossierManagement.noResults.title' | translate\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<ng-template #loading>\n  <valtimo-carbon-list loading=\"true\"></valtimo-carbon-list>\n</ng-template>\n", styles: ["/*!\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.DocumentService }, { type: i2.Router }] });
-
-/*
- * 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.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -123,7 +43,7 @@ var TaskManagementTab;
 })(TaskManagementTab || (TaskManagementTab = {}));
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -139,7 +59,7 @@ var TaskManagementTab;
  */
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -163,15 +83,15 @@ class TaskManagementService {
     setActiveTab(tab) {
         this._activeTab$.next(tab);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TaskManagementService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TaskManagementService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TaskManagementService, decorators: [{
             type: Injectable
         }] });
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -191,27 +111,30 @@ class TaskManagementApiService extends BaseApiService {
         this.httpClient = httpClient;
         this.configService = configService;
     }
-    getTaskListColumns(caseDefinitionName) {
-        return this.httpClient.get(this.getApiUrl(`/management/v1/case/${caseDefinitionName}/task-list-column`));
+    getTaskListColumns(caseDefinitionKey) {
+        return this.httpClient.get(this.getApiUrl(`/management/v1/case/${caseDefinitionKey}/task-list-column`));
     }
-    updateTaskListColumn(caseDefinitionName, column) {
-        return this.httpClient.put(this.getApiUrl(`/management/v1/case/${caseDefinitionName}/task-list-column/${column.key}`), column);
+    updateTaskListColumn(caseDefinitionKey, column) {
+        return this.httpClient.put(this.getApiUrl(`/management/v1/case/${caseDefinitionKey}/task-list-column/${column.key}`), column);
     }
-    deleteTaskListColumn(caseDefinitionName, columnKey) {
-        return this.httpClient.delete(this.getApiUrl(`/management/v1/case/${caseDefinitionName}/task-list-column/${columnKey}`));
+    deleteTaskListColumn(caseDefinitionKey, columnKey) {
+        return this.httpClient.delete(this.getApiUrl(`/management/v1/case/${caseDefinitionKey}/task-list-column/${columnKey}`));
     }
-    swapTaskListColumns(caseDefinitionName, firstColumn, secondColumn) {
-        return this.httpClient.post(this.getApiUrl(`/management/v1/case/${caseDefinitionName}/task-list-column`), { first: firstColumn.key, second: secondColumn.key });
+    updateTaskListColumnOrder(caseDefinitionKey, columnKeys) {
+        return this.httpClient.post(this.getApiUrl(`/management/v2/case/${caseDefinitionKey}/task-list-column`), columnKeys);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementApiService, deps: [{ token: i1$1.HttpClient }, { token: i2$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementApiService, providedIn: 'root' }); }
+    swapTaskListColumns(caseDefinitionKey, firstColumn, secondColumn) {
+        return this.httpClient.post(this.getApiUrl(`/management/v1/case/${caseDefinitionKey}/task-list-column`), { first: firstColumn.key, second: secondColumn.key });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TaskManagementApiService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TaskManagementApiService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TaskManagementApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: i2$1.ConfigService }] });
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ConfigService }] });
 
 class TaskManagementSearchFieldsService extends BaseApiService {
     constructor(httpClient, configService) {
@@ -219,44 +142,44 @@ class TaskManagementSearchFieldsService extends BaseApiService {
         this.httpClient = httpClient;
         this.configService = configService;
     }
-    setDocumentDefinitionName(documentDefinitionName) {
-        this._documentDefinitionName = documentDefinitionName;
+    setCaseDefinitionKey(caseDefinitionKey) {
+        this._caseDefinitionKey = caseDefinitionKey;
     }
     getTaskListSearchFields() {
-        return this.httpClient.get(this.getApiUrl(`/v1/search/field/TaskListSearchColumns/${this._documentDefinitionName}`));
+        return this.httpClient.get(this.getApiUrl(`/v1/search/field/TaskListSearchColumns/${this._caseDefinitionKey}`));
     }
     createTaskListSearchField(searchField) {
-        return this.httpClient.post(this.getApiUrl(`/v1/search/field/${this._documentDefinitionName}`), {
+        return this.httpClient.post(this.getApiUrl(`/v1/search/field/${this._caseDefinitionKey}`), {
             ...searchField,
             ownerType: 'TaskListSearchColumns',
-            ownerId: this._documentDefinitionName,
+            ownerId: this._caseDefinitionKey,
         });
     }
     updateTaskListSearchField(searchField) {
-        return this.httpClient.put(this.getApiUrl(`/v1/search/field/${this._documentDefinitionName}/${searchField.key}`), {
+        return this.httpClient.put(this.getApiUrl(`/v1/search/field/${this._caseDefinitionKey}/${searchField.key}`), {
             ...searchField,
             ownerType: 'TaskListSearchColumns',
-            ownerId: this._documentDefinitionName,
+            ownerId: this._caseDefinitionKey,
         });
     }
     deleteTaskListSearchField(searchFieldKey) {
-        return this.httpClient.delete(this.getApiUrl(`/v1/search/field/TaskListSearchColumns/${this._documentDefinitionName}/${searchFieldKey}`));
+        return this.httpClient.delete(this.getApiUrl(`/v1/search/field/TaskListSearchColumns/${this._caseDefinitionKey}/${searchFieldKey}`));
     }
     orderTaskListSearchFields(searchFields) {
-        return this.httpClient.put(this.getApiUrl(`/v1/search/field/${this._documentDefinitionName}/fields`), searchFields);
+        return this.httpClient.put(this.getApiUrl(`/v1/search/field/${this._caseDefinitionKey}/fields`), searchFields);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementSearchFieldsService, deps: [{ token: i1$1.HttpClient }, { token: i2$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementSearchFieldsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TaskManagementSearchFieldsService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TaskManagementSearchFieldsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementSearchFieldsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TaskManagementSearchFieldsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: i2$1.ConfigService }] });
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ConfigService }] });
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -272,7 +195,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  */
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -319,7 +242,7 @@ class TaskManagementColumnModalComponent {
         return this.formGroup.get('key');
     }
     get keyValue$() {
-        return this.key.valueChanges.pipe(distinctUntilChanged());
+        return this.key?.valueChanges.pipe(distinctUntilChanged()) ?? of(null);
     }
     get path() {
         return this.formGroup.get('path');
@@ -366,10 +289,10 @@ class TaskManagementColumnModalComponent {
         this.isAdd$ = this.type$.pipe(map(type => type === 'add'));
         this.isEdit$ = this.type$.pipe(map(type => type === 'edit'), tap(isEdit => {
             if (isEdit) {
-                this.key.disable();
+                this.key?.disable();
             }
             else {
-                this.key.enable();
+                this.key?.enable();
             }
         }));
         this.show$ = new BehaviorSubject(false);
@@ -400,17 +323,15 @@ class TaskManagementColumnModalComponent {
             : { invalidItem: true };
         this.formGroup = new FormGroup({
             title: new FormControl(null),
-            key: new FormControl(null, [this.uniqueKeyValidator.bind(this), Validators.required]),
-            path: new FormControl(null, Validators.required),
-            dateFormat: new FormControl(null),
-            displayType: new FormControl(this.getInvalidListItem(`listColumn.selectDefaultSort`), [
+            key: new FormControl(null, [
+                this.uniqueKeyValidator.bind(this),
                 Validators.required,
-                this.listItemValidator.bind(this),
             ]),
+            path: new FormControl(null, Validators.required),
+            dateFormat: new FormControl(null),
+            displayType: new FormControl(this.getInvalidListItem(`listColumn.selectDefaultSort`), [Validators.required, this.listItemValidator.bind(this)]),
             sortable: new FormControl(false),
-            defaultSort: new FormControl(this.getInvalidListItem(`listColumn.selectDefaultSort`), [
-                Validators.required,
-            ]),
+            defaultSort: new FormControl(this.getInvalidListItem(`listColumn.selectDefaultSort`), [Validators.required]),
         });
         this.sortItems$ = combineLatest([
             this.defaultSort?.valueChanges || of(null),
@@ -471,7 +392,7 @@ class TaskManagementColumnModalComponent {
     save() {
         this.disable();
         this.taskManagementApiService
-            .updateTaskListColumn(this.documentDefinitionName, this.getTaskListColumnFromFormValue(this._showEnum, this._showDateFormat, this._showYesNo))
+            .updateTaskListColumn(this.caseDefinitionKey, this.getTaskListColumnFromFormValue(this._showEnum, this._showDateFormat, this._showYesNo))
             .subscribe({
             next: () => {
                 this.closeModalAndRefresh();
@@ -532,26 +453,26 @@ class TaskManagementColumnModalComponent {
         const mappedYesNoValues = validYesNoValues && validYesNoValues.length > 0 && this.mapEnumValues(validYesNoValues);
         const formValue = this.formGroup.getRawValue();
         const taskListColumn = {
-            ...(formValue.title && { title: formValue.title }),
-            key: formValue.key,
-            path: formValue.path,
+            title: formValue?.title ?? '',
+            key: formValue.key ?? '',
+            path: formValue.path ?? '',
             displayType: {
-                type: formValue.displayType.key,
+                type: formValue?.displayType?.key ?? '',
                 displayTypeParameters: {
-                    ...(includeDateFormat && formValue.dateFormat && { dateFormat: formValue.dateFormat }),
+                    ...(!!includeDateFormat && { dateFormat: formValue.dateFormat ?? '' }),
                     ...(includeEnum && mappedEnumValues && { enum: mappedEnumValues }),
                     ...(includeYesNo && mappedYesNoValues && { enum: mappedYesNoValues }),
                 },
             },
-            sortable: formValue.sortable,
-            ...(formValue.defaultSort.key !== this._INVALID_KEY && {
-                defaultSort: formValue.defaultSort.key,
+            sortable: formValue.sortable ?? false,
+            ...(formValue?.defaultSort?.key !== this._INVALID_KEY && {
+                defaultSort: formValue?.defaultSort?.key,
             }),
         };
         return taskListColumn;
     }
     mapEnumValues(enumValues) {
-        return enumValues.reduce((acc, curr) => ({ ...acc, [curr.key]: curr.value }), {});
+        return enumValues.reduce((acc, curr) => ({ ...acc, [curr?.key ?? '']: curr.value }), {});
     }
     getValidEnumValues(values) {
         return (values || []).filter(value => value.value && value.key);
@@ -586,14 +507,14 @@ class TaskManagementColumnModalComponent {
             ...(column.defaultSort === 'ASC' && { defaultSort: this._SORT_ASC_ITEM }),
             ...(column.defaultSort === 'DESC' && { defaultSort: this._SORT_DESC_ITEM }),
             ...(column.displayType?.type === ViewType.DATE && {
-                dateFormat: column.displayType.displayTypeParameters.dateFormat,
+                dateFormat: column.displayType?.displayTypeParameters?.dateFormat,
             }),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementColumnModalComponent, deps: [{ token: i4.TranslateService }, { token: TaskManagementApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TaskManagementColumnModalComponent, isStandalone: true, selector: "valtimo-task-management-column-modal", inputs: { carbonTheme: "carbonTheme", taskListColumns: "taskListColumns", type: "type", show: "show", documentDefinitionName: "documentDefinitionName", selectedTaskListColumn: "selectedTaskListColumn" }, outputs: { closeEvent: "closeEvent" }, 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    show: show$ | async,\n    type: type$ | async,\n    isAdd: isAdd$ | async,\n    isEdit: isEdit$ | async,\n    disabled: disabled$ | async,\n    showDateFormat: showDateFormat$ | async,\n    showEnum: showEnum$ | async,\n    showYesNo: showYesNo$ | async,\n    disableDefaultSort: disableDefaultSort$ | async,\n    enumValues: enumValues$ | async,\n    enumValid: enumValid$ | async,\n    yesNoValues: yesNoValues$ | async,\n    viewTypeItems: viewTypeItems$ | async,\n    sortItems: sortItems$ | async,\n  } as obs\"\n>\n  <cds-modal size=\"sm\" [open]=\"obs.show\" valtimoCdsModal>\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 cdsModalHeaderHeading>\n        {{\n          obs.type === 'add'\n            ? ('listColumn.addButtonText' | translate)\n            : ('listColumn.editColumnTitle' | translate)\n        }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent>\n      <ng-container *ngTemplateOutlet=\"form; context: {obs: obs}\"></ng-container>\n    </section>\n\n    <ng-container *ngTemplateOutlet=\"modalFooter; context: {obs: obs}\"> </ng-container>\n  </cds-modal>\n</ng-container>\n\n<ng-template #form let-obs=\"obs\">\n  <form [formGroup]=\"formGroup\" class=\"list-column-form\">\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"obs.disabled\">\n        <span class=\"label-with-tooltip\">\n          {{ 'listColumn.titleTitle' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.titleTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <input cdsText formControlName=\"title\" />\n      </cds-label>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [invalid]=\"key?.touched && key?.invalid\"\n        [disabled]=\"obs.disabled || obs.isEdit\"\n        [invalidText]=\"'listColumn.uniqueKeyWarning' | translate\"\n      >\n        <span class=\"label-with-tooltip\">\n          {{ 'listColumn.key' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.keyTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <input cdsText formControlName=\"key\" />\n      </cds-label>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"obs.disabled\">\n        <span class=\"label-with-tooltip\">\n          {{ 'listColumn.path' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.pathTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <input cdsText formControlName=\"path\" />\n      </cds-label>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"obs.disabled\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'listColumn.displayType' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.displayTypeTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <cds-dropdown\n          *ngIf=\"obs.viewTypeItems\"\n          formControlName=\"displayType\"\n          [disabled]=\"obs.disabled\"\n        >\n          <cds-dropdown-list [items]=\"obs.viewTypeItems\"></cds-dropdown-list>\n        </cds-dropdown>\n      </cds-label>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\" *ngIf=\"obs.showDateFormat\">\n      <cds-label [disabled]=\"obs.disabled\">\n        <span class=\"label-with-tooltip\">\n          {{ 'listColumn.dateFormat' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.dateFormatTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <input cdsText formControlName=\"dateFormat\" />\n      </cds-label>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\" *ngIf=\"obs.showEnum\">\n      <cds-label [disabled]=\"obs.disabled\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'listColumn.enumTitle' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.enumTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <valtimo-carbon-multi-input\n          *ngIf=\"obs.showEnum\"\n          [fullWidth]=\"true\"\n          [carbonTheme]=\"CARBON_THEME_WHITE\"\n          [defaultValues]=\"obs.enumValues\"\n          type=\"keyValue\"\n          (valueChange)=\"enumValueChange($event)\"\n        ></valtimo-carbon-multi-input>\n      </cds-label>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\" *ngIf=\"obs.showYesNo\" [ngClass]=\"'no-margin'\">\n      <cds-label [disabled]=\"obs.disabled\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'listColumn.enumTitleOptional' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.enumTooltipOptional' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <valtimo-carbon-multi-input\n          *ngIf=\"obs.showYesNo\"\n          [fullWidth]=\"true\"\n          [carbonTheme]=\"CARBON_THEME_WHITE\"\n          [defaultValues]=\"obs.yesNoValues\"\n          type=\"keyValue\"\n          [hideAddButton]=\"true\"\n          [hideDeleteButton]=\"true\"\n          [maxRows]=\"1\"\n          [keyColumnTitle]=\"'viewTypeConverter.Yes' | translate\"\n          [valueColumnTitle]=\"'viewTypeConverter.No' | translate\"\n          (valueChange)=\"yesNoValueChange($event)\"\n        ></valtimo-carbon-multi-input>\n      </cds-label>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-checkbox formControlName=\"sortable\" [disabled]=\"obs.disabled\"\n        >{{ 'listColumn.sortable' | translate }}\n      </cds-checkbox>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"obs.disabled || obs.disableDefaultSort\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'listColumn.defaultSortTitle' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.defaultSortTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <cds-dropdown formControlName=\"defaultSort\" [disabled]=\"obs.disabled\" *ngIf=\"obs.sortItems\">\n          <cds-dropdown-list [items]=\"obs.sortItems\"></cds-dropdown-list>\n        </cds-dropdown>\n      </cds-label>\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #modalFooter let-obs=\"obs\">\n  <cds-modal-footer>\n    <ng-container>\n      <button\n        (click)=\"closeModal()\"\n        cdsButton=\"secondary\"\n        [attr.modal-primary-focus]=\"true\"\n        [disabled]=\"obs.disabled\"\n      >\n        {{ 'listColumn.close' | translate }}\n      </button>\n\n      <button\n        (click)=\"save()\"\n        cdsButton=\"primary\"\n        [attr.modal-primary-focus]=\"true\"\n        [disabled]=\"!obs.valid\"\n        [disabled]=\"obs.disabled || formGroup?.invalid || (obs.showEnum && !obs.enumValid)\"\n      >\n        {{ 'listColumn.save' | translate }}\n      </button>\n    </ng-container>\n  </cds-modal-footer>\n</ng-template>\n", styles: [".cds--text-input__field-wrapper cds-label{width:100%}.cds--text-input__field-wrapper ::ng-deep .cds--label{width:100%}.cds--text-input__field-wrapper:not(:last-child){margin-bottom:16px}.label-with-tooltip{display:flex;align-items:center}.select-label{padding-bottom:8px}.list-column-form{margin-bottom:16px}.no-margin{margin-bottom:0!important}\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: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i2$2.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2$2.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2$2.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i2$2.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2$2.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i2$2.Checkbox, selector: "cds-checkbox, ibm-checkbox", inputs: ["disabled", "skeleton", "hideLabel", "name", "id", "required", "value", "ariaLabel", "ariaLabelledby", "indeterminate", "checked"], outputs: ["click", "checkedChange", "indeterminateChange"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i2$2.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: i2$2.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i2$2.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i2$2.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TooltipIconModule }, { kind: "component", type: i6.TooltipIconComponent, selector: "v-tooltip-icon", inputs: ["tooltip", "disabled"] }, { kind: "ngmodule", type: CarbonMultiInputModule }, { kind: "component", type: i6.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["addRowText", "addRowTranslationKey", "arbitraryAmountTitles", "arbitraryValueAmount", "defaultValues", "deleteRowText", "deleteRowTranslationKey", "disabled", "dropdownColumnTitle", "dropdownItems", "dropdownWidth", "fullWidth", "hideAddButton", "hideDeleteButton", "initialAmountOfRows", "keyColumnTitle", "margin", "maxRows", "minimumAmountOfRows", "name", "required", "title", "titleTranslationKey", "tooltip", "type", "valueColumnTitle", "valuePathSelectorDocumentDefinitionName", "valuePathSelectorPrefixes", "valuePathSelectorShowDocumentDefinitionSelector", "valuePathSelectorNotation", "keyColumnFlex", "dropdownColumnFlex", "valueColumnFlex"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ValtimoCdsModalDirectiveModule }, { kind: "directive", type: i6.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["enableOverflow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TaskManagementColumnModalComponent, deps: [{ token: i4.TranslateService }, { token: TaskManagementApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: TaskManagementColumnModalComponent, isStandalone: true, selector: "valtimo-task-management-column-modal", inputs: { carbonTheme: "carbonTheme", taskListColumns: "taskListColumns", type: "type", show: "show", caseDefinitionKey: "caseDefinitionKey", selectedTaskListColumn: "selectedTaskListColumn" }, outputs: { closeEvent: "closeEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    show: show$ | async,\n    type: type$ | async,\n    isAdd: isAdd$ | async,\n    isEdit: isEdit$ | async,\n    disabled: disabled$ | async,\n    showDateFormat: showDateFormat$ | async,\n    showEnum: showEnum$ | async,\n    showYesNo: showYesNo$ | async,\n    disableDefaultSort: disableDefaultSort$ | async,\n    enumValues: enumValues$ | async,\n    enumValid: enumValid$ | async,\n    yesNoValues: yesNoValues$ | async,\n    viewTypeItems: viewTypeItems$ | async,\n    sortItems: sortItems$ | async,\n  } as obs\"\n>\n  <cds-modal size=\"sm\" [open]=\"obs.show\" valtimoCdsModal (close)=\"closeModal()\">\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 cdsModalHeaderHeading>\n        {{\n          obs.type === 'add'\n            ? ('listColumn.addButtonText' | translate)\n            : ('listColumn.editColumnTitle' | translate)\n        }}\n      </h3>\n    </cds-modal-header>\n\n    <form cdsModalContent [formGroup]=\"formGroup\" class=\"list-column-form\">\n      <div class=\"cds--text-input__field-wrapper\">\n        <cds-label [disabled]=\"obs.disabled\">\n          <span class=\"label-with-tooltip\">\n            {{ 'listColumn.titleTitle' | translate }}\n\n            <v-tooltip-icon\n              [tooltip]=\"'listColumn.titleTooltip' | translate\"\n              [disabled]=\"obs.disabled\"\n            ></v-tooltip-icon>\n          </span>\n\n          <input cdsText cdsLayer formControlName=\"title\" />\n        </cds-label>\n      </div>\n\n      <div class=\"cds--text-input__field-wrapper\">\n        <cds-label\n          [invalid]=\"key?.touched && key?.invalid\"\n          [disabled]=\"obs.disabled || obs.isEdit\"\n          [invalidText]=\"'listColumn.uniqueKeyWarning' | translate\"\n        >\n          <span class=\"label-with-tooltip\">\n            {{ 'listColumn.key' | translate }}\n\n            <v-tooltip-icon\n              [tooltip]=\"'listColumn.keyTooltip' | translate\"\n              [disabled]=\"obs.disabled\"\n            ></v-tooltip-icon>\n          </span>\n\n          <input cdsText cdsLayer formControlName=\"key\" />\n        </cds-label>\n      </div>\n\n      <div class=\"cds--text-input__field-wrapper\">\n        <cds-label [disabled]=\"obs.disabled\">\n          <span class=\"label-with-tooltip\">\n            {{ 'listColumn.path' | translate }}\n\n            <v-tooltip-icon\n              [tooltip]=\"'listColumn.pathTooltip' | translate\"\n              [disabled]=\"obs.disabled\"\n            ></v-tooltip-icon>\n          </span>\n\n          <input cdsText cdsLayer formControlName=\"path\" />\n        </cds-label>\n      </div>\n\n      <div class=\"cds--text-input__field-wrapper\">\n        <cds-label [disabled]=\"obs.disabled\">\n          <span class=\"label-with-tooltip select-label\">\n            {{ 'listColumn.displayType' | translate }}\n\n            <v-tooltip-icon\n              [tooltip]=\"'listColumn.displayTypeTooltip' | translate\"\n              [disabled]=\"obs.disabled\"\n            ></v-tooltip-icon>\n          </span>\n\n          <cds-dropdown\n            *ngIf=\"obs.viewTypeItems\"\n            cdsLayer\n            formControlName=\"displayType\"\n            [disabled]=\"obs.disabled\"\n          >\n            <cds-dropdown-list [items]=\"obs.viewTypeItems\"></cds-dropdown-list>\n          </cds-dropdown>\n        </cds-label>\n      </div>\n\n      <div class=\"cds--text-input__field-wrapper\" *ngIf=\"obs.showDateFormat\">\n        <cds-label [disabled]=\"obs.disabled\">\n          <span class=\"label-with-tooltip\">\n            {{ 'listColumn.dateFormat' | translate }}\n\n            <v-tooltip-icon\n              [tooltip]=\"'listColumn.dateFormatTooltip' | translate\"\n              [disabled]=\"obs.disabled\"\n            ></v-tooltip-icon>\n          </span>\n\n          <input cdsText cdsLayer formControlName=\"dateFormat\" />\n        </cds-label>\n      </div>\n\n      <div class=\"cds--text-input__field-wrapper\" *ngIf=\"obs.showEnum\">\n        <cds-label [disabled]=\"obs.disabled\">\n          <span class=\"label-with-tooltip select-label\">\n            {{ 'listColumn.enumTitle' | translate }}\n\n            <v-tooltip-icon\n              [tooltip]=\"'listColumn.enumTooltip' | translate\"\n              [disabled]=\"obs.disabled\"\n            ></v-tooltip-icon>\n          </span>\n\n          <valtimo-carbon-multi-input\n            *ngIf=\"obs.showEnum\"\n            [fullWidth]=\"true\"\n            [carbonTheme]=\"CARBON_THEME_WHITE\"\n            [defaultValues]=\"obs.enumValues\"\n            type=\"keyValue\"\n            (valueChange)=\"enumValueChange($event)\"\n          ></valtimo-carbon-multi-input>\n        </cds-label>\n      </div>\n\n      <div class=\"cds--text-input__field-wrapper\" *ngIf=\"obs.showYesNo\" [ngClass]=\"'no-margin'\">\n        <cds-label [disabled]=\"obs.disabled\">\n          <span class=\"label-with-tooltip select-label\">\n            {{ 'listColumn.enumTitleOptional' | translate }}\n\n            <v-tooltip-icon\n              [tooltip]=\"'listColumn.enumTooltipOptional' | translate\"\n              [disabled]=\"obs.disabled\"\n            ></v-tooltip-icon>\n          </span>\n\n          <valtimo-carbon-multi-input\n            *ngIf=\"obs.showYesNo\"\n            [fullWidth]=\"true\"\n            [defaultValues]=\"obs.yesNoValues\"\n            type=\"keyValue\"\n            [hideAddButton]=\"true\"\n            [hideDeleteButton]=\"true\"\n            [maxRows]=\"1\"\n            [keyColumnTitle]=\"'viewTypeConverter.Yes' | translate\"\n            [valueColumnTitle]=\"'viewTypeConverter.No' | translate\"\n            (valueChange)=\"yesNoValueChange($event)\"\n          ></valtimo-carbon-multi-input>\n        </cds-label>\n      </div>\n\n      <div class=\"cds--text-input__field-wrapper\">\n        <cds-checkbox formControlName=\"sortable\" [disabled]=\"obs.disabled\"\n          >{{ 'listColumn.sortable' | translate }}\n        </cds-checkbox>\n      </div>\n\n      <div class=\"cds--text-input__field-wrapper\">\n        <cds-label [disabled]=\"obs.disabled || obs.disableDefaultSort\">\n          <span class=\"label-with-tooltip select-label\">\n            {{ 'listColumn.defaultSortTitle' | translate }}\n\n            <v-tooltip-icon\n              [tooltip]=\"'listColumn.defaultSortTooltip' | translate\"\n              [disabled]=\"obs.disabled\"\n            ></v-tooltip-icon>\n          </span>\n\n          <cds-dropdown\n            formControlName=\"defaultSort\"\n            [disabled]=\"obs.disabled\"\n            cdsLayer\n            *ngIf=\"obs.sortItems\"\n          >\n            <cds-dropdown-list [items]=\"obs.sortItems\"></cds-dropdown-list>\n          </cds-dropdown>\n        </cds-label>\n      </div>\n    </form>\n\n    <cds-modal-footer>\n      <button (click)=\"closeModal()\" cdsButton=\"secondary\" [disabled]=\"obs.disabled\">\n        {{ 'listColumn.close' | translate }}\n      </button>\n\n      <button\n        (click)=\"save()\"\n        cdsButton=\"primary\"\n        [disabled]=\"obs.disabled || formGroup.invalid || (obs.showEnum && !obs.enumValid)\"\n      >\n        {{ 'listColumn.save' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</ng-container>\n", styles: [".cds--text-input__field-wrapper cds-label{width:100%}.cds--text-input__field-wrapper ::ng-deep .cds--label{width:100%}.cds--text-input__field-wrapper:not(:last-child){margin-bottom:16px}.label-with-tooltip{display:flex;align-items:center}.select-label{padding-bottom:8px}.list-column-form{margin-bottom:16px}.no-margin{margin-bottom:0!important}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i2$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i2$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i2$1.Checkbox, selector: "cds-checkbox, ibm-checkbox", inputs: ["disabled", "skeleton", "hideLabel", "name", "id", "required", "value", "ariaLabel", "ariaLabelledby", "indeterminate", "checked"], outputs: ["click", "checkedChange", "indeterminateChange"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i2$1.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i2$1.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i2$1.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i2$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TooltipIconModule }, { kind: "component", type: i6.TooltipIconComponent, selector: "v-tooltip-icon", inputs: ["tooltip", "disabled"] }, { kind: "ngmodule", type: CarbonMultiInputModule }, { kind: "component", type: i6.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["addRowText", "addRowTranslationKey", "arbitraryAmountTitles", "arbitraryValueAmount", "defaultValues", "deleteRowText", "deleteRowTranslationKey", "disabled", "dropdownColumnTitle", "dropdownItems", "dropdownWidth", "fullWidth", "hideAddButton", "hideDeleteButton", "initialAmountOfRows", "keyColumnTitle", "margin", "maxRows", "minimumAmountOfRows", "name", "required", "title", "titleTranslationKey", "tooltip", "type", "valueColumnTitle", "valuePathSelectorCaseDefinitionKey", "valuePathSelectorPrefixes", "valuePathSelectorShowCaseDefinitionSelector", "valuePathSelectorNotation", "keyColumnFlex", "dropdownColumnFlex", "valueColumnFlex"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["enableOverflow"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i2$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementColumnModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TaskManagementColumnModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-task-management-column-modal', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
@@ -609,8 +530,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         TooltipIconModule,
                         CarbonMultiInputModule,
                         ButtonModule,
-                        ValtimoCdsModalDirectiveModule,
-                    ], 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    show: show$ | async,\n    type: type$ | async,\n    isAdd: isAdd$ | async,\n    isEdit: isEdit$ | async,\n    disabled: disabled$ | async,\n    showDateFormat: showDateFormat$ | async,\n    showEnum: showEnum$ | async,\n    showYesNo: showYesNo$ | async,\n    disableDefaultSort: disableDefaultSort$ | async,\n    enumValues: enumValues$ | async,\n    enumValid: enumValid$ | async,\n    yesNoValues: yesNoValues$ | async,\n    viewTypeItems: viewTypeItems$ | async,\n    sortItems: sortItems$ | async,\n  } as obs\"\n>\n  <cds-modal size=\"sm\" [open]=\"obs.show\" valtimoCdsModal>\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 cdsModalHeaderHeading>\n        {{\n          obs.type === 'add'\n            ? ('listColumn.addButtonText' | translate)\n            : ('listColumn.editColumnTitle' | translate)\n        }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent>\n      <ng-container *ngTemplateOutlet=\"form; context: {obs: obs}\"></ng-container>\n    </section>\n\n    <ng-container *ngTemplateOutlet=\"modalFooter; context: {obs: obs}\"> </ng-container>\n  </cds-modal>\n</ng-container>\n\n<ng-template #form let-obs=\"obs\">\n  <form [formGroup]=\"formGroup\" class=\"list-column-form\">\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"obs.disabled\">\n        <span class=\"label-with-tooltip\">\n          {{ 'listColumn.titleTitle' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.titleTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <input cdsText formControlName=\"title\" />\n      </cds-label>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [invalid]=\"key?.touched && key?.invalid\"\n        [disabled]=\"obs.disabled || obs.isEdit\"\n        [invalidText]=\"'listColumn.uniqueKeyWarning' | translate\"\n      >\n        <span class=\"label-with-tooltip\">\n          {{ 'listColumn.key' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.keyTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <input cdsText formControlName=\"key\" />\n      </cds-label>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"obs.disabled\">\n        <span class=\"label-with-tooltip\">\n          {{ 'listColumn.path' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.pathTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <input cdsText formControlName=\"path\" />\n      </cds-label>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"obs.disabled\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'listColumn.displayType' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.displayTypeTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <cds-dropdown\n          *ngIf=\"obs.viewTypeItems\"\n          formControlName=\"displayType\"\n          [disabled]=\"obs.disabled\"\n        >\n          <cds-dropdown-list [items]=\"obs.viewTypeItems\"></cds-dropdown-list>\n        </cds-dropdown>\n      </cds-label>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\" *ngIf=\"obs.showDateFormat\">\n      <cds-label [disabled]=\"obs.disabled\">\n        <span class=\"label-with-tooltip\">\n          {{ 'listColumn.dateFormat' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.dateFormatTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <input cdsText formControlName=\"dateFormat\" />\n      </cds-label>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\" *ngIf=\"obs.showEnum\">\n      <cds-label [disabled]=\"obs.disabled\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'listColumn.enumTitle' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.enumTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <valtimo-carbon-multi-input\n          *ngIf=\"obs.showEnum\"\n          [fullWidth]=\"true\"\n          [carbonTheme]=\"CARBON_THEME_WHITE\"\n          [defaultValues]=\"obs.enumValues\"\n          type=\"keyValue\"\n          (valueChange)=\"enumValueChange($event)\"\n        ></valtimo-carbon-multi-input>\n      </cds-label>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\" *ngIf=\"obs.showYesNo\" [ngClass]=\"'no-margin'\">\n      <cds-label [disabled]=\"obs.disabled\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'listColumn.enumTitleOptional' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.enumTooltipOptional' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <valtimo-carbon-multi-input\n          *ngIf=\"obs.showYesNo\"\n          [fullWidth]=\"true\"\n          [carbonTheme]=\"CARBON_THEME_WHITE\"\n          [defaultValues]=\"obs.yesNoValues\"\n          type=\"keyValue\"\n          [hideAddButton]=\"true\"\n          [hideDeleteButton]=\"true\"\n          [maxRows]=\"1\"\n          [keyColumnTitle]=\"'viewTypeConverter.Yes' | translate\"\n          [valueColumnTitle]=\"'viewTypeConverter.No' | translate\"\n          (valueChange)=\"yesNoValueChange($event)\"\n        ></valtimo-carbon-multi-input>\n      </cds-label>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-checkbox formControlName=\"sortable\" [disabled]=\"obs.disabled\"\n        >{{ 'listColumn.sortable' | translate }}\n      </cds-checkbox>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"obs.disabled || obs.disableDefaultSort\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'listColumn.defaultSortTitle' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'listColumn.defaultSortTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <cds-dropdown formControlName=\"defaultSort\" [disabled]=\"obs.disabled\" *ngIf=\"obs.sortItems\">\n          <cds-dropdown-list [items]=\"obs.sortItems\"></cds-dropdown-list>\n        </cds-dropdown>\n      </cds-label>\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #modalFooter let-obs=\"obs\">\n  <cds-modal-footer>\n    <ng-container>\n      <button\n        (click)=\"closeModal()\"\n        cdsButton=\"secondary\"\n        [attr.modal-primary-focus]=\"true\"\n        [disabled]=\"obs.disabled\"\n      >\n        {{ 'listColumn.close' | translate }}\n      </button>\n\n      <button\n        (click)=\"save()\"\n        cdsButton=\"primary\"\n        [attr.modal-primary-focus]=\"true\"\n        [disabled]=\"!obs.valid\"\n        [disabled]=\"obs.disabled || formGroup?.invalid || (obs.showEnum && !obs.enumValid)\"\n      >\n        {{ 'listColumn.save' | translate }}\n      </button>\n    </ng-container>\n  </cds-modal-footer>\n</ng-template>\n", styles: [".cds--text-input__field-wrapper cds-label{width:100%}.cds--text-input__field-wrapper ::ng-deep .cds--label{width:100%}.cds--text-input__field-wrapper:not(:last-child){margin-bottom:16px}.label-with-tooltip{display:flex;align-items:center}.select-label{padding-bottom:8px}.list-column-form{margin-bottom:16px}.no-margin{margin-bottom:0!important}\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"] }]
+                        ValtimoCdsModalDirective,
+                        LayerModule,
+                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    show: show$ | async,\n    type: type$ | async,\n    isAdd: isAdd$ | async,\n    isEdit: isEdit$ | async,\n    disabled: disabled$ | async,\n    showDateFormat: showDateFormat$ | async,\n    showEnum: showEnum$ | async,\n    showYesNo: showYesNo$ | async,\n    disableDefaultSort: disableDefaultSort$ | async,\n    enumValues: enumValues$ | async,\n    enumValid: enumValid$ | async,\n    yesNoValues: yesNoValues$ | async,\n    viewTypeItems: viewTypeItems$ | async,\n    sortItems: sortItems$ | async,\n  } as obs\"\n>\n  <cds-modal size=\"sm\" [open]=\"obs.show\" valtimoCdsModal (close)=\"closeModal()\">\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 cdsModalHeaderHeading>\n        {{\n          obs.type === 'add'\n            ? ('listColumn.addButtonText' | translate)\n            : ('listColumn.editColumnTitle' | translate)\n        }}\n      </h3>\n    </cds-modal-header>\n\n    <form cdsModalContent [formGroup]=\"formGroup\" class=\"list-column-form\">\n      <div class=\"cds--text-input__field-wrapper\">\n        <cds-label [disabled]=\"obs.disabled\">\n          <span class=\"label-with-tooltip\">\n            {{ 'listColumn.titleTitle' | translate }}\n\n            <v-tooltip-icon\n              [tooltip]=\"'listColumn.titleTooltip' | translate\"\n              [disabled]=\"obs.disabled\"\n            ></v-tooltip-icon>\n          </span>\n\n          <input cdsText cdsLayer formControlName=\"title\" />\n        </cds-label>\n      </div>\n\n      <div class=\"cds--text-input__field-wrapper\">\n        <cds-label\n          [invalid]=\"key?.touched && key?.invalid\"\n          [disabled]=\"obs.disabled || obs.isEdit\"\n          [invalidText]=\"'listColumn.uniqueKeyWarning' | translate\"\n        >\n          <span class=\"label-with-tooltip\">\n            {{ 'listColumn.key' | translate }}\n\n            <v-tooltip-icon\n              [tooltip]=\"'listColumn.keyTooltip' | translate\"\n              [disabled]=\"obs.disabled\"\n            ></v-tooltip-icon>\n          </span>\n\n          <input cdsText cdsLayer formControlName=\"key\" />\n        </cds-label>\n      </div>\n\n      <div class=\"cds--text-input__field-wrapper\">\n        <cds-label [disabled]=\"obs.disabled\">\n          <span class=\"label-with-tooltip\">\n            {{ 'listColumn.path' | translate }}\n\n            <v-tooltip-icon\n              [tooltip]=\"'listColumn.pathTooltip' | translate\"\n              [disabled]=\"obs.disabled\"\n            ></v-tooltip-icon>\n          </span>\n\n          <input cdsText cdsLayer formControlName=\"path\" />\n        </cds-label>\n      </div>\n\n      <div class=\"cds--text-input__field-wrapper\">\n        <cds-label [disabled]=\"obs.disabled\">\n          <span class=\"label-with-tooltip select-label\">\n            {{ 'listColumn.displayType' | translate }}\n\n            <v-tooltip-icon\n              [tooltip]=\"'listColumn.displayTypeTooltip' | translate\"\n              [disabled]=\"obs.disabled\"\n            ></v-tooltip-icon>\n          </span>\n\n          <cds-dropdown\n            *ngIf=\"obs.viewTypeItems\"\n            cdsLayer\n            formControlName=\"displayType\"\n            [disabled]=\"obs.disabled\"\n          >\n            <cds-dropdown-list [items]=\"obs.viewTypeItems\"></cds-dropdown-list>\n          </cds-dropdown>\n        </cds-label>\n      </div>\n\n      <div class=\"cds--text-input__field-wrapper\" *ngIf=\"obs.showDateFormat\">\n        <cds-label [disabled]=\"obs.disabled\">\n          <span class=\"label-with-tooltip\">\n            {{ 'listColumn.dateFormat' | translate }}\n\n            <v-tooltip-icon\n              [tooltip]=\"'listColumn.dateFormatTooltip' | translate\"\n              [disabled]=\"obs.disabled\"\n            ></v-tooltip-icon>\n          </span>\n\n          <input cdsText cdsLayer formControlName=\"dateFormat\" />\n        </cds-label>\n      </div>\n\n      <div class=\"cds--text-input__field-wrapper\" *ngIf=\"obs.showEnum\">\n        <cds-label [disabled]=\"obs.disabled\">\n          <span class=\"label-with-tooltip select-label\">\n            {{ 'listColumn.enumTitle' | translate }}\n\n            <v-tooltip-icon\n              [tooltip]=\"'listColumn.enumTooltip' | translate\"\n              [disabled]=\"obs.disabled\"\n            ></v-tooltip-icon>\n          </span>\n\n          <valtimo-carbon-multi-input\n            *ngIf=\"obs.showEnum\"\n            [fullWidth]=\"true\"\n            [carbonTheme]=\"CARBON_THEME_WHITE\"\n            [defaultValues]=\"obs.enumValues\"\n            type=\"keyValue\"\n            (valueChange)=\"enumValueChange($event)\"\n          ></valtimo-carbon-multi-input>\n        </cds-label>\n      </div>\n\n      <div class=\"cds--text-input__field-wrapper\" *ngIf=\"obs.showYesNo\" [ngClass]=\"'no-margin'\">\n        <cds-label [disabled]=\"obs.disabled\">\n          <span class=\"label-with-tooltip select-label\">\n            {{ 'listColumn.enumTitleOptional' | translate }}\n\n            <v-tooltip-icon\n              [tooltip]=\"'listColumn.enumTooltipOptional' | translate\"\n              [disabled]=\"obs.disabled\"\n            ></v-tooltip-icon>\n          </span>\n\n          <valtimo-carbon-multi-input\n            *ngIf=\"obs.showYesNo\"\n            [fullWidth]=\"true\"\n            [defaultValues]=\"obs.yesNoValues\"\n            type=\"keyValue\"\n            [hideAddButton]=\"true\"\n            [hideDeleteButton]=\"true\"\n            [maxRows]=\"1\"\n            [keyColumnTitle]=\"'viewTypeConverter.Yes' | translate\"\n            [valueColumnTitle]=\"'viewTypeConverter.No' | translate\"\n            (valueChange)=\"yesNoValueChange($event)\"\n          ></valtimo-carbon-multi-input>\n        </cds-label>\n      </div>\n\n      <div class=\"cds--text-input__field-wrapper\">\n        <cds-checkbox formControlName=\"sortable\" [disabled]=\"obs.disabled\"\n          >{{ 'listColumn.sortable' | translate }}\n        </cds-checkbox>\n      </div>\n\n      <div class=\"cds--text-input__field-wrapper\">\n        <cds-label [disabled]=\"obs.disabled || obs.disableDefaultSort\">\n          <span class=\"label-with-tooltip select-label\">\n            {{ 'listColumn.defaultSortTitle' | translate }}\n\n            <v-tooltip-icon\n              [tooltip]=\"'listColumn.defaultSortTooltip' | translate\"\n              [disabled]=\"obs.disabled\"\n            ></v-tooltip-icon>\n          </span>\n\n          <cds-dropdown\n            formControlName=\"defaultSort\"\n            [disabled]=\"obs.disabled\"\n            cdsLayer\n            *ngIf=\"obs.sortItems\"\n          >\n            <cds-dropdown-list [items]=\"obs.sortItems\"></cds-dropdown-list>\n          </cds-dropdown>\n        </cds-label>\n      </div>\n    </form>\n\n    <cds-modal-footer>\n      <button (click)=\"closeModal()\" cdsButton=\"secondary\" [disabled]=\"obs.disabled\">\n        {{ 'listColumn.close' | translate }}\n      </button>\n\n      <button\n        (click)=\"save()\"\n        cdsButton=\"primary\"\n        [disabled]=\"obs.disabled || formGroup.invalid || (obs.showEnum && !obs.enumValid)\"\n      >\n        {{ 'listColumn.save' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</ng-container>\n", styles: [".cds--text-input__field-wrapper cds-label{width:100%}.cds--text-input__field-wrapper ::ng-deep .cds--label{width:100%}.cds--text-input__field-wrapper:not(:last-child){margin-bottom:16px}.label-with-tooltip{display:flex;align-items:center}.select-label{padding-bottom:8px}.list-column-form{margin-bottom:16px}.no-margin{margin-bottom:0!important}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i4.TranslateService }, { type: TaskManagementApiService }], propDecorators: { carbonTheme: [{
                 type: Input
             }], taskListColumns: [{
@@ -619,7 +541,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], show: [{
                 type: Input
-            }], documentDefinitionName: [{
+            }], caseDefinitionKey: [{
                 type: Input
             }], selectedTaskListColumn: [{
                 type: Input
@@ -628,7 +550,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }] } });
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -649,18 +571,18 @@ class TaskManagementColumnsComponent {
         this.translateService = translateService;
         this.carbonTheme = CARBON_THEME.G10;
         this._refreshColumns$ = new BehaviorSubject(null);
-        this.documentDefinitionName$ = this.route.params.pipe(map(params => params?.name), filter(name => !!name));
+        this.caseDefinitionKey$ = getCaseManagementRouteParams(this.route).pipe(map((params) => (!params ? '' : params.caseDefinitionKey)));
         this.loadingColumns$ = new BehaviorSubject(true);
         this.selectedTaskListColumn$ = new Subject();
         this.cachedTaskListColumns$ = new BehaviorSubject([]);
         this.taskListColumns$ = combineLatest([
-            this.documentDefinitionName$,
+            this.caseDefinitionKey$,
             this._refreshColumns$,
             this.translateService.stream('key'),
         ]).pipe(tap(([_, refresh]) => {
             if (refresh !== 'noAnimation')
                 this.loadingColumns$.next(true);
-        }), switchMap(([documentDefinitionName]) => this.taskManagementApiService.getTaskListColumns(documentDefinitionName)), tap(columns => {
+        }), switchMap(([caseDefinitionKey]) => this.taskManagementApiService.getTaskListColumns(caseDefinitionKey)), tap(columns => {
             this.cachedTaskListColumns$.next(columns);
         }), map(columns => columns.map(column => ({
             ...column,
@@ -674,13 +596,13 @@ class TaskManagementColumnsComponent {
                     this.translateService.instant('listColumn.sortableDesc')) ||
                 '-',
             displayType: this.translateService.instant(`listColumnDisplayType.${column?.displayType?.type}`),
-            displayTypeParameters: this.getDisplayTypeParametersView(column.displayType.displayTypeParameters),
+            displayTypeParameters: this.getDisplayTypeParametersView(column?.displayType?.displayTypeParameters),
         }))), tap(() => {
             this.enable();
             this.loadingColumns$.next(false);
         }));
         this.showDeleteModal$ = new Subject();
-        this.deleteRowKey$ = new BehaviorSubject('');
+        this.deleteColumnKey$ = new BehaviorSubject('');
         this.disabled$ = new BehaviorSubject(true);
         this.fields = [
             {
@@ -727,9 +649,13 @@ class TaskManagementColumnsComponent {
             },
         ];
         this.actionItems = [
+            {
+                label: 'interface.edit',
+                callback: this.editColumn.bind(this),
+            },
             {
                 label: 'interface.delete',
-                callback: this.deleteRow.bind(this),
+                callback: this.deleteColumn.bind(this),
                 type: 'danger',
             },
         ];
@@ -739,15 +665,14 @@ class TaskManagementColumnsComponent {
     refreshColumns(noAnimation = false) {
         this._refreshColumns$.next(noAnimation ? 'noAnimation' : null);
     }
-    deleteRow(taskListColumn) {
+    deleteColumn(taskListColumn) {
         this.showDeleteModal$.next(true);
-        this.deleteRowKey$.next(taskListColumn.key);
+        this.deleteColumnKey$.next(taskListColumn.key);
     }
-    onMoveRowClick(event, documentDefinitionName) {
-        const { direction, index } = event;
+    onItemsReordered(reorderedItems, caseDefinitionKey) {
         this.disable();
-        this.cachedTaskListColumns$
-            .pipe(take(1), switchMap(taskListColumns => this.taskManagementApiService.swapTaskListColumns(documentDefinitionName, taskListColumns[index], taskListColumns[direction === MoveRowDirection.UP ? index - 1 : index + 1])))
+        this.taskManagementApiService
+            .updateTaskListColumnOrder(caseDefinitionKey, reorderedItems.map((column) => column.key))
             .subscribe({
             next: () => {
                 this.refreshColumns(true);
@@ -755,10 +680,10 @@ class TaskManagementColumnsComponent {
             error: () => this.enable(),
         });
     }
-    columnRowClicked(row) {
+    editColumn(columnItem) {
         this.cachedTaskListColumns$.pipe(take(1)).subscribe(cachedTaskListColumns => {
-            const selectedTaskListColumn = cachedTaskListColumns.find(column => column.key === row.key);
-            this.selectedTaskListColumn$.next(selectedTaskListColumn);
+            const selectedTaskListColumn = cachedTaskListColumns.find(column => column.key === columnItem.key);
+            this.selectedTaskListColumn$.next(selectedTaskListColumn ?? null);
             this.showModal('edit');
         });
     }
@@ -776,11 +701,9 @@ class TaskManagementColumnsComponent {
             this.clearSelectedTaskListColumn();
         }, CARBON_CONSTANTS.modalAnimationMs);
     }
-    deleteRowConfirmation(columnKey, documentDefinitionName) {
+    deleteColumnConfirmation(columnKey, caseDefinitionKey) {
         this.disable();
-        this.taskManagementApiService
-            .deleteTaskListColumn(documentDefinitionName, columnKey)
-            .subscribe({
+        this.taskManagementApiService.deleteTaskListColumn(caseDefinitionKey, columnKey).subscribe({
             next: () => {
                 this.refreshColumns(true);
             },
@@ -788,15 +711,16 @@ class TaskManagementColumnsComponent {
         });
     }
     getDisplayTypeParametersView(displayTypeParameters) {
+        if (!displayTypeParameters)
+            return '-';
         if (displayTypeParameters?.dateFormat) {
             return displayTypeParameters.dateFormat;
         }
         else if (displayTypeParameters?.enum) {
             return Object.keys(displayTypeParameters.enum).reduce((acc, curr) => {
-                const keyValuePairString = `${curr}: ${displayTypeParameters.enum[curr]}`;
-                if (!acc) {
+                const keyValuePairString = `${curr}: ${displayTypeParameters?.enum?.[curr]}`;
+                if (!acc)
                     return `${keyValuePairString}`;
-                }
                 return `${acc}, ${keyValuePairString}`;
             }, '');
         }
@@ -811,10 +735,10 @@ class TaskManagementColumnsComponent {
     clearSelectedTaskListColumn() {
         this.selectedTaskListColumn$.next(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementColumnsComponent, deps: [{ token: i2.ActivatedRoute }, { token: TaskManagementApiService }, { token: i4.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TaskManagementColumnsComponent, isStandalone: true, selector: "valtimo-task-management-columns", inputs: { carbonTheme: "carbonTheme" }, providers: [TaskManagementService], 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    taskListColumns: taskListColumns$ | async,\n    cachedTaskListColumns: cachedTaskListColumns$ | async,\n    documentDefinitionName: documentDefinitionName$ | async,\n    loadingColumns: loadingColumns$ | async,\n    modalType: modalType$ | async,\n    showModal: showModal$ | async,\n    disabled: disabled$ | async,\n  } as obs\"\n>\n  <ng-container *ngTemplateOutlet=\"list; context: {obs: obs}\"></ng-container>\n\n  <valtimo-task-management-column-modal\n    [taskListColumns]=\"obs.cachedTaskListColumns\"\n    [type]=\"obs.modalType\"\n    [show]=\"obs.showModal\"\n    [documentDefinitionName]=\"obs.documentDefinitionName\"\n    [selectedTaskListColumn]=\"selectedTaskListColumn$ | async\"\n    (closeEvent)=\"onModalCloseEvent($event)\"\n  ></valtimo-task-management-column-modal>\n\n  <valtimo-confirmation-modal\n    [showModalSubject$]=\"showDeleteModal$\"\n    [outputOnConfirm]=\"deleteRowKey$ | async\"\n    (confirmEvent)=\"deleteRowConfirmation($event, obs.documentDefinitionName)\"\n    confirmButtonTextTranslationKey=\"listColumn.deleteColumn\"\n    titleTranslationKey=\"listColumn.deleteColumn\"\n    contentTranslationKey=\"listColumn.deleteColumnConfirmation\"\n  ></valtimo-confirmation-modal>\n</ng-container>\n\n<ng-template #list let-obs=\"obs\">\n  <valtimo-carbon-list\n    [actionItems]=\"actionItems\"\n    [items]=\"obs.taskListColumns\"\n    [loading]=\"obs.loadingColumns\"\n    [fields]=\"fields\"\n    [header]=\"false\"\n    [movingRowsEnabled]=\"true\"\n    (rowClicked)=\"columnRowClicked($event)\"\n    (moveRow)=\"onMoveRowClick($event, obs.documentDefinitionName)\"\n  >\n    <ng-container\n      carbonToolbarContent\n      *ngTemplateOutlet=\"buttons; context: {obs: obs}\"\n    ></ng-container>\n\n    <valtimo-no-results\n      [title]=\"'listColumn.noConfigWarningTitle' | translate\"\n      [description]=\"'listColumn.noConfigWarning' | translate\"\n      illustration=\"valtimo-layout/img/emptystate-empty.svg\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #buttons let-obs=\"obs\">\n  <button cdsButton=\"primary\" (click)=\"showModal('add')\" [disabled]=\"obs.disabled\">\n    {{ 'listColumn.addButtonText' | translate }}\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { 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: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: TaskManagementColumnModalComponent, selector: "valtimo-task-management-column-modal", inputs: ["carbonTheme", "taskListColumns", "type", "show", "documentDefinitionName", "selectedTaskListColumn"], outputs: ["closeEvent"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2$2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TaskManagementColumnsComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: TaskManagementApiService }, { token: i4.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: TaskManagementColumnsComponent, isStandalone: true, selector: "valtimo-task-management-columns", inputs: { carbonTheme: "carbonTheme" }, providers: [TaskManagementService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    taskListColumns: taskListColumns$ | async,\n    cachedTaskListColumns: cachedTaskListColumns$ | async,\n    caseDefinitionKey: caseDefinitionKey$ | async,\n    loadingColumns: loadingColumns$ | async,\n    modalType: modalType$ | async,\n    showModal: showModal$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [actionItems]=\"actionItems\"\n    [items]=\"obs.taskListColumns\"\n    [loading]=\"obs.loadingColumns\"\n    [fields]=\"fields\"\n    [header]=\"false\"\n    [dragAndDrop]=\"true\"\n    (rowClicked)=\"editColumn($event)\"\n    (itemsReordered)=\"onItemsReordered($event, obs.caseDefinitionKey)\"\n  >\n    <ng-container carbonToolbarContent [ngTemplateOutlet]=\"addButton\"></ng-container>\n\n    <valtimo-no-results\n      [action]=\"addButton\"\n      [title]=\"'listColumn.noConfigWarningTitle' | translate\"\n      [description]=\"'listColumn.noConfigWarning' | translate\"\n      illustration=\"valtimo-layout/img/emptystate-empty.svg\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-task-management-column-modal\n    [taskListColumns]=\"obs.cachedTaskListColumns\"\n    [type]=\"obs.modalType\"\n    [show]=\"obs.showModal\"\n    [caseDefinitionKey]=\"obs.caseDefinitionKey\"\n    [selectedTaskListColumn]=\"selectedTaskListColumn$ | async\"\n    (closeEvent)=\"onModalCloseEvent($event)\"\n  ></valtimo-task-management-column-modal>\n\n  <valtimo-confirmation-modal\n    [showModalSubject$]=\"showDeleteModal$\"\n    [outputOnConfirm]=\"deleteColumnKey$ | async\"\n    (confirmEvent)=\"deleteColumnConfirmation($event, obs.caseDefinitionKey)\"\n    confirmButtonTextTranslationKey=\"listColumn.deleteColumn\"\n    titleTranslationKey=\"listColumn.deleteColumn\"\n    contentTranslationKey=\"listColumn.deleteColumnConfirmation\"\n  ></valtimo-confirmation-modal>\n</ng-container>\n\n<ng-template #addButton>\n  <button\n    carbonToolbarContent\n    cdsButton=\"primary\"\n    [disabled]=\"disabled$ | async\"\n    (click)=\"showModal('add')\"\n  >\n    {{ 'listColumn.addButtonText' | translate }}\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i6.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i6.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: TaskManagementColumnModalComponent, selector: "valtimo-task-management-column-modal", inputs: ["carbonTheme", "taskListColumns", "type", "show", "caseDefinitionKey", "selectedTaskListColumn"], outputs: ["closeEvent"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementColumnsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TaskManagementColumnsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-task-management-columns', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
@@ -825,29 +749,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         ButtonModule,
                         IconModule,
                         ConfirmationModalModule,
-                    ], providers: [TaskManagementService], 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    taskListColumns: taskListColumns$ | async,\n    cachedTaskListColumns: cachedTaskListColumns$ | async,\n    documentDefinitionName: documentDefinitionName$ | async,\n    loadingColumns: loadingColumns$ | async,\n    modalType: modalType$ | async,\n    showModal: showModal$ | async,\n    disabled: disabled$ | async,\n  } as obs\"\n>\n  <ng-container *ngTemplateOutlet=\"list; context: {obs: obs}\"></ng-container>\n\n  <valtimo-task-management-column-modal\n    [taskListColumns]=\"obs.cachedTaskListColumns\"\n    [type]=\"obs.modalType\"\n    [show]=\"obs.showModal\"\n    [documentDefinitionName]=\"obs.documentDefinitionName\"\n    [selectedTaskListColumn]=\"selectedTaskListColumn$ | async\"\n    (closeEvent)=\"onModalCloseEvent($event)\"\n  ></valtimo-task-management-column-modal>\n\n  <valtimo-confirmation-modal\n    [showModalSubject$]=\"showDeleteModal$\"\n    [outputOnConfirm]=\"deleteRowKey$ | async\"\n    (confirmEvent)=\"deleteRowConfirmation($event, obs.documentDefinitionName)\"\n    confirmButtonTextTranslationKey=\"listColumn.deleteColumn\"\n    titleTranslationKey=\"listColumn.deleteColumn\"\n    contentTranslationKey=\"listColumn.deleteColumnConfirmation\"\n  ></valtimo-confirmation-modal>\n</ng-container>\n\n<ng-template #list let-obs=\"obs\">\n  <valtimo-carbon-list\n    [actionItems]=\"actionItems\"\n    [items]=\"obs.taskListColumns\"\n    [loading]=\"obs.loadingColumns\"\n    [fields]=\"fields\"\n    [header]=\"false\"\n    [movingRowsEnabled]=\"true\"\n    (rowClicked)=\"columnRowClicked($event)\"\n    (moveRow)=\"onMoveRowClick($event, obs.documentDefinitionName)\"\n  >\n    <ng-container\n      carbonToolbarContent\n      *ngTemplateOutlet=\"buttons; context: {obs: obs}\"\n    ></ng-container>\n\n    <valtimo-no-results\n      [title]=\"'listColumn.noConfigWarningTitle' | translate\"\n      [description]=\"'listColumn.noConfigWarning' | translate\"\n      illustration=\"valtimo-layout/img/emptystate-empty.svg\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #buttons let-obs=\"obs\">\n  <button cdsButton=\"primary\" (click)=\"showModal('add')\" [disabled]=\"obs.disabled\">\n    {{ 'listColumn.addButtonText' | translate }}\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i2.ActivatedRoute }, { type: TaskManagementApiService }, { type: i4.TranslateService }], propDecorators: { carbonTheme: [{
+                    ], providers: [TaskManagementService], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    taskListColumns: taskListColumns$ | async,\n    cachedTaskListColumns: cachedTaskListColumns$ | async,\n    caseDefinitionKey: caseDefinitionKey$ | async,\n    loadingColumns: loadingColumns$ | async,\n    modalType: modalType$ | async,\n    showModal: showModal$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [actionItems]=\"actionItems\"\n    [items]=\"obs.taskListColumns\"\n    [loading]=\"obs.loadingColumns\"\n    [fields]=\"fields\"\n    [header]=\"false\"\n    [dragAndDrop]=\"true\"\n    (rowClicked)=\"editColumn($event)\"\n    (itemsReordered)=\"onItemsReordered($event, obs.caseDefinitionKey)\"\n  >\n    <ng-container carbonToolbarContent [ngTemplateOutlet]=\"addButton\"></ng-container>\n\n    <valtimo-no-results\n      [action]=\"addButton\"\n      [title]=\"'listColumn.noConfigWarningTitle' | translate\"\n      [description]=\"'listColumn.noConfigWarning' | translate\"\n      illustration=\"valtimo-layout/img/emptystate-empty.svg\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-task-management-column-modal\n    [taskListColumns]=\"obs.cachedTaskListColumns\"\n    [type]=\"obs.modalType\"\n    [show]=\"obs.showModal\"\n    [caseDefinitionKey]=\"obs.caseDefinitionKey\"\n    [selectedTaskListColumn]=\"selectedTaskListColumn$ | async\"\n    (closeEvent)=\"onModalCloseEvent($event)\"\n  ></valtimo-task-management-column-modal>\n\n  <valtimo-confirmation-modal\n    [showModalSubject$]=\"showDeleteModal$\"\n    [outputOnConfirm]=\"deleteColumnKey$ | async\"\n    (confirmEvent)=\"deleteColumnConfirmation($event, obs.caseDefinitionKey)\"\n    confirmButtonTextTranslationKey=\"listColumn.deleteColumn\"\n    titleTranslationKey=\"listColumn.deleteColumn\"\n    contentTranslationKey=\"listColumn.deleteColumnConfirmation\"\n  ></valtimo-confirmation-modal>\n</ng-container>\n\n<ng-template #addButton>\n  <button\n    carbonToolbarContent\n    cdsButton=\"primary\"\n    [disabled]=\"disabled$ | async\"\n    (click)=\"showModal('add')\"\n  >\n    {{ 'listColumn.addButtonText' | translate }}\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: TaskManagementApiService }, { type: i4.TranslateService }], propDecorators: { carbonTheme: [{
                 type: Input
             }] } });
 
 /*
- * 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.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -862,6 +770,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * limitations under the License.
  */
 class TaskManagementSearchFieldsModalComponent {
+    set caseDefinitionKey(value) {
+        this.caseDefinitionKey$.next(value);
+    }
     set prefillData(value) {
         this._prefillData = value;
         this.setPrefilledForm(value);
@@ -873,25 +784,26 @@ class TaskManagementSearchFieldsModalComponent {
         return this.form.get('dataType');
     }
     get dataTypeValue$() {
-        return this.dataType.valueChanges.pipe(startWith(this.dataType.value));
+        return this.dataType?.valueChanges.pipe(startWith(this.dataType.value)) ?? of(null);
     }
     get matchType() {
         return this.form.get('matchType');
     }
     get matchTypeValue$() {
-        return this.matchType.valueChanges.pipe(startWith(this.matchType.value));
+        return this.matchType?.valueChanges.pipe(startWith(this.matchType.value)) ?? of(null);
     }
     get dropdownDataProvider() {
         return this.form.get('dropdownDataProvider');
     }
     get dropdownDataProviderValue$() {
-        return this.dropdownDataProvider.valueChanges.pipe(startWith(this.dropdownDataProvider.value));
+        return (this.dropdownDataProvider?.valueChanges.pipe(startWith(this.dropdownDataProvider.value)) ??
+            of(null));
     }
     get fieldType() {
         return this.form.get('fieldType');
     }
     get fieldTypeValue$() {
-        return this.fieldType.valueChanges.pipe(startWith(this.fieldType.value));
+        return this.fieldType?.valueChanges.pipe(startWith(this.fieldType.value)) ?? of(null);
     }
     get keyValue() {
         const controlValue = this.form.get('key')?.value;
@@ -915,12 +827,12 @@ class TaskManagementSearchFieldsModalComponent {
         const formArray = this.form.get('dropdownValues');
         return !formArray ? null : formArray;
     }
-    constructor(documentService, iconService, fb, translateService, route) {
+    constructor(documentService, iconService, fb, translateService) {
         this.documentService = documentService;
         this.iconService = iconService;
         this.fb = fb;
         this.translateService = translateService;
-        this.route = route;
+        this.caseDefinitionKey$ = new BehaviorSubject('');
         this.closeEvent = new EventEmitter();
         this.form = this.fb.group({
             key: this.fb.control('', Validators.required),
@@ -949,7 +861,7 @@ class TaskManagementSearchFieldsModalComponent {
         ];
         this._dataTypeValue$ = new BehaviorSubject(null);
         this._dropdownProviderValue$ = new BehaviorSubject(null);
-        this.dropdownReadonlyItems$ = this._dropdownProviderValue$.pipe(distinctUntilChanged$1(), filter(val => !!val && val === TaskListSearchDropdownDataProvider.JSON), switchMap((provider) => this.documentService.getDropdownData(provider ?? '', this.documentDefinitionName ?? '', this.keyValue ?? '')), map(dropdownData => dropdownData ? Object.entries(dropdownData).map(([key, value]) => ({ key, value })) : []));
+        this.dropdownReadonlyItems$ = this._dropdownProviderValue$.pipe(distinctUntilChanged$1(), filter(val => !!val && val === TaskListSearchDropdownDataProvider.JSON), switchMap((provider) => this.documentService.getDropdownData(provider ?? '', this.caseDefinitionKey$.getValue() ?? '', this.keyValue ?? '')), map(dropdownData => dropdownData ? Object.entries(dropdownData).map(([key, value]) => ({ key, value })) : []));
         this.dataTypeItems$ = combineLatest([
             this.dataTypeValue$,
             this.translateService.stream('key'),
@@ -1029,7 +941,6 @@ class TaskManagementSearchFieldsModalComponent {
                 id: TaskListSearchFieldMatchType.EXACT,
             },
         ].map(item => ({ ...item, selected: item.id === matchTypeValue?.id }))));
-        this.documentDefinitionName$ = this.route.params.pipe(map(params => params.name || ''), filter(docDefName => !!docDefName));
         this.ValuePathSelectorPrefix = ValuePathSelectorPrefix;
         this.iconService.registerAll([TrashCan16, InformationFilled16]);
     }
@@ -1158,10 +1069,10 @@ class TaskManagementSearchFieldsModalComponent {
             this.form.enable();
         }, CARBON_CONSTANTS.modalAnimationMs);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementSearchFieldsModalComponent, deps: [{ token: i1.DocumentService }, { token: i2$2.IconService }, { token: i3$1.FormBuilder }, { token: i4.TranslateService }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: TaskManagementSearchFieldsModalComponent, isStandalone: true, selector: "valtimo-task-management-search-fields-modal", inputs: { open: "open", documentDefinitionName: "documentDefinitionName", prefillData: "prefillData" }, outputs: { closeEvent: "closeEvent" }, 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 [open]=\"open\" showFooter=\"true\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{ (!prefillData ? 'searchFieldsOverview.add' : 'searchFieldsOverview.edit') | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <form [formGroup]=\"form\" class=\"valtimo-task-management-search-fields-modal__content\">\n      <div class=\"valtimo-task-management-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.title' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.title' | translate\"\n        >\n        </v-input-label>\n\n        <input\n          data-testid=\"task-management-search-title\"\n          cdsText\n          type=\"text\"\n          formControlName=\"title\"\n        />\n      </div>\n\n      <div class=\"valtimo-task-management-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.key' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.key' | translate\"\n        >\n        </v-input-label>\n\n        <input data-testid=\"task-management-search-key\" cdsText type=\"text\" formControlName=\"key\" />\n      </div>\n\n      <div class=\"valtimo-task-management-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.path' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.path' | translate\"\n        >\n        </v-input-label>\n\n        <valtimo-value-path-selector\n          formControlName=\"path\"\n          [documentDefinitionName]=\"documentDefinitionName$ | async\"\n          [prefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n        ></valtimo-value-path-selector>\n      </div>\n\n      <div class=\"valtimo-task-management-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.dataType' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.dataType' | translate\"\n        >\n        </v-input-label>\n\n        <cds-dropdown data-testid=\"task-management-search-dataType\" formControlName=\"dataType\">\n          <cds-dropdown-list [items]=\"dataTypeItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </div>\n\n      @if (dataTypeValue === TaskListSearchFieldDataType.TEXT) {\n        <div class=\"valtimo-task-management-search-fields-modal__input\">\n          <v-input-label\n            [title]=\"'searchFieldsOverview.matchType' | translate\"\n            [tooltip]=\"'searchFieldsOverviewTooltips.matchType' | translate\"\n          >\n          </v-input-label>\n\n          <cds-dropdown data-testid=\"task-management-search-matchType\" formControlName=\"matchType\">\n            <cds-dropdown-list [items]=\"matchTypeItems$ | async\"></cds-dropdown-list>\n          </cds-dropdown>\n        </div>\n      }\n\n      <div class=\"valtimo-task-management-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.fieldType' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.fieldType' | translate\"\n        >\n        </v-input-label>\n\n        <cds-dropdown data-testid=\"task-management-search-fieldType\" formControlName=\"fieldType\">\n          <cds-dropdown-list [items]=\"fieldTypeItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </div>\n\n      @if (\n        dataTypeValue === TaskListSearchFieldDataType.TEXT &&\n        (fieldTypeValue === TaskListSearchFieldFieldType.SINGLE_SELECT_DROPDOWN ||\n          fieldTypeValue === TaskListSearchFieldFieldType.MULTI_SELECT_DROPDOWN)\n      ) {\n        <div class=\"valtimo-task-management-search-fields-modal__input\">\n          <v-input-label\n            [title]=\"'searchFieldsOverview.dropdownDataProvider' | translate\"\n            [tooltip]=\"'searchFieldsOverviewTooltips.dropdownDataProvider' | translate\"\n          >\n          </v-input-label>\n\n          <cds-dropdown\n            data-testid=\"task-management-search-dropdownDataProvider\"\n            formControlName=\"dropdownDataProvider\"\n          >\n            <cds-dropdown-list [items]=\"dataProviderItems$ | async\"></cds-dropdown-list>\n          </cds-dropdown>\n        </div>\n\n        @if (dropdownDataProviderValue === TaskListSearchDropdownDataProvider.DATABASE) {\n          <div\n            class=\"valtimo-task-management-search-fields-modal__list\"\n            formArrayName=\"dropdownValues\"\n          >\n            <v-input-label\n              [title]=\"'searchFieldsOverview.dropdownListValues' | translate\"\n              [tooltip]=\"'searchFieldsOverviewTooltips.dropdownListValues' | translate\"\n              [noMargin]=\"true\"\n            >\n            </v-input-label>\n\n            @for (dropdownValue of dropdownValuesArray?.controls; track $index) {\n              <form\n                [formGroup]=\"dropdownValue\"\n                class=\"valtimo-task-management-search-fields-modal__dropdown-values\"\n              >\n                <cds-text-label>\n                  {{ 'interface.value' | translate }}\n\n                  <input\n                    data-testid=\"task-management-search-dropdownKey\"\n                    cdsText\n                    type=\"text\"\n                    formControlName=\"key\"\n                  />\n                </cds-text-label>\n\n                <cds-text-label>\n                  {{ 'interface.display' | translate }}\n\n                  <input\n                    data-testid=\"task-management-search-dropdownValue\"\n                    cdsText\n                    type=\"text\"\n                    formControlName=\"value\"\n                  />\n                </cds-text-label>\n\n                <button\n                  cdsButton=\"danger\"\n                  data-testid=\"task-management-search-deleteEnum\"\n                  [disabled]=\"$count === 1\"\n                  [iconOnly]=\"true\"\n                  (click)=\"removeDropdownValue($index)\"\n                >\n                  <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n                </button>\n              </form>\n            }\n\n            <button\n              data-testid=\"task-management-search-addDropdownValue\"\n              cdsButton=\"primary\"\n              (click)=\"addDropdownValue()\"\n            >\n              {{ 'interface.addRow' | translate }}\n\n              <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n          </div>\n        } @else if (dropdownDataProviderValue === TaskListSearchDropdownDataProvider.JSON) {\n          <valtimo-carbon-list\n            [header]=\"false\"\n            [hideToolbar]=\"true\"\n            [fields]=\"DROPDOWN_FIELDS\"\n            [items]=\"dropdownReadonlyItems$ | async\"\n          ></valtimo-carbon-list>\n        }\n      }\n    </form>\n  </section>\n\n  <cds-modal-footer>\n    <button data-testid=\"task-management-search-cancel\" cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      data-testid=\"task-management-search-save\"\n      cdsButton=\"primary\"\n      [disabled]=\"form.invalid\"\n      (click)=\"onSave()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-task-management-search-fields-modal__content,.valtimo-task-management-search-fields-modal__dropdown-values{display:flex;gap:16px}.valtimo-task-management-search-fields-modal__content{flex-direction:column}.valtimo-task-management-search-fields-modal__dropdown-values{align-items:flex-end;gap:16px}.valtimo-task-management-search-fields-modal__label{display:flex;gap:4px}.valtimo-task-management-search-fields-modal__list{display:flex;flex-direction:column;gap:16px}\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: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i2$2.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: i2$2.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i2$2.TextInputLabelComponent, selector: "cds-text-label, ibm-text-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textInputTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i2$2.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i2$2.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2$2.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2$2.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i2$2.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2$2.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2$2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: CarbonListModule }, { 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: "ngmodule", type: InputLabelModule }, { kind: "component", type: i6.InputLabelComponent, selector: "v-input-label", inputs: ["name", "tooltip", "largeMargin", "small", "noMargin", "title", "titleTranslationKey", "required", "disabled", "carbonTheme"] }, { kind: "component", type: ValuePathSelectorComponent, selector: "valtimo-value-path-selector", inputs: ["name", "appendInline", "margin", "marginLg", "marginXl", "disabled", "documentDefinitionName", "version", "prefixes", "label", "tooltip", "required", "showDocumentDefinitionSelector", "notation", "defaultValue", "type", "parentItem"], outputs: ["valueChangeEvent", "collectionSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TaskManagementSearchFieldsModalComponent, deps: [{ token: i1$2.DocumentService }, { token: i2$1.IconService }, { token: i3.FormBuilder }, { token: i4.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: TaskManagementSearchFieldsModalComponent, isStandalone: true, selector: "valtimo-task-management-search-fields-modal", inputs: { open: "open", caseDefinitionKey: "caseDefinitionKey", prefillData: "prefillData" }, outputs: { closeEvent: "closeEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<cds-modal [open]=\"open\" showFooter=\"true\" (close)=\"onCancel()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{ (!prefillData ? 'searchFieldsOverview.add' : 'searchFieldsOverview.edit') | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    cdsModalContent\n    [formGroup]=\"form\"\n    class=\"valtimo-task-management-search-fields-modal__content\"\n  >\n    {{ form.invalid }}\n\n    <div class=\"valtimo-task-management-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.title' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.title' | translate\"\n      >\n      </v-input-label>\n\n      <input\n        data-testid=\"task-management-search-title\"\n        cdsText\n        type=\"text\"\n        formControlName=\"title\"\n        cdsLayer\n      />\n    </div>\n\n    <div class=\"valtimo-task-management-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.key' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.key' | translate\"\n      >\n      </v-input-label>\n\n      <input\n        cdsLayer\n        data-testid=\"task-management-search-key\"\n        cdsText\n        type=\"text\"\n        formControlName=\"key\"\n      />\n    </div>\n\n    <div class=\"valtimo-task-management-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.path' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.path' | translate\"\n      >\n      </v-input-label>\n\n      <valtimo-value-path-selector\n        formControlName=\"path\"\n        [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n        [prefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n      ></valtimo-value-path-selector>\n    </div>\n\n    <div class=\"valtimo-task-management-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.dataType' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.dataType' | translate\"\n      >\n      </v-input-label>\n\n      <cds-dropdown\n        cdsLayer\n        data-testid=\"task-management-search-dataType\"\n        formControlName=\"dataType\"\n      >\n        <cds-dropdown-list [items]=\"dataTypeItems$ | async\"></cds-dropdown-list>\n      </cds-dropdown>\n    </div>\n\n    @if (dataTypeValue === TaskListSearchFieldDataType.TEXT) {\n      <div class=\"valtimo-task-management-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.matchType' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.matchType' | translate\"\n        >\n        </v-input-label>\n\n        <cds-dropdown\n          cdsLayer\n          data-testid=\"task-management-search-matchType\"\n          formControlName=\"matchType\"\n        >\n          <cds-dropdown-list [items]=\"matchTypeItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </div>\n    }\n\n    <div class=\"valtimo-task-management-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.fieldType' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.fieldType' | translate\"\n      >\n      </v-input-label>\n\n      <cds-dropdown\n        cdsLayer\n        data-testid=\"task-management-search-fieldType\"\n        formControlName=\"fieldType\"\n      >\n        <cds-dropdown-list [items]=\"fieldTypeItems$ | async\"></cds-dropdown-list>\n      </cds-dropdown>\n    </div>\n\n    @if (\n      dataTypeValue === TaskListSearchFieldDataType.TEXT &&\n      (fieldTypeValue === TaskListSearchFieldFieldType.SINGLE_SELECT_DROPDOWN ||\n        fieldTypeValue === TaskListSearchFieldFieldType.MULTI_SELECT_DROPDOWN)\n    ) {\n      <div class=\"valtimo-task-management-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.dropdownDataProvider' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.dropdownDataProvider' | translate\"\n        >\n        </v-input-label>\n\n        <cds-dropdown\n          data-testid=\"task-management-search-dropdownDataProvider\"\n          formControlName=\"dropdownDataProvider\"\n          cdsLayer\n        >\n          <cds-dropdown-list [items]=\"dataProviderItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </div>\n\n      @if (dropdownDataProviderValue === TaskListSearchDropdownDataProvider.DATABASE) {\n        <div\n          class=\"valtimo-task-management-search-fields-modal__list\"\n          formArrayName=\"dropdownValues\"\n        >\n          <v-input-label\n            [title]=\"'searchFieldsOverview.dropdownListValues' | translate\"\n            [tooltip]=\"'searchFieldsOverviewTooltips.dropdownListValues' | translate\"\n            [noMargin]=\"true\"\n          >\n          </v-input-label>\n\n          @for (dropdownValue of dropdownValuesArray?.controls; track $index) {\n            <form\n              [formGroup]=\"dropdownValue\"\n              class=\"valtimo-task-management-search-fields-modal__dropdown-values\"\n            >\n              <cds-text-label>\n                {{ 'interface.value' | translate }}\n\n                <input\n                  data-testid=\"task-management-search-dropdownKey\"\n                  cdsText\n                  type=\"text\"\n                  formControlName=\"key\"\n                  cdsLayer\n                />\n              </cds-text-label>\n\n              <cds-text-label>\n                {{ 'interface.display' | translate }}\n\n                <input\n                  data-testid=\"task-management-search-dropdownValue\"\n                  cdsText\n                  type=\"text\"\n                  formControlName=\"value\"\n                  cdsLayer\n                />\n              </cds-text-label>\n\n              <button\n                cdsButton=\"danger\"\n                data-testid=\"task-management-search-deleteEnum\"\n                [disabled]=\"$count === 1\"\n                [iconOnly]=\"true\"\n                (click)=\"removeDropdownValue($index)\"\n              >\n                <svg cdsIcon=\"trash-can\" size=\"16\"></svg>\n              </button>\n            </form>\n          }\n\n          <button\n            data-testid=\"task-management-search-addDropdownValue\"\n            cdsButton=\"primary\"\n            (click)=\"addDropdownValue()\"\n          >\n            {{ 'interface.addRow' | translate }}\n\n            <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n        </div>\n      } @else if (dropdownDataProviderValue === TaskListSearchDropdownDataProvider.JSON) {\n        <valtimo-carbon-list\n          [header]=\"false\"\n          [hideToolbar]=\"true\"\n          [fields]=\"DROPDOWN_FIELDS\"\n          [items]=\"dropdownReadonlyItems$ | async\"\n        ></valtimo-carbon-list>\n      }\n    }\n  </form>\n\n  <cds-modal-footer>\n    <button data-testid=\"task-management-search-cancel\" cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      data-testid=\"task-management-search-save\"\n      cdsButton=\"primary\"\n      [disabled]=\"form.invalid\"\n      (click)=\"onSave()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-task-management-search-fields-modal__content,.valtimo-task-management-search-fields-modal__dropdown-values{display:flex;gap:16px}.valtimo-task-management-search-fields-modal__content{flex-direction:column}.valtimo-task-management-search-fields-modal__dropdown-values{align-items:flex-end;gap:16px}.valtimo-task-management-search-fields-modal__label{display:flex;gap:4px}.valtimo-task-management-search-fields-modal__list{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i2$1.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i2$1.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i2$1.TextInputLabelComponent, selector: "cds-text-label, ibm-text-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textInputTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i2$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i2$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i2$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i6.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "ngmodule", type: InputLabelModule }, { kind: "component", type: i6.InputLabelComponent, selector: "v-input-label", inputs: ["name", "tooltip", "largeMargin", "small", "noMargin", "title", "titleTranslationKey", "required", "disabled", "carbonTheme"] }, { kind: "component", type: ValuePathSelectorComponent, selector: "valtimo-value-path-selector", inputs: ["name", "appendInline", "margin", "marginLg", "marginXl", "disabled", "caseDefinitionKey", "caseDefinitionVersionTag", "prefixes", "label", "tooltip", "required", "showCaseDefinitionSelector", "notation", "defaultValue", "type", "parentItem"], outputs: ["valueChangeEvent", "collectionSelected"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i2$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementSearchFieldsModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TaskManagementSearchFieldsModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-task-management-search-fields-modal', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CommonModule,
@@ -1175,11 +1086,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         CarbonListModule,
                         InputLabelModule,
                         ValuePathSelectorComponent,
-                    ], 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 [open]=\"open\" showFooter=\"true\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{ (!prefillData ? 'searchFieldsOverview.add' : 'searchFieldsOverview.edit') | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <form [formGroup]=\"form\" class=\"valtimo-task-management-search-fields-modal__content\">\n      <div class=\"valtimo-task-management-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.title' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.title' | translate\"\n        >\n        </v-input-label>\n\n        <input\n          data-testid=\"task-management-search-title\"\n          cdsText\n          type=\"text\"\n          formControlName=\"title\"\n        />\n      </div>\n\n      <div class=\"valtimo-task-management-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.key' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.key' | translate\"\n        >\n        </v-input-label>\n\n        <input data-testid=\"task-management-search-key\" cdsText type=\"text\" formControlName=\"key\" />\n      </div>\n\n      <div class=\"valtimo-task-management-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.path' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.path' | translate\"\n        >\n        </v-input-label>\n\n        <valtimo-value-path-selector\n          formControlName=\"path\"\n          [documentDefinitionName]=\"documentDefinitionName$ | async\"\n          [prefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n        ></valtimo-value-path-selector>\n      </div>\n\n      <div class=\"valtimo-task-management-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.dataType' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.dataType' | translate\"\n        >\n        </v-input-label>\n\n        <cds-dropdown data-testid=\"task-management-search-dataType\" formControlName=\"dataType\">\n          <cds-dropdown-list [items]=\"dataTypeItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </div>\n\n      @if (dataTypeValue === TaskListSearchFieldDataType.TEXT) {\n        <div class=\"valtimo-task-management-search-fields-modal__input\">\n          <v-input-label\n            [title]=\"'searchFieldsOverview.matchType' | translate\"\n            [tooltip]=\"'searchFieldsOverviewTooltips.matchType' | translate\"\n          >\n          </v-input-label>\n\n          <cds-dropdown data-testid=\"task-management-search-matchType\" formControlName=\"matchType\">\n            <cds-dropdown-list [items]=\"matchTypeItems$ | async\"></cds-dropdown-list>\n          </cds-dropdown>\n        </div>\n      }\n\n      <div class=\"valtimo-task-management-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.fieldType' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.fieldType' | translate\"\n        >\n        </v-input-label>\n\n        <cds-dropdown data-testid=\"task-management-search-fieldType\" formControlName=\"fieldType\">\n          <cds-dropdown-list [items]=\"fieldTypeItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </div>\n\n      @if (\n        dataTypeValue === TaskListSearchFieldDataType.TEXT &&\n        (fieldTypeValue === TaskListSearchFieldFieldType.SINGLE_SELECT_DROPDOWN ||\n          fieldTypeValue === TaskListSearchFieldFieldType.MULTI_SELECT_DROPDOWN)\n      ) {\n        <div class=\"valtimo-task-management-search-fields-modal__input\">\n          <v-input-label\n            [title]=\"'searchFieldsOverview.dropdownDataProvider' | translate\"\n            [tooltip]=\"'searchFieldsOverviewTooltips.dropdownDataProvider' | translate\"\n          >\n          </v-input-label>\n\n          <cds-dropdown\n            data-testid=\"task-management-search-dropdownDataProvider\"\n            formControlName=\"dropdownDataProvider\"\n          >\n            <cds-dropdown-list [items]=\"dataProviderItems$ | async\"></cds-dropdown-list>\n          </cds-dropdown>\n        </div>\n\n        @if (dropdownDataProviderValue === TaskListSearchDropdownDataProvider.DATABASE) {\n          <div\n            class=\"valtimo-task-management-search-fields-modal__list\"\n            formArrayName=\"dropdownValues\"\n          >\n            <v-input-label\n              [title]=\"'searchFieldsOverview.dropdownListValues' | translate\"\n              [tooltip]=\"'searchFieldsOverviewTooltips.dropdownListValues' | translate\"\n              [noMargin]=\"true\"\n            >\n            </v-input-label>\n\n            @for (dropdownValue of dropdownValuesArray?.controls; track $index) {\n              <form\n                [formGroup]=\"dropdownValue\"\n                class=\"valtimo-task-management-search-fields-modal__dropdown-values\"\n              >\n                <cds-text-label>\n                  {{ 'interface.value' | translate }}\n\n                  <input\n                    data-testid=\"task-management-search-dropdownKey\"\n                    cdsText\n                    type=\"text\"\n                    formControlName=\"key\"\n                  />\n                </cds-text-label>\n\n                <cds-text-label>\n                  {{ 'interface.display' | translate }}\n\n                  <input\n                    data-testid=\"task-management-search-dropdownValue\"\n                    cdsText\n                    type=\"text\"\n                    formControlName=\"value\"\n                  />\n                </cds-text-label>\n\n                <button\n                  cdsButton=\"danger\"\n                  data-testid=\"task-management-search-deleteEnum\"\n                  [disabled]=\"$count === 1\"\n                  [iconOnly]=\"true\"\n                  (click)=\"removeDropdownValue($index)\"\n                >\n                  <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n                </button>\n              </form>\n            }\n\n            <button\n              data-testid=\"task-management-search-addDropdownValue\"\n              cdsButton=\"primary\"\n              (click)=\"addDropdownValue()\"\n            >\n              {{ 'interface.addRow' | translate }}\n\n              <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n          </div>\n        } @else if (dropdownDataProviderValue === TaskListSearchDropdownDataProvider.JSON) {\n          <valtimo-carbon-list\n            [header]=\"false\"\n            [hideToolbar]=\"true\"\n            [fields]=\"DROPDOWN_FIELDS\"\n            [items]=\"dropdownReadonlyItems$ | async\"\n          ></valtimo-carbon-list>\n        }\n      }\n    </form>\n  </section>\n\n  <cds-modal-footer>\n    <button data-testid=\"task-management-search-cancel\" cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      data-testid=\"task-management-search-save\"\n      cdsButton=\"primary\"\n      [disabled]=\"form.invalid\"\n      (click)=\"onSave()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-task-management-search-fields-modal__content,.valtimo-task-management-search-fields-modal__dropdown-values{display:flex;gap:16px}.valtimo-task-management-search-fields-modal__content{flex-direction:column}.valtimo-task-management-search-fields-modal__dropdown-values{align-items:flex-end;gap:16px}.valtimo-task-management-search-fields-modal__label{display:flex;gap:4px}.valtimo-task-management-search-fields-modal__list{display:flex;flex-direction:column;gap:16px}\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.DocumentService }, { type: i2$2.IconService }, { type: i3$1.FormBuilder }, { type: i4.TranslateService }, { type: i2.ActivatedRoute }], propDecorators: { open: [{
+                        LayerModule,
+                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<cds-modal [open]=\"open\" showFooter=\"true\" (close)=\"onCancel()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{ (!prefillData ? 'searchFieldsOverview.add' : 'searchFieldsOverview.edit') | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    cdsModalContent\n    [formGroup]=\"form\"\n    class=\"valtimo-task-management-search-fields-modal__content\"\n  >\n    {{ form.invalid }}\n\n    <div class=\"valtimo-task-management-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.title' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.title' | translate\"\n      >\n      </v-input-label>\n\n      <input\n        data-testid=\"task-management-search-title\"\n        cdsText\n        type=\"text\"\n        formControlName=\"title\"\n        cdsLayer\n      />\n    </div>\n\n    <div class=\"valtimo-task-management-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.key' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.key' | translate\"\n      >\n      </v-input-label>\n\n      <input\n        cdsLayer\n        data-testid=\"task-management-search-key\"\n        cdsText\n        type=\"text\"\n        formControlName=\"key\"\n      />\n    </div>\n\n    <div class=\"valtimo-task-management-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.path' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.path' | translate\"\n      >\n      </v-input-label>\n\n      <valtimo-value-path-selector\n        formControlName=\"path\"\n        [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n        [prefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n      ></valtimo-value-path-selector>\n    </div>\n\n    <div class=\"valtimo-task-management-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.dataType' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.dataType' | translate\"\n      >\n      </v-input-label>\n\n      <cds-dropdown\n        cdsLayer\n        data-testid=\"task-management-search-dataType\"\n        formControlName=\"dataType\"\n      >\n        <cds-dropdown-list [items]=\"dataTypeItems$ | async\"></cds-dropdown-list>\n      </cds-dropdown>\n    </div>\n\n    @if (dataTypeValue === TaskListSearchFieldDataType.TEXT) {\n      <div class=\"valtimo-task-management-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.matchType' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.matchType' | translate\"\n        >\n        </v-input-label>\n\n        <cds-dropdown\n          cdsLayer\n          data-testid=\"task-management-search-matchType\"\n          formControlName=\"matchType\"\n        >\n          <cds-dropdown-list [items]=\"matchTypeItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </div>\n    }\n\n    <div class=\"valtimo-task-management-search-fields-modal__input\">\n      <v-input-label\n        [title]=\"'searchFieldsOverview.fieldType' | translate\"\n        [tooltip]=\"'searchFieldsOverviewTooltips.fieldType' | translate\"\n      >\n      </v-input-label>\n\n      <cds-dropdown\n        cdsLayer\n        data-testid=\"task-management-search-fieldType\"\n        formControlName=\"fieldType\"\n      >\n        <cds-dropdown-list [items]=\"fieldTypeItems$ | async\"></cds-dropdown-list>\n      </cds-dropdown>\n    </div>\n\n    @if (\n      dataTypeValue === TaskListSearchFieldDataType.TEXT &&\n      (fieldTypeValue === TaskListSearchFieldFieldType.SINGLE_SELECT_DROPDOWN ||\n        fieldTypeValue === TaskListSearchFieldFieldType.MULTI_SELECT_DROPDOWN)\n    ) {\n      <div class=\"valtimo-task-management-search-fields-modal__input\">\n        <v-input-label\n          [title]=\"'searchFieldsOverview.dropdownDataProvider' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.dropdownDataProvider' | translate\"\n        >\n        </v-input-label>\n\n        <cds-dropdown\n          data-testid=\"task-management-search-dropdownDataProvider\"\n          formControlName=\"dropdownDataProvider\"\n          cdsLayer\n        >\n          <cds-dropdown-list [items]=\"dataProviderItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n      </div>\n\n      @if (dropdownDataProviderValue === TaskListSearchDropdownDataProvider.DATABASE) {\n        <div\n          class=\"valtimo-task-management-search-fields-modal__list\"\n          formArrayName=\"dropdownValues\"\n        >\n          <v-input-label\n            [title]=\"'searchFieldsOverview.dropdownListValues' | translate\"\n            [tooltip]=\"'searchFieldsOverviewTooltips.dropdownListValues' | translate\"\n            [noMargin]=\"true\"\n          >\n          </v-input-label>\n\n          @for (dropdownValue of dropdownValuesArray?.controls; track $index) {\n            <form\n              [formGroup]=\"dropdownValue\"\n              class=\"valtimo-task-management-search-fields-modal__dropdown-values\"\n            >\n              <cds-text-label>\n                {{ 'interface.value' | translate }}\n\n                <input\n                  data-testid=\"task-management-search-dropdownKey\"\n                  cdsText\n                  type=\"text\"\n                  formControlName=\"key\"\n                  cdsLayer\n                />\n              </cds-text-label>\n\n              <cds-text-label>\n                {{ 'interface.display' | translate }}\n\n                <input\n                  data-testid=\"task-management-search-dropdownValue\"\n                  cdsText\n                  type=\"text\"\n                  formControlName=\"value\"\n                  cdsLayer\n                />\n              </cds-text-label>\n\n              <button\n                cdsButton=\"danger\"\n                data-testid=\"task-management-search-deleteEnum\"\n                [disabled]=\"$count === 1\"\n                [iconOnly]=\"true\"\n                (click)=\"removeDropdownValue($index)\"\n              >\n                <svg cdsIcon=\"trash-can\" size=\"16\"></svg>\n              </button>\n            </form>\n          }\n\n          <button\n            data-testid=\"task-management-search-addDropdownValue\"\n            cdsButton=\"primary\"\n            (click)=\"addDropdownValue()\"\n          >\n            {{ 'interface.addRow' | translate }}\n\n            <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n        </div>\n      } @else if (dropdownDataProviderValue === TaskListSearchDropdownDataProvider.JSON) {\n        <valtimo-carbon-list\n          [header]=\"false\"\n          [hideToolbar]=\"true\"\n          [fields]=\"DROPDOWN_FIELDS\"\n          [items]=\"dropdownReadonlyItems$ | async\"\n        ></valtimo-carbon-list>\n      }\n    }\n  </form>\n\n  <cds-modal-footer>\n    <button data-testid=\"task-management-search-cancel\" cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      data-testid=\"task-management-search-save\"\n      cdsButton=\"primary\"\n      [disabled]=\"form.invalid\"\n      (click)=\"onSave()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-task-management-search-fields-modal__content,.valtimo-task-management-search-fields-modal__dropdown-values{display:flex;gap:16px}.valtimo-task-management-search-fields-modal__content{flex-direction:column}.valtimo-task-management-search-fields-modal__dropdown-values{align-items:flex-end;gap:16px}.valtimo-task-management-search-fields-modal__label{display:flex;gap:4px}.valtimo-task-management-search-fields-modal__list{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.DocumentService }, { type: i2$1.IconService }, { type: i3.FormBuilder }, { type: i4.TranslateService }], propDecorators: { open: [{
                 type: Input,
                 args: [{ required: true }]
-            }], documentDefinitionName: [{
+            }], caseDefinitionKey: [{
                 type: Input,
                 args: [{ required: true }]
             }], prefillData: [{
@@ -1189,7 +1101,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }] } });
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -1209,10 +1121,10 @@ class TaskManagementSearchFieldsComponent {
         this.route = route;
         this.searchFieldsService = searchFieldsService;
         this.trasnlateService = trasnlateService;
-        this.documentDefinitionName$ = this.route.params.pipe(map(params => params.name || ''), filter(docDefName => !!docDefName), tap((docDefName) => this.searchFieldsService.setDocumentDefinitionName(docDefName)));
+        this.caseDefinitionKey$ = getCaseManagementRouteParams(this.route).pipe(map((params) => (!params ? '' : params.caseDefinitionKey)), tap((caseDefinitionKey) => this.searchFieldsService.setCaseDefinitionKey(caseDefinitionKey)));
         this._refresh$ = new BehaviorSubject(null);
         this.searchFields$ = combineLatest([
-            this.documentDefinitionName$,
+            this.caseDefinitionKey$,
             this._refresh$,
             this.trasnlateService.stream('key'),
         ]).pipe(switchMap(() => this.searchFieldsService.getTaskListSearchFields()), map((searchFields) => this.mapTranslations(searchFields)));
@@ -1334,10 +1246,10 @@ class TaskManagementSearchFieldsComponent {
                 return fieldType.toLowerCase();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementSearchFieldsComponent, deps: [{ token: i1.DocumentService }, { token: i2.ActivatedRoute }, { token: TaskManagementSearchFieldsService }, { token: i4.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TaskManagementSearchFieldsComponent, isStandalone: true, selector: "valtimo-task-management-search-fields", 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    fieldModalOpen: fieldModalOpen$ | async,\n    fields: fields$ | async,\n    itemToDelete: itemToDelete$ | async,\n    prefillData: prefillData$ | async,\n    searchFields: searchFields$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [actionItems]=\"ACTION_ITEMS\"\n    [fields]=\"obs.fields\"\n    [items]=\"obs.searchFields\"\n    [dragAndDrop]=\"true\"\n    (itemsReordered)=\"onItemsReordered($event)\"\n    (rowClicked)=\"editField($event)\"\n  >\n    <ng-container carbonToolbarContent>\n      <ng-container [ngTemplateOutlet]=\"addButton\"></ng-container>\n    </ng-container>\n\n    <valtimo-no-results\n      [action]=\"addButton\"\n      [description]=\"'searchFieldsOverview.noSearchfieldsDescription' | translate\"\n      [title]=\"'searchFieldsOverview.noSearchfieldsTitle' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-task-management-search-fields-modal\n    [documentDefinitionName]=\"documentDefinitionName$ | async\"\n    [open]=\"obs.fieldModalOpen\"\n    [prefillData]=\"obs.prefillData\"\n    (closeEvent)=\"onCloseEvent($event, obs.prefillData)\"\n  ></valtimo-task-management-search-fields-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"searchFieldsOverview.deleteSearchFieldConfirmation\"\n    [outputOnConfirm]=\"obs.itemToDelete\"\n    [showModalSubject$]=\"deleteModalOpen$\"\n    titleTranslationKey=\"searchFieldsOverview.deleteSearchField\"\n    (confirmEvent)=\"onDeleteFieldConfirm($event)\"\n  ></valtimo-confirmation-modal>\n</ng-container>\n\n<ng-template #addButton>\n  <button cdsButton=\"primary\" (click)=\"onAddButtonClick()\">\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n\n    {{ 'searchFieldsOverview.add' | translate }}\n  </button>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CarbonListModule }, { 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: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2$2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: TaskManagementSearchFieldsModalComponent, selector: "valtimo-task-management-search-fields-modal", inputs: ["open", "documentDefinitionName", "prefillData"], outputs: ["closeEvent"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TaskManagementSearchFieldsComponent, deps: [{ token: i1$2.DocumentService }, { token: i1$1.ActivatedRoute }, { token: TaskManagementSearchFieldsService }, { token: i4.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: TaskManagementSearchFieldsComponent, isStandalone: true, selector: "valtimo-task-management-search-fields", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    fieldModalOpen: fieldModalOpen$ | async,\n    fields: fields$ | async,\n    itemToDelete: itemToDelete$ | async,\n    prefillData: prefillData$ | async,\n    searchFields: searchFields$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [actionItems]=\"ACTION_ITEMS\"\n    [fields]=\"obs.fields\"\n    [items]=\"obs.searchFields\"\n    [dragAndDrop]=\"true\"\n    (itemsReordered)=\"onItemsReordered($event)\"\n    (rowClicked)=\"editField($event)\"\n  >\n    <ng-container carbonToolbarContent>\n      <ng-container [ngTemplateOutlet]=\"addButton\"></ng-container>\n    </ng-container>\n\n    <valtimo-no-results\n      [action]=\"addButton\"\n      [description]=\"'searchFieldsOverview.noSearchfieldsDescription' | translate\"\n      [title]=\"'searchFieldsOverview.noSearchfieldsTitle' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-task-management-search-fields-modal\n    [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n    [open]=\"obs.fieldModalOpen\"\n    [prefillData]=\"obs.prefillData\"\n    (closeEvent)=\"onCloseEvent($event, obs.prefillData)\"\n  ></valtimo-task-management-search-fields-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"searchFieldsOverview.deleteSearchFieldConfirmation\"\n    [outputOnConfirm]=\"obs.itemToDelete\"\n    [showModalSubject$]=\"deleteModalOpen$\"\n    titleTranslationKey=\"searchFieldsOverview.deleteSearchField\"\n    (confirmEvent)=\"onDeleteFieldConfirm($event)\"\n  ></valtimo-confirmation-modal>\n</ng-container>\n\n<ng-template #addButton>\n  <button cdsButton=\"primary\" (click)=\"onAddButtonClick()\">\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n\n    {{ 'searchFieldsOverview.add' | translate }}\n  </button>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i6.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i6.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: TaskManagementSearchFieldsModalComponent, selector: "valtimo-task-management-search-fields-modal", inputs: ["open", "caseDefinitionKey", "prefillData"], outputs: ["closeEvent"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementSearchFieldsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TaskManagementSearchFieldsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-task-management-search-fields', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CommonModule,
@@ -1347,11 +1259,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         IconModule,
                         TaskManagementSearchFieldsModalComponent,
                         ConfirmationModalModule,
-                    ], 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    fieldModalOpen: fieldModalOpen$ | async,\n    fields: fields$ | async,\n    itemToDelete: itemToDelete$ | async,\n    prefillData: prefillData$ | async,\n    searchFields: searchFields$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [actionItems]=\"ACTION_ITEMS\"\n    [fields]=\"obs.fields\"\n    [items]=\"obs.searchFields\"\n    [dragAndDrop]=\"true\"\n    (itemsReordered)=\"onItemsReordered($event)\"\n    (rowClicked)=\"editField($event)\"\n  >\n    <ng-container carbonToolbarContent>\n      <ng-container [ngTemplateOutlet]=\"addButton\"></ng-container>\n    </ng-container>\n\n    <valtimo-no-results\n      [action]=\"addButton\"\n      [description]=\"'searchFieldsOverview.noSearchfieldsDescription' | translate\"\n      [title]=\"'searchFieldsOverview.noSearchfieldsTitle' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-task-management-search-fields-modal\n    [documentDefinitionName]=\"documentDefinitionName$ | async\"\n    [open]=\"obs.fieldModalOpen\"\n    [prefillData]=\"obs.prefillData\"\n    (closeEvent)=\"onCloseEvent($event, obs.prefillData)\"\n  ></valtimo-task-management-search-fields-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"searchFieldsOverview.deleteSearchFieldConfirmation\"\n    [outputOnConfirm]=\"obs.itemToDelete\"\n    [showModalSubject$]=\"deleteModalOpen$\"\n    titleTranslationKey=\"searchFieldsOverview.deleteSearchField\"\n    (confirmEvent)=\"onDeleteFieldConfirm($event)\"\n  ></valtimo-confirmation-modal>\n</ng-container>\n\n<ng-template #addButton>\n  <button cdsButton=\"primary\" (click)=\"onAddButtonClick()\">\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n\n    {{ 'searchFieldsOverview.add' | translate }}\n  </button>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i1.DocumentService }, { type: i2.ActivatedRoute }, { type: TaskManagementSearchFieldsService }, { type: i4.TranslateService }] });
+                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    fieldModalOpen: fieldModalOpen$ | async,\n    fields: fields$ | async,\n    itemToDelete: itemToDelete$ | async,\n    prefillData: prefillData$ | async,\n    searchFields: searchFields$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [actionItems]=\"ACTION_ITEMS\"\n    [fields]=\"obs.fields\"\n    [items]=\"obs.searchFields\"\n    [dragAndDrop]=\"true\"\n    (itemsReordered)=\"onItemsReordered($event)\"\n    (rowClicked)=\"editField($event)\"\n  >\n    <ng-container carbonToolbarContent>\n      <ng-container [ngTemplateOutlet]=\"addButton\"></ng-container>\n    </ng-container>\n\n    <valtimo-no-results\n      [action]=\"addButton\"\n      [description]=\"'searchFieldsOverview.noSearchfieldsDescription' | translate\"\n      [title]=\"'searchFieldsOverview.noSearchfieldsTitle' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-task-management-search-fields-modal\n    [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n    [open]=\"obs.fieldModalOpen\"\n    [prefillData]=\"obs.prefillData\"\n    (closeEvent)=\"onCloseEvent($event, obs.prefillData)\"\n  ></valtimo-task-management-search-fields-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"searchFieldsOverview.deleteSearchFieldConfirmation\"\n    [outputOnConfirm]=\"obs.itemToDelete\"\n    [showModalSubject$]=\"deleteModalOpen$\"\n    titleTranslationKey=\"searchFieldsOverview.deleteSearchField\"\n    (confirmEvent)=\"onDeleteFieldConfirm($event)\"\n  ></valtimo-confirmation-modal>\n</ng-container>\n\n<ng-template #addButton>\n  <button cdsButton=\"primary\" (click)=\"onAddButtonClick()\">\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n\n    {{ 'searchFieldsOverview.add' | translate }}\n  </button>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i1$2.DocumentService }, { type: i1$1.ActivatedRoute }, { type: TaskManagementSearchFieldsService }, { type: i4.TranslateService }] });
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -1366,26 +1278,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * limitations under the License.
  */
 class TaskManagementDetailComponent {
-    constructor(configService, documentService, pageTitleService, route, taskManagementService) {
-        this.configService = configService;
-        this.documentService = documentService;
-        this.pageTitleService = pageTitleService;
-        this.route = route;
+    constructor(taskManagementService) {
         this.taskManagementService = taskManagementService;
-        this.carbonTheme = CARBON_THEME.G10;
-        this.setDocumentDefinitionName$ = this.route.params.pipe(map(params => params.name || ''), filter(docDefName => !!docDefName), switchMap(documentDefinitionName => this.documentService.getDocumentDefinitionForManagement(documentDefinitionName)), tap(documentDefinition => {
-            this.pageTitleService.setCustomPageTitle(documentDefinition?.schema?.title || '-');
-        }));
         this.activeTab$ = this.taskManagementService.activeTab$;
-        this.TAB_ENUM = TaskManagementTab;
+        this.TaskManagementTab = TaskManagementTab;
     }
     setActiveTab(tab) {
         this.taskManagementService.setActiveTab(tab);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementDetailComponent, deps: [{ token: i2$1.ConfigService }, { token: i1.DocumentService }, { token: i6.PageTitleService }, { token: i2.ActivatedRoute }, { token: TaskManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TaskManagementDetailComponent, isStandalone: true, selector: "ng-component", inputs: { carbonTheme: "carbonTheme" }, providers: [TaskManagementService], 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    activeTab: activeTab$ | async,\n    documentDefinitionName: setDocumentDefinitionName$ | async,\n  } as obs\"\n  class=\"task-management-detail\"\n>\n  <cds-tabs class=\"dossier-management-tabs\" type=\"contained\">\n    <cds-tab\n      [active]=\"obs.activeTab === TAB_ENUM.COLUMNS\"\n      [heading]=\"'taskManagement.columns' | translate\"\n      (selected)=\"setActiveTab(TAB_ENUM.COLUMNS)\"\n    >\n      <valtimo-task-management-columns> </valtimo-task-management-columns>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"obs.activeTab === TAB_ENUM.SEARCH_FIELDS\"\n      [heading]=\"'taskManagement.searchFields' | translate\"\n      (selected)=\"setActiveTab(TAB_ENUM.SEARCH_FIELDS)\"\n    >\n      <valtimo-task-management-search-fields> </valtimo-task-management-search-fields>\n    </cds-tab>\n  </cds-tabs>\n</div>\n", styles: [".task-management-detail .cds--tab-content{padding:0}\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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i2$2.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i2$2.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "component", type: TaskManagementColumnsComponent, selector: "valtimo-task-management-columns", inputs: ["carbonTheme"] }, { kind: "component", type: TaskManagementSearchFieldsComponent, selector: "valtimo-task-management-search-fields" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TaskManagementDetailComponent, deps: [{ token: TaskManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: TaskManagementDetailComponent, isStandalone: true, selector: "ng-component", providers: [TaskManagementService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if (activeTab$ | async; as activeTab) {\n  <cds-tabs type=\"contained\">\n    <cds-tab\n      [active]=\"activeTab === TaskManagementTab.COLUMNS\"\n      [heading]=\"'taskManagement.columns' | translate\"\n      (selected)=\"setActiveTab(TaskManagementTab.COLUMNS)\"\n    >\n      <valtimo-task-management-columns *ngIf=\"activeTab === TaskManagementTab.COLUMNS\">\n      </valtimo-task-management-columns>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"activeTab === TaskManagementTab.SEARCH_FIELDS\"\n      [heading]=\"'taskManagement.searchFields' | translate\"\n      (selected)=\"setActiveTab(TaskManagementTab.SEARCH_FIELDS)\"\n    >\n      <valtimo-task-management-search-fields *ngIf=\"activeTab === TaskManagementTab.SEARCH_FIELDS\">\n      </valtimo-task-management-search-fields>\n    </cds-tab>\n  </cds-tabs>\n}\n", styles: ["::ng-deep .cds--tab-content{padding:0}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i2$1.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i2$1.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "component", type: TaskManagementColumnsComponent, selector: "valtimo-task-management-columns", inputs: ["carbonTheme"] }, { kind: "component", type: TaskManagementSearchFieldsComponent, selector: "valtimo-task-management-search-fields" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementDetailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TaskManagementDetailComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
@@ -1394,103 +1298,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         TabsModule,
                         TaskManagementColumnsComponent,
                         TaskManagementSearchFieldsComponent,
-                    ], providers: [TaskManagementService], 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<div\n  *ngIf=\"{\n    activeTab: activeTab$ | async,\n    documentDefinitionName: setDocumentDefinitionName$ | async,\n  } as obs\"\n  class=\"task-management-detail\"\n>\n  <cds-tabs class=\"dossier-management-tabs\" type=\"contained\">\n    <cds-tab\n      [active]=\"obs.activeTab === TAB_ENUM.COLUMNS\"\n      [heading]=\"'taskManagement.columns' | translate\"\n      (selected)=\"setActiveTab(TAB_ENUM.COLUMNS)\"\n    >\n      <valtimo-task-management-columns> </valtimo-task-management-columns>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"obs.activeTab === TAB_ENUM.SEARCH_FIELDS\"\n      [heading]=\"'taskManagement.searchFields' | translate\"\n      (selected)=\"setActiveTab(TAB_ENUM.SEARCH_FIELDS)\"\n    >\n      <valtimo-task-management-search-fields> </valtimo-task-management-search-fields>\n    </cds-tab>\n  </cds-tabs>\n</div>\n", styles: [".task-management-detail .cds--tab-content{padding:0}\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$1.ConfigService }, { type: i1.DocumentService }, { type: i6.PageTitleService }, { type: i2.ActivatedRoute }, { type: TaskManagementService }], propDecorators: { carbonTheme: [{
-                type: Input
-            }] } });
-
-/*
- * 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.
- */
-
-/*
- * 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.
- */
-const routes = [
-    {
-        path: 'task-management',
-        component: TaskManagementComponent,
-        canActivate: [AuthGuardService],
-        data: { title: 'Tasks', roles: [ROLE_ADMIN] },
-    },
-    {
-        path: 'task-management/dossier/:name',
-        component: TaskManagementDetailComponent,
-        canActivate: [AuthGuardService],
-        data: { title: 'Task details', roles: [ROLE_ADMIN], customPageTitle: true },
-    },
-];
-class TaskManagementRoutingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementRoutingModule, imports: [CommonModule, i2.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementRoutingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, RouterModule.forChild(routes)],
-                    exports: [RouterModule],
-                }]
-        }] });
+                    ], providers: [TaskManagementService], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if (activeTab$ | async; as activeTab) {\n  <cds-tabs type=\"contained\">\n    <cds-tab\n      [active]=\"activeTab === TaskManagementTab.COLUMNS\"\n      [heading]=\"'taskManagement.columns' | translate\"\n      (selected)=\"setActiveTab(TaskManagementTab.COLUMNS)\"\n    >\n      <valtimo-task-management-columns *ngIf=\"activeTab === TaskManagementTab.COLUMNS\">\n      </valtimo-task-management-columns>\n    </cds-tab>\n\n    <cds-tab\n      [active]=\"activeTab === TaskManagementTab.SEARCH_FIELDS\"\n      [heading]=\"'taskManagement.searchFields' | translate\"\n      (selected)=\"setActiveTab(TaskManagementTab.SEARCH_FIELDS)\"\n    >\n      <valtimo-task-management-search-fields *ngIf=\"activeTab === TaskManagementTab.SEARCH_FIELDS\">\n      </valtimo-task-management-search-fields>\n    </cds-tab>\n  </cds-tabs>\n}\n", styles: ["::ng-deep .cds--tab-content{padding:0}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: TaskManagementService }] });
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -1504,20 +1316,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class TaskManagementModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementModule, imports: [TaskManagementRoutingModule, TaskManagementComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementModule, imports: [TaskManagementRoutingModule, TaskManagementComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskManagementModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [TaskManagementRoutingModule, TaskManagementComponent],
-                }]
-        }] });
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -1539,5 +1340,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { TaskManagementApiService, TaskManagementColumnModalComponent, TaskManagementColumnsComponent, TaskManagementComponent, TaskManagementDetailComponent, TaskManagementModule, TaskManagementSearchFieldsComponent, TaskManagementSearchFieldsService, TaskManagementService, TaskManagementTab };
+export { TaskManagementApiService, TaskManagementColumnModalComponent, TaskManagementColumnsComponent, TaskManagementDetailComponent, TaskManagementSearchFieldsComponent, TaskManagementSearchFieldsService, TaskManagementService, TaskManagementTab };
 //# sourceMappingURL=valtimo-task-management.mjs.map