@valtimo/case-management 13.38.0 → 13.40.0

package/fesm2022/valtimo-case-management.mjs

@@ -12,7 +12,7 @@ import * as i7 from '@valtimo/components';
 import { WidgetLayout, runAfterCarbonModalClosed, ViewType, CARBON_CONSTANTS, ValuePathSelectorPrefix, SelectModule, MuuriItemComponent, WIDGET_LAYOUT_VALUES, WIDGET_LAYOUT_TRANSLATION_KEYS, ValtimoCdsModalDirective, WidgetLayoutInfoComponent, RenderInPageHeaderDirective, TooltipModule, CarbonListModule, ConfirmationModalModule, WidgetModule, DropzoneModule, ModalModule as ModalModule$1, MultiselectDropdownModule, ParagraphModule, SpinnerModule, InputModule as InputModule$1, FormModule, TooltipIconModule, CarbonMultiInputModule, TableModule, OverflowMenuComponent, OverflowMenuOptionComponent, EditorModule, ValuePathSelectorComponent, EllipsisPipe, MuuriDirectiveModule, ReadOnlyDirective, JsonEditorComponent, AutoKeyInputComponent } from '@valtimo/components';
 import { FormManagementComponent, FormManagementEditComponent } from '@valtimo/form-management';
 import * as i2$1 from '@valtimo/shared';
-import { BaseApiService, InterceptorSkip, getCaseManagementRouteParams, CASE_MANAGEMENT_TAB_TOKEN, InterceptorSkipHeader, TagColor, getDisplayTypeParametersView, CASE_CONFIGURATION_EXTENSIONS_TOKEN, ROLE_ADMIN, ConfigModule } from '@valtimo/shared';
+import { BaseApiService, InterceptorSkip, getCaseManagementRouteParams, InterceptorSkipHeader, CASE_MANAGEMENT_TAB_TOKEN, TagColor, getDisplayTypeParametersView, CASE_CONFIGURATION_EXTENSIONS_TOKEN, ROLE_ADMIN, ConfigModule } from '@valtimo/shared';
 import * as i2 from 'carbon-components-angular';
 import { NotificationModule, Tab, ButtonModule, IconModule, LayerModule, ModalModule, InputModule, TabsModule, ComboBoxModule, ProgressIndicatorModule, LoadingModule, TagModule, DropdownModule, CheckboxModule, LinkModule, DialogModule, FileUploaderModule, ProgressBarModule, ToggleModule, TooltipModule as TooltipModule$1, NumberModule } from 'carbon-components-angular';
 import * as i2$2 from '@angular/router';
@@ -377,6 +377,104 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                     args: [WIDGET_MANAGEMENT_SERVICE]
                 }] }, { type: i2$2.ActivatedRoute }] });
 
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class CaseManagementService extends BaseApiService {
+    constructor(httpClient, configService) {
+        super(httpClient, configService);
+        this.httpClient = httpClient;
+        this.configService = configService;
+    }
+    getCaseDefinitions(params) {
+        return this.httpClient.get(this.getApiUrl('management/v1/case-definition'), { params });
+    }
+    getCaseDefinitionVersions(caseDefinitionKey) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version`), {
+            params: { size: 100 },
+        });
+    }
+    createDraftVersion(payload) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/case-definition/draft`), payload);
+    }
+    isDraftVersion(caseDefinitionKey, caseDefinitionVersionTag) {
+        return this.httpClient
+            .get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}`), {
+            headers: new HttpHeaders().set(InterceptorSkip, '403'),
+        })
+            .pipe(map(caseDefinition => !caseDefinition.final));
+    }
+    getGlobalActiveCase(caseDefinitionKey) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}`), { headers: new HttpHeaders().set(InterceptorSkip, '404') });
+    }
+    setGlobalActiveCaseVersion(caseDefinitionKey, caseDefinitionVersionTag) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/active`), {});
+    }
+    getAllCaseVersions(params) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition`), { params });
+    }
+    finalizeDraftCaseVersion(caseDefinitionKey, caseDefinitionVersionTag) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/finalize`), {});
+    }
+    deleteDraftCaseVersion(caseDefinitionKey, caseDefinitionVersionTag) {
+        return this.httpClient.delete(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}`));
+    }
+    getCaseDefinition(caseDefinitionKey, caseDefinitionVersionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}`), {
+            headers: new HttpHeaders().set(InterceptorSkip, '403'),
+        });
+    }
+    previewImport(file) {
+        return this.httpClient.post(this.getApiUrl('management/v1/case/import/preview'), file, { headers: new HttpHeaders().set(InterceptorSkip, '400') });
+    }
+    importDocumentDefinitionZip(file, key, name, pluginConfigurationMappings) {
+        let params = new HttpParams();
+        if (key)
+            params = params.set('key', key);
+        if (name)
+            params = params.set('name', name);
+        if (pluginConfigurationMappings) {
+            file.set('pluginConfigurationMappings', new Blob([JSON.stringify(pluginConfigurationMappings)], { type: 'application/json' }));
+        }
+        return this.httpClient.post(this.getApiUrl('management/v1/case/import'), file, { params });
+    }
+    exportDocumentDefinition(caseDefinitionKey, caseDefinitionVersionTag = '0') {
+        return this.httpClient.get(this.getApiUrl(`management/v1/case/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/export`), { observe: 'response', responseType: 'blob', headers: InterceptorSkipHeader });
+    }
+    getConfigurationIssues(caseDefinitionKey, caseDefinitionVersionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/configuration-issues`));
+    }
+    getDanglingPluginConfigurations(caseDefinitionKey, caseDefinitionVersionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/dangling-plugin-configurations`));
+    }
+    resolvePluginConfigurationMappings(caseDefinitionKey, caseDefinitionVersionTag, mappings) {
+        return this.httpClient.put(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/plugin-configuration-mappings`), mappings);
+    }
+    getCaseDefinitionFinalizationCheck(caseDefinitionKey, caseDefinitionVersionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/finalizable`));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementService, deps: [{ token: i1.HttpClient }, { token: i2$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2$1.ConfigService }] });
+
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
@@ -414,7 +512,11 @@ class CaseDetailService {
     get documentDefinitionModel$() {
         return this._documentDefinitionModel$.pipe(distinctUntilChanged());
     }
-    constructor(documentService, pageTitleService) {
+    get caseDefinition$() {
+        return this._caseDefinition$.asObservable();
+    }
+    constructor(caseManagementService, documentService, pageTitleService) {
+        this.caseManagementService = caseManagementService;
         this.documentService = documentService;
         this.pageTitleService = pageTitleService;
         this._loadingDocumentDefinition$ = new BehaviorSubject(true);
@@ -422,6 +524,7 @@ class CaseDetailService {
         this._selectedCaseDefinitionVersionTag$ = new BehaviorSubject(null);
         this._selectedCaseDefinitionKey$ = new BehaviorSubject('');
         this._documentDefinition$ = new BehaviorSubject(null);
+        this._caseDefinition$ = new BehaviorSubject(null);
         this._documentDefinitionModel$ = this.documentDefinition$.pipe(map((definition) => ({
             value: JSON.stringify(definition?.schema, null, 2),
             language: 'json',
@@ -429,6 +532,7 @@ class CaseDetailService {
         this._reloadDocumentDefinition$ = new Subject();
         this._subscriptions = new Subscription();
         this.openDocumentDefinitionSubscription();
+        this.openCaseDefinitionSubscription();
     }
     ngOnDestroy() {
         this._subscriptions.unsubscribe();
@@ -454,22 +558,28 @@ class CaseDetailService {
             this.selectedCaseDefinitionKey$,
             this._reloadDocumentDefinition$.pipe(startWith(null)),
         ])
-            .pipe(tap(() => {
-            this.pageTitleService.setCustomPageTitleSet(false);
-            this.setLoadingDocumentDefinition(true);
-        }), switchMap(([selectedVersionTag, selectedKey]) => this.documentService.getDocumentDefinitionByVersion(selectedKey, selectedVersionTag)), tap(res => {
+            .pipe(tap(() => this.setLoadingDocumentDefinition(true)), switchMap(([selectedVersionTag, selectedKey]) => this.documentService.getDocumentDefinitionByVersion(selectedKey, selectedVersionTag)), tap(res => {
             this._documentDefinition$.next(res);
-            this.pageTitleService.setCustomPageTitle(res?.schema?.title || '-', true);
             this.setLoadingDocumentDefinition(false);
         }))
             .subscribe());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseDetailService, deps: [{ token: i1$2.DocumentService }, { token: i7.PageTitleService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    openCaseDefinitionSubscription() {
+        this._subscriptions.add(combineLatest([this.selectedCaseDefinitionKey$, this.selectedCaseDefinitionVersionTag$])
+            .pipe(tap(() => this.pageTitleService.setCustomPageTitleSet(false)), switchMap(([selectedKey, selectedVersionTag]) => this.caseManagementService
+            .getCaseDefinition(selectedKey, selectedVersionTag ?? '')
+            .pipe(catchError(() => of(null)))), tap(caseDefinition => {
+            this._caseDefinition$.next(caseDefinition);
+            this.pageTitleService.setCustomPageTitle(caseDefinition?.name || '-', true);
+        }))
+            .subscribe());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseDetailService, deps: [{ token: CaseManagementService }, { token: i1$2.DocumentService }, { token: i7.PageTitleService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseDetailService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseDetailService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$2.DocumentService }, { type: i7.PageTitleService }] });
+        }], ctorParameters: () => [{ type: CaseManagementService }, { type: i1$2.DocumentService }, { type: i7.PageTitleService }] });
 
 class TabManagementService {
     constructor(configService, http) {
@@ -710,104 +820,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2$1.ConfigService }] });
 
-/*
- * Copyright 2015-2026 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class CaseManagementService extends BaseApiService {
-    constructor(httpClient, configService) {
-        super(httpClient, configService);
-        this.httpClient = httpClient;
-        this.configService = configService;
-    }
-    getCaseDefinitions(params) {
-        return this.httpClient.get(this.getApiUrl('management/v1/case-definition'), { params });
-    }
-    getCaseDefinitionVersions(caseDefinitionKey) {
-        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version`), {
-            params: { size: 100 },
-        });
-    }
-    createDraftVersion(payload) {
-        return this.httpClient.post(this.getApiUrl(`management/v1/case-definition/draft`), payload);
-    }
-    isDraftVersion(caseDefinitionKey, caseDefinitionVersionTag) {
-        return this.httpClient
-            .get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}`), {
-            headers: new HttpHeaders().set(InterceptorSkip, '403'),
-        })
-            .pipe(map(caseDefinition => !caseDefinition.final));
-    }
-    getGlobalActiveCase(caseDefinitionKey) {
-        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}`), { headers: new HttpHeaders().set(InterceptorSkip, '404') });
-    }
-    setGlobalActiveCaseVersion(caseDefinitionKey, caseDefinitionVersionTag) {
-        return this.httpClient.post(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/active`), {});
-    }
-    getAllCaseVersions(params) {
-        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition`), { params });
-    }
-    finalizeDraftCaseVersion(caseDefinitionKey, caseDefinitionVersionTag) {
-        return this.httpClient.post(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/finalize`), {});
-    }
-    deleteDraftCaseVersion(caseDefinitionKey, caseDefinitionVersionTag) {
-        return this.httpClient.delete(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}`));
-    }
-    getCaseDefinition(caseDefinitionKey, caseDefinitionVersionTag) {
-        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}`), {
-            headers: new HttpHeaders().set(InterceptorSkip, '403'),
-        });
-    }
-    previewImport(file) {
-        return this.httpClient.post(this.getApiUrl('management/v1/case/import/preview'), file, { headers: new HttpHeaders().set(InterceptorSkip, '400') });
-    }
-    importDocumentDefinitionZip(file, key, name, pluginConfigurationMappings) {
-        let params = new HttpParams();
-        if (key)
-            params = params.set('key', key);
-        if (name)
-            params = params.set('name', name);
-        if (pluginConfigurationMappings) {
-            file.set('pluginConfigurationMappings', new Blob([JSON.stringify(pluginConfigurationMappings)], { type: 'application/json' }));
-        }
-        return this.httpClient.post(this.getApiUrl('management/v1/case/import'), file, { params });
-    }
-    exportDocumentDefinition(caseDefinitionKey, caseDefinitionVersionTag = '0') {
-        return this.httpClient.get(this.getApiUrl(`management/v1/case/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/export`), { observe: 'response', responseType: 'blob', headers: InterceptorSkipHeader });
-    }
-    getConfigurationIssues(caseDefinitionKey, caseDefinitionVersionTag) {
-        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/configuration-issues`));
-    }
-    getDanglingPluginConfigurations(caseDefinitionKey, caseDefinitionVersionTag) {
-        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/dangling-plugin-configurations`));
-    }
-    resolvePluginConfigurationMappings(caseDefinitionKey, caseDefinitionVersionTag, mappings) {
-        return this.httpClient.put(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/plugin-configuration-mappings`), mappings);
-    }
-    getCaseDefinitionFinalizationCheck(caseDefinitionKey, caseDefinitionVersionTag) {
-        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/finalizable`));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementService, deps: [{ token: i1.HttpClient }, { token: i2$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2$1.ConfigService }] });
-
 class StartableItemApiService extends BaseApiService {
     constructor(configService, httpClient) {
         super(httpClient, configService);
@@ -1433,7 +1445,7 @@ class CaseManagementTabsComponent {
         ]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementTabsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i2.IconService }, { token: TabManagementService }, { token: TabService }, { token: i3.TranslateService }, { token: i2$2.Router }, { token: i2$2.ActivatedRoute }, { token: i2$1.EditPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CaseManagementTabsComponent, isStandalone: false, selector: "valtimo-case-management-tabs", viewQueries: [{ propertyName: "tabContentColumnTemplate", first: true, predicate: ["tabContentColumn"], descendants: true }, { propertyName: "tabTypeColumnTemplate", first: true, predicate: ["tabTypeColumn"], descendants: true }, { propertyName: "moveButtonsTemplate", first: true, predicate: ["moveButtonsTemplate"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    routeParams: caseManagementRouteParams$ | async,\n    hasEditPermissions: hasEditPermissions$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    *ngIf=\"{fields: fields$ | async, loading: loading$ | async, tabs: tabs$ | async} as obs\"\n    [actionItems]=\"actionItems\"\n    [items]=\"obs.tabs\"\n    [fields]=\"obs.fields\"\n    [header]=\"false\"\n    [loading]=\"obs.loading\"\n    (rowClicked)=\"onRowClicked($event)\"\n    [dragAndDrop]=\"true\"\n    [dragAndDropDisabled]=\"dragAndDropDisabled() || !(hasEditPermissions$ | async)\"\n    (itemsReordered)=\"onItemsReorderedEvent($event)\"\n  >\n    <ng-container carbonToolbarContent>\n      <ng-container [ngTemplateOutlet]=\"addTabButton\"></ng-container>\n    </ng-container>\n\n    <valtimo-no-results\n      [action]=\"addTabButton\"\n      [description]=\"'case.tabs.noResultsDescription' | translate\"\n      [title]=\"'case.tabs.noResults' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <ng-template #tabTypeColumn let-data=\"data\">\n    {{\n      isTranslated('caseManagement.tabType.' + data.item.type)\n        ? ('caseManagement.tabType.' + data.item.type | translate)\n        : data.item.type\n    }}\n  </ng-template>\n\n  <ng-template #tabContentColumn let-data=\"data\">\n    {{\n      isTranslated('case.tabs.' + data.item.contentKey)\n        ? ('case.tabs.' + data.item.contentKey | translate)\n        : data.item.contentKey\n    }}\n  </ng-template>\n\n  <ng-template #addTabButton>\n    <button cdsButton=\"primary\" *ngIf=\"obs.hasEditPermissions\" (click)=\"openAddTabModal()\">\n      {{ 'caseManagement.tabManagement.addModal.addTab' | translate }}\n\n      <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n  </ng-template>\n\n  <valtimo-case-management-add-tab-modal\n    *ngIf=\"openAddModal$ | async\"\n    [params]=\"obs.routeParams\"\n    [open]=\"openAddModal$ | async\"\n    (closeModalEvent)=\"onCloseAddModalEvent($event)\"\n  ></valtimo-case-management-add-tab-modal>\n\n  <valtimo-case-management-edit-tab-modal\n    *ngIf=\"openEditModal$ | async\"\n    [tab]=\"tab$ | async\"\n    (closeModalEvent)=\"onCloseEditModalEvent($event)\"\n    [open]=\"openEditModal$ | async\"\n  ></valtimo-case-management-edit-tab-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"caseManagement.tabManagement.deleteModal.description\"\n    [outputOnConfirm]=\"deleteRowKey$ | async\"\n    [showModalSubject$]=\"showDeleteModal$\"\n    titleTranslationKey=\"caseManagement.tabManagement.deleteModal.title\"\n    (confirmEvent)=\"onConfirmEvent($event)\"\n  ></valtimo-confirmation-modal>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i7.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i7.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: CaseManagementAddTabModalComponent, selector: "valtimo-case-management-add-tab-modal", inputs: ["params", "open"], outputs: ["closeModalEvent"] }, { kind: "component", type: CaseManagementEditTabModalComponent, selector: "valtimo-case-management-edit-tab-modal", inputs: ["open", "tab"], outputs: ["closeModalEvent"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CaseManagementTabsComponent, isStandalone: false, selector: "valtimo-case-management-tabs", viewQueries: [{ propertyName: "tabContentColumnTemplate", first: true, predicate: ["tabContentColumn"], descendants: true }, { propertyName: "tabTypeColumnTemplate", first: true, predicate: ["tabTypeColumn"], descendants: true }, { propertyName: "moveButtonsTemplate", first: true, predicate: ["moveButtonsTemplate"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    routeParams: caseManagementRouteParams$ | async,\n    hasEditPermissions: hasEditPermissions$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    *ngIf=\"{fields: fields$ | async, loading: loading$ | async, tabs: tabs$ | async} as obs\"\n    [actionItems]=\"actionItems\"\n    [items]=\"obs.tabs\"\n    [fields]=\"obs.fields\"\n    [header]=\"false\"\n    [loading]=\"obs.loading\"\n    (rowClicked)=\"onRowClicked($event)\"\n    [dragAndDrop]=\"true\"\n    [dragAndDropDisabled]=\"dragAndDropDisabled() || !(hasEditPermissions$ | async)\"\n    (itemsReordered)=\"onItemsReorderedEvent($event)\"\n  >\n    <ng-container carbonToolbarContent>\n      <ng-container [ngTemplateOutlet]=\"addTabButton\"></ng-container>\n    </ng-container>\n\n    <valtimo-no-results\n      [action]=\"addTabButton\"\n      [description]=\"'case.tabs.noResultsDescription' | translate\"\n      [title]=\"'case.tabs.noResults' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <ng-template #tabTypeColumn let-data=\"data\">\n    {{\n      isTranslated('caseManagement.tabType.' + data.item.type)\n        ? ('caseManagement.tabType.' + data.item.type | translate)\n        : data.item.type\n    }}\n  </ng-template>\n\n  <ng-template #tabContentColumn let-data=\"data\">\n    {{\n      isTranslated('case.tabs.' + data.item.contentKey)\n        ? ('case.tabs.' + data.item.contentKey | translate)\n        : data.item.contentKey\n    }}\n  </ng-template>\n\n  <ng-template #addTabButton>\n    <button cdsButton=\"primary\" *ngIf=\"obs.hasEditPermissions\" (click)=\"openAddTabModal()\">\n      {{ 'caseManagement.tabManagement.addModal.addTab' | translate }}\n\n      <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n  </ng-template>\n\n  <valtimo-case-management-add-tab-modal\n    *ngIf=\"openAddModal$ | async\"\n    [params]=\"obs.routeParams\"\n    [open]=\"openAddModal$ | async\"\n    (closeModalEvent)=\"onCloseAddModalEvent($event)\"\n  ></valtimo-case-management-add-tab-modal>\n\n  <valtimo-case-management-edit-tab-modal\n    *ngIf=\"openEditModal$ | async\"\n    [tab]=\"tab$ | async\"\n    (closeModalEvent)=\"onCloseEditModalEvent($event)\"\n    [open]=\"openEditModal$ | async\"\n  ></valtimo-case-management-edit-tab-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"caseManagement.tabManagement.deleteModal.description\"\n    [outputOnConfirm]=\"deleteRowKey$ | async\"\n    [showModalSubject$]=\"showDeleteModal$\"\n    titleTranslationKey=\"caseManagement.tabManagement.deleteModal.title\"\n    (confirmEvent)=\"onConfirmEvent($event)\"\n  ></valtimo-confirmation-modal>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i7.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i7.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: CaseManagementAddTabModalComponent, selector: "valtimo-case-management-add-tab-modal", inputs: ["params", "open"], outputs: ["closeModalEvent"] }, { kind: "component", type: CaseManagementEditTabModalComponent, selector: "valtimo-case-management-edit-tab-modal", inputs: ["open", "tab"], outputs: ["closeModalEvent"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementTabsComponent, decorators: [{
             type: Component,
@@ -1993,7 +2005,7 @@ class CaseManagementStatusesComponent {
         ]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementStatusesComponent, deps: [{ token: i1$2.CaseStatusService }, { token: i2$2.ActivatedRoute }, { token: i2$1.EnvironmentService }, { token: i2$1.EditPermissionsService }, { token: CaseManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: CaseManagementStatusesComponent, isStandalone: false, selector: "valtimo-case-management-statuses", viewQueries: [{ propertyName: "colorColumnTemplate", first: true, predicate: ["colorColumnTemplate"], descendants: true }, { propertyName: "retentionPeriodColumnTemplate", first: true, predicate: ["retentionPeriodColumnTemplate"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-carbon-list\n  *ngIf=\"{\n    loading: loading$ | async,\n    caseStatuses: caseStatuses$ | async,\n    isDraftVersion: isDraftVersion$ | async,\n  } as obs\"\n  [items]=\"obs.caseStatuses\"\n  [fields]=\"fields$ | async\"\n  [header]=\"false\"\n  [loading]=\"obs.loading\"\n  [dragAndDrop]=\"true\"\n  [dragAndDropDisabled]=\"obs.loading || !(hasEditPermissions$ | async)\"\n  [actionItems]=\"ACTION_ITEMS\"\n  (rowClicked)=\"openEditModal($event)\"\n  (itemsReordered)=\"onItemsReordered($event)\"\n>\n  <ng-container carbonToolbarContent *ngTemplateOutlet=\"addStatusButton\"></ng-container>\n\n  <valtimo-no-results\n    [action]=\"addStatusButton\"\n    [description]=\"\n      obs.isDraftVersion\n        ? ('caseManagement.statuses.noResults.description' | translate)\n        : ('caseManagement.statuses.noResultsFinalVersion.description' | translate)\n    \"\n    [title]=\"'caseManagement.statuses.noResults.title' | translate\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-case-management-status-modal\n  [type]=\"statusModalType$ | async\"\n  [prefill]=\"prefillStatus$ | async\"\n  [usedKeys]=\"usedKeys$ | async\"\n  [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n  (closeModalEvent)=\"closeModal($event)\"\n></valtimo-case-management-status-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"caseManagement.statuses.deleteText\"\n  [outputOnConfirm]=\"statusToDelete$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"confirmDeleteStatus($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #addStatusButton>\n  <button\n    *ngIf=\"hasEditPermissions$ | async\"\n    cdsButton=\"primary\"\n    [attr.data-test-id]=\"testIds.addButton\"\n    [disabled]=\"loading$ | async\"\n    (click)=\"openAddModal()\"\n  >\n    {{ 'caseManagement.statuses.add' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #colorColumnTemplate let-data=\"data\">\n  <cds-tag class=\"cds-tag--no-margin\" [type]=\"data?.item?.tagType\">\n    {{ 'interface.tagType.' + data?.item?.tagType | translate }}\n  </cds-tag>\n</ng-template>\n\n<ng-template #retentionPeriodColumnTemplate let-data=\"data\">\n  @if (data?.item?.retentionPeriodInDays === 0) {\n    {{ 'caseManagement.statuses.columns.deletedImmediately' | translate }}\n  } @else if (data?.item?.retentionPeriodInDays === -1 ) {\n    {{ '-' }}\n  } @else {\n    {{ data?.item?.retentionPeriodInDays }}\n  }\n</ng-template>\n", styles: ["::ng-deep .cds-tag--no-margin{margin:0}.loading-spinner{margin:16px 12px 12px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i7.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i7.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: i2.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "component", type: CaseManagementStatusModalComponent, selector: "valtimo-case-management-status-modal", inputs: ["type", "prefill", "usedKeys", "caseDefinitionKey"], outputs: ["closeModalEvent"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: CaseManagementStatusesComponent, isStandalone: false, selector: "valtimo-case-management-statuses", viewQueries: [{ propertyName: "colorColumnTemplate", first: true, predicate: ["colorColumnTemplate"], descendants: true }, { propertyName: "retentionPeriodColumnTemplate", first: true, predicate: ["retentionPeriodColumnTemplate"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-carbon-list\n  *ngIf=\"{\n    loading: loading$ | async,\n    caseStatuses: caseStatuses$ | async,\n    isDraftVersion: isDraftVersion$ | async,\n  } as obs\"\n  [items]=\"obs.caseStatuses\"\n  [fields]=\"fields$ | async\"\n  [header]=\"false\"\n  [loading]=\"obs.loading\"\n  [dragAndDrop]=\"true\"\n  [dragAndDropDisabled]=\"obs.loading || !(hasEditPermissions$ | async)\"\n  [actionItems]=\"ACTION_ITEMS\"\n  (rowClicked)=\"openEditModal($event)\"\n  (itemsReordered)=\"onItemsReordered($event)\"\n>\n  <ng-container carbonToolbarContent *ngTemplateOutlet=\"addStatusButton\"></ng-container>\n\n  <valtimo-no-results\n    [action]=\"addStatusButton\"\n    [description]=\"\n      obs.isDraftVersion\n        ? ('caseManagement.statuses.noResults.description' | translate)\n        : ('caseManagement.statuses.noResultsFinalVersion.description' | translate)\n    \"\n    [title]=\"'caseManagement.statuses.noResults.title' | translate\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-case-management-status-modal\n  [type]=\"statusModalType$ | async\"\n  [prefill]=\"prefillStatus$ | async\"\n  [usedKeys]=\"usedKeys$ | async\"\n  [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n  (closeModalEvent)=\"closeModal($event)\"\n></valtimo-case-management-status-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"caseManagement.statuses.deleteText\"\n  [outputOnConfirm]=\"statusToDelete$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"confirmDeleteStatus($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #addStatusButton>\n  <button\n    *ngIf=\"hasEditPermissions$ | async\"\n    cdsButton=\"primary\"\n    [attr.data-test-id]=\"testIds.addButton\"\n    [disabled]=\"loading$ | async\"\n    (click)=\"openAddModal()\"\n  >\n    {{ 'caseManagement.statuses.add' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #colorColumnTemplate let-data=\"data\">\n  <cds-tag class=\"cds-tag--no-margin\" [type]=\"data?.item?.tagType\">\n    {{ 'interface.tagType.' + data?.item?.tagType | translate }}\n  </cds-tag>\n</ng-template>\n\n<ng-template #retentionPeriodColumnTemplate let-data=\"data\">\n  @if (data?.item?.retentionPeriodInDays === 0) {\n    {{ 'caseManagement.statuses.columns.deletedImmediately' | translate }}\n  } @else if (data?.item?.retentionPeriodInDays === -1 ) {\n    {{ '-' }}\n  } @else {\n    {{ data?.item?.retentionPeriodInDays }}\n  }\n</ng-template>\n", styles: ["::ng-deep .cds-tag--no-margin{margin:0}.loading-spinner{margin:16px 12px 12px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i7.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i7.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: i2.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "component", type: CaseManagementStatusModalComponent, selector: "valtimo-case-management-status-modal", inputs: ["type", "prefill", "usedKeys", "caseDefinitionKey"], outputs: ["closeModalEvent"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementStatusesComponent, decorators: [{
             type: Component,
@@ -2394,7 +2406,7 @@ class CaseManagementTagsComponent {
         ]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementTagsComponent, deps: [{ token: i1$2.CaseTagService }, { token: i2$2.ActivatedRoute }, { token: i2$1.EditPermissionsService }, { token: CaseManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CaseManagementTagsComponent, isStandalone: false, selector: "valtimo-case-management-tags", viewQueries: [{ propertyName: "colorColumnTemplate", first: true, predicate: ["colorColumnTemplate"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-carbon-list\n  *ngIf=\"{\n    loading: loading$ | async,\n    caseTags: caseTags$ | async,\n    fields: fields$ | async,\n    isDraftVersion: isDraftVersion$ | async,\n  } as obs\"\n  [items]=\"obs.caseTags\"\n  [fields]=\"obs.fields\"\n  [header]=\"false\"\n  [loading]=\"obs.loading\"\n  [actionItems]=\"ACTION_ITEMS\"\n  [dragAndDrop]=\"true\"\n  [dragAndDropDisabled]=\"!(hasEditPermissions$ | async)\"\n  (itemsReordered)=\"onItemsReorderedEvent($event)\"\n  (rowClicked)=\"openEditModal($event)\"\n>\n  <ng-container carbonToolbarContent *ngTemplateOutlet=\"addTagButton\"></ng-container>\n\n  <valtimo-no-results\n    [action]=\"addTagButton\"\n    [description]=\"\n      obs.isDraftVersion\n        ? ('caseManagement.caseTags.noResults.description' | translate)\n        : ('caseManagement.caseTags.noResultsFinalVersion.description' | translate)\n    \"\n    [title]=\"'caseManagement.caseTags.noResults.title' | translate\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-case-management-tags-modal\n  [type]=\"statusModalType$ | async\"\n  [prefill]=\"prefillCaseTag$ | async\"\n  [usedKeys]=\"usedKeys$ | async\"\n  [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n  [caseDefinitionVersionTag]=\"caseDefinitionVersionTag$ | async\"\n  (closeModalEvent)=\"closeModal($event)\"\n></valtimo-case-management-tags-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"caseManagement.caseTags.deleteText\"\n  [outputOnConfirm]=\"caseTagToDelete$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"confirmDeleteCaseTag($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #addTagButton>\n  <button\n    *ngIf=\"hasEditPermissions$ | async\"\n    cdsButton=\"primary\"\n    [attr.data-test-id]=\"testIds.addButton\"\n    [disabled]=\"loading$ | async\"\n    (click)=\"openAddModal()\"\n  >\n    {{ 'caseManagement.caseTags.add' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #colorColumnTemplate let-data=\"data\">\n  <cds-tag class=\"cds-tag--no-margin\" [type]=\"data?.item?.tagType\">\n    {{ 'interface.tagType.' + data?.item?.tagType | translate }}\n  </cds-tag>\n</ng-template>\n", styles: ["::ng-deep .cds-tag--no-margin{margin: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: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i7.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i7.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: i2.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "component", type: CaseManagementTagsModalComponent, selector: "valtimo-case-management-tags-modal", inputs: ["type", "prefill", "usedKeys", "caseDefinitionKey", "caseDefinitionVersionTag"], outputs: ["closeModalEvent"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CaseManagementTagsComponent, isStandalone: false, selector: "valtimo-case-management-tags", viewQueries: [{ propertyName: "colorColumnTemplate", first: true, predicate: ["colorColumnTemplate"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-carbon-list\n  *ngIf=\"{\n    loading: loading$ | async,\n    caseTags: caseTags$ | async,\n    fields: fields$ | async,\n    isDraftVersion: isDraftVersion$ | async,\n  } as obs\"\n  [items]=\"obs.caseTags\"\n  [fields]=\"obs.fields\"\n  [header]=\"false\"\n  [loading]=\"obs.loading\"\n  [actionItems]=\"ACTION_ITEMS\"\n  [dragAndDrop]=\"true\"\n  [dragAndDropDisabled]=\"!(hasEditPermissions$ | async)\"\n  (itemsReordered)=\"onItemsReorderedEvent($event)\"\n  (rowClicked)=\"openEditModal($event)\"\n>\n  <ng-container carbonToolbarContent *ngTemplateOutlet=\"addTagButton\"></ng-container>\n\n  <valtimo-no-results\n    [action]=\"addTagButton\"\n    [description]=\"\n      obs.isDraftVersion\n        ? ('caseManagement.caseTags.noResults.description' | translate)\n        : ('caseManagement.caseTags.noResultsFinalVersion.description' | translate)\n    \"\n    [title]=\"'caseManagement.caseTags.noResults.title' | translate\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-case-management-tags-modal\n  [type]=\"statusModalType$ | async\"\n  [prefill]=\"prefillCaseTag$ | async\"\n  [usedKeys]=\"usedKeys$ | async\"\n  [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n  [caseDefinitionVersionTag]=\"caseDefinitionVersionTag$ | async\"\n  (closeModalEvent)=\"closeModal($event)\"\n></valtimo-case-management-tags-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"caseManagement.caseTags.deleteText\"\n  [outputOnConfirm]=\"caseTagToDelete$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"confirmDeleteCaseTag($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #addTagButton>\n  <button\n    *ngIf=\"hasEditPermissions$ | async\"\n    cdsButton=\"primary\"\n    [attr.data-test-id]=\"testIds.addButton\"\n    [disabled]=\"loading$ | async\"\n    (click)=\"openAddModal()\"\n  >\n    {{ 'caseManagement.caseTags.add' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #colorColumnTemplate let-data=\"data\">\n  <cds-tag class=\"cds-tag--no-margin\" [type]=\"data?.item?.tagType\">\n    {{ 'interface.tagType.' + data?.item?.tagType | translate }}\n  </cds-tag>\n</ng-template>\n", styles: ["::ng-deep .cds-tag--no-margin{margin: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: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i7.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i7.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: i2.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "component", type: CaseManagementTagsModalComponent, selector: "valtimo-case-management-tags-modal", inputs: ["type", "prefill", "usedKeys", "caseDefinitionKey", "caseDefinitionVersionTag"], outputs: ["closeModalEvent"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementTagsComponent, decorators: [{
             type: Component,
@@ -2886,7 +2898,7 @@ class CaseManagementSearchFieldsComponent {
         this.searchFieldClicked(searchField, false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementSearchFieldsComponent, deps: [{ token: i1$2.DocumentService }, { token: i2$2.ActivatedRoute }, { token: i3.TranslateService }, { token: i2.IconService }, { token: i2$1.EditPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: CaseManagementSearchFieldsComponent, isStandalone: false, selector: "valtimo-case-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    caseDefinitionKey: caseDefinitionKey$ | async,\n    disableInput: disableInput$ | async,\n    downloadName: downloadName$ | async,\n    downloadUrl: downloadUrl$ | async,\n    hasEditPermissions: hasEditPermissions$ | async,\n    jsonEditorModel: jsonEditorModel$ | async,\n    searchFields: translatedSearchFields$ | async,\n    showActionItems: showActionItems$ | async,\n    valid: valid$ | async,\n  } as obs\"\n>\n  <ng-container *ngTemplateOutlet=\"content; context: {obs: obs}\"></ng-container>\n\n  <ng-container *ngTemplateOutlet=\"modal; context: {obs: obs}\"></ng-container>\n</ng-container>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"searchFieldsOverview.deleteSearchFieldConfirmation\"\n  [outputOnConfirm]=\"selectedDeleteSearchField$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDeleteSelectedSearchFieldConfirm($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #buttons let-obs=\"obs\">\n  <ng-container *ngTemplateOutlet=\"viewToggle\"></ng-container>\n\n  <ng-container *ngTemplateOutlet=\"downloadButton; context: {obs: obs}\"></ng-container>\n\n  <button\n    cdsButton=\"primary\"\n    data-test-id=\"case-management-search-add\"\n    *ngIf=\"obs.hasEditPermissions\"\n    [disabled]=\"loadingSearchFields || obs.disableInput\"\n    (click)=\"searchFieldClicked($event, true)\"\n  >\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n\n    {{ 'searchFieldsOverview.addRow' | translate }}\n  </button>\n</ng-template>\n\n<ng-template #content let-obs=\"obs\">\n  @if (!jsonEditorActive()) {\n    <valtimo-carbon-list\n      data-test-id=\"searchFieldsList\"\n      [actionItems]=\"actionItems\"\n      [showActionItems]=\"obs.hasEditPermissions\"\n      [fields]=\"fields\"\n      [header]=\"false\"\n      [items]=\"obs.searchFields\"\n      [loading]=\"!obs.searchFields\"\n      (rowClicked)=\"searchFieldClicked($event, false)\"\n      [dragAndDrop]=\"true\"\n      [dragAndDropDisabled]=\"obs.disableInput\"\n      (itemsReordered)=\"onItemsReordered(obs.caseDefinitionKey, $event)\"\n    >\n      <ng-container\n        carbonToolbarContent\n        *ngTemplateOutlet=\"buttons; context: {obs: obs}\"\n      ></ng-container>\n\n      <valtimo-no-results\n        [title]=\"'searchFieldsOverview.noSearchfieldsTitle' | translate\"\n        [description]=\"'searchFieldsOverview.noSearchfieldsDescription' | translate\"\n      ></valtimo-no-results>\n    </valtimo-carbon-list>\n  } @else {\n    <valtimo-json-editor\n      [model]=\"obs.jsonEditorModel\"\n      [fitPage]=\"true\"\n      [showEditButton]=\"obs.hasEditPermissions\"\n      (saveEvent)=\"updateSearchFields(obs.caseDefinitionKey, $event)\"\n    >\n      <ng-container *ngTemplateOutlet=\"viewToggle\"></ng-container>\n\n      <ng-container *ngTemplateOutlet=\"downloadButton; context: {obs: obs}\"></ng-container>\n    </valtimo-json-editor>\n  }\n</ng-template>\n\n<ng-template #modal let-obs=\"obs\">\n  <cds-modal\n    valtimoCdsModal\n    [title]=\"\n      searchFieldActionTypeIsAdd\n        ? ('searchFieldsOverview.addRow' | translate)\n        : ('searchFieldsOverview.edit' | translate)\n    \"\n    [open]=\"modalShowing$ | async\"\n    [showFooter]=\"true\"\n    size=\"sm\"\n    (close)=\"onModalClose()\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onModalClose()\">\n      <h3 cdsModalHeaderHeading>\n        {{\n          (searchFieldActionTypeIsAdd ? 'searchFieldsOverview.addRow' : 'searchFieldsOverview.edit')\n            | translate\n        }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <v-form\n        (valueChange)=\"formValueChange($event)\"\n        *ngIf=\"\n          (showFields$ | async) && {\n            searchField: selectedSearchField$ | async,\n          } as searchObs\n        \"\n      >\n        <v-input\n          name=\"title\"\n          dataTestId=\"case-management-search-title\"\n          [title]=\"'searchFieldsOverview.title' | translate\"\n          [margin]=\"true\"\n          [defaultValue]=\"searchObs.searchField?.title\"\n          [disabled]=\"obs.disableInput\"\n          [required]=\"false\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.title' | translate\"\n          [carbonTheme]=\"CARBON_THEME\"\n        >\n        </v-input>\n\n        <v-input\n          name=\"key\"\n          dataTestId=\"case-management-search-key\"\n          [title]=\"'searchFieldsOverview.key' | translate\"\n          [margin]=\"true\"\n          [defaultValue]=\"searchObs.searchField?.key\"\n          [disabled]=\"obs.disableInput || !searchFieldActionTypeIsAdd\"\n          [required]=\"true\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.key' | translate\"\n          [carbonTheme]=\"CARBON_THEME\"\n        >\n        </v-input>\n\n        <valtimo-value-path-selector\n          name=\"path\"\n          [label]=\"'searchFieldsOverview.path' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.path' | translate\"\n          [marginXl]=\"true\"\n          [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n          [caseDefinitionVersionTag]=\"caseDefinitionVersionTag$ | async\"\n          [prefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n          [defaultValue]=\"searchObs.searchField?.path\"\n          [disabled]=\"obs.disableInput\"\n        ></valtimo-value-path-selector>\n\n        <v-select\n          *ngIf=\"dataTypeItems$ | async as dataTypeItems\"\n          [appendInline]=\"true\"\n          [dropUp]=\"false\"\n          [items]=\"dataTypeItems\"\n          [placeholder]=\"'searchFieldsOverview.searchFieldPlaceholder' | translate\"\n          [title]=\"'searchFieldsOverview.dataType' | translate\"\n          [disabled]=\"obs.disableInput\"\n          [margin]=\"true\"\n          [required]=\"true\"\n          name=\"dataType\"\n          [defaultSelectionId]=\"searchObs.searchField?.dataType\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.dataType' | translate\"\n          [carbonTheme]=\"CARBON_THEME\"\n          dataTestId=\"case-management-search-dataTypes\"\n        ></v-select>\n\n        <v-select\n          *ngIf=\"(showMatchTypes$ | async) && (matchTypeItems$ | async) as matchTypeItems\"\n          [appendInline]=\"true\"\n          [dropUp]=\"false\"\n          [items]=\"matchTypeItems\"\n          [placeholder]=\"'searchFieldsOverview.searchFieldPlaceholder' | translate\"\n          [title]=\"'searchFieldsOverview.matchType' | translate\"\n          [disabled]=\"obs.disableInput\"\n          [margin]=\"true\"\n          [required]=\"true\"\n          name=\"matchType\"\n          [defaultSelectionId]=\"searchObs.searchField?.matchType\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.matchType' | translate\"\n          [carbonTheme]=\"CARBON_THEME\"\n          dataTestId=\"case-management-search-matchTypes\"\n        ></v-select>\n\n        <v-select\n          *ngIf=\"fieldTypeItems$ | async as fieldTypeItems\"\n          [appendInline]=\"true\"\n          [dropUp]=\"false\"\n          [items]=\"fieldTypeItems\"\n          [placeholder]=\"'searchFieldsOverview.searchFieldPlaceholder' | translate\"\n          [title]=\"'searchFieldsOverview.fieldType' | translate\"\n          [disabled]=\"obs.disableInput\"\n          [margin]=\"true\"\n          [required]=\"true\"\n          name=\"fieldType\"\n          [defaultSelectionId]=\"searchObs.searchField?.fieldType\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.fieldType' | translate\"\n          [carbonTheme]=\"CARBON_THEME\"\n          dataTestId=\"case-management-search-fieldTypes\"\n        ></v-select>\n\n        <v-select\n          *ngIf=\"\n            (fieldTypeIsDropdown$ | async) &&\n            (dropdownDataProviderNames$ | async) as dropdownDataProviderNames\n          \"\n          [appendInline]=\"true\"\n          [dropUp]=\"false\"\n          [items]=\"dropdownDataProviderNames\"\n          [placeholder]=\"'searchFieldsOverview.searchFieldPlaceholder' | translate\"\n          [title]=\"'searchFieldsOverview.dropdownDataProvider' | translate\"\n          [disabled]=\"obs.disableInput\"\n          [margin]=\"true\"\n          [required]=\"false\"\n          name=\"dropdownDataProvider\"\n          [defaultSelectionId]=\"searchObs.searchField?.dropdownDataProvider\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.dropdownDataProvider' | translate\"\n          [carbonTheme]=\"CARBON_THEME\"\n          dataTestId=\"case-management-search-dropdownDataProvider\"\n        ></v-select>\n\n        <valtimo-carbon-multi-input\n          *ngIf=\"\n            (showInputDropdownTable$ | async) &&\n            (initialDropdownValues$ | async) as initialDropdownValues\n          \"\n          name=\"dropdownValues\"\n          [title]=\"'searchFieldsOverview.dropdownListValues' | translate\"\n          type=\"keyValue\"\n          [disabled]=\"obs.disableInput\"\n          [defaultValues]=\"initialDropdownValues\"\n          [margin]=\"true\"\n          [required]=\"false\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.dropdownListValues' | translate\"\n          (valueChange)=\"dropdownDatalistChange($event)\"\n          [carbonTheme]=\"CARBON_THEME\"\n        >\n        </valtimo-carbon-multi-input>\n\n        <v-table\n          *ngIf=\"\n            (showReadonlyDropdownTable$ | async) &&\n            (initialDropdownValues$ | async) as initialDropdownValues\n          \"\n          [items]=\"initialDropdownValues\"\n          [columns]=\"dropdownColumns$ | async\"\n          [showEditButtons]=\"false\"\n          [itemsTranslationKey]=\"'searchFieldsOverview'\"\n          [showPagination]=\"false\"\n          [mobileBreakpointPx]=\"200\"\n          [carbonTheme]=\"CARBON_THEME\"\n        ></v-table>\n      </v-form>\n    </section>\n\n    <cds-modal-footer>\n      <ng-container *ngTemplateOutlet=\"buttonsFooterModal; context: {obs: obs}\"></ng-container>\n    </cds-modal-footer>\n  </cds-modal>\n</ng-template>\n\n<ng-template #buttonsFooterModal let-obs=\"obs\">\n  <button\n    data-test-id=\"case-management-search-close\"\n    cdsButton=\"secondary\"\n    (click)=\"onModalClose()\"\n    [disabled]=\"obs.disableInput\"\n  >\n    {{ 'interface.cancel' | translate }}\n  </button>\n\n  <button\n    data-test-id=\"case-management-search-save\"\n    cdsButton=\"primary\"\n    [disabled]=\"obs.disableInput || !obs.valid\"\n    (click)=\"saveSearchField(obs.caseDefinitionKey)\"\n  >\n    {{ (searchFieldActionTypeIsAdd ? 'interface.create' : 'interface.save') | translate }}\n  </button>\n</ng-template>\n\n<ng-template #viewToggle>\n  <cds-tooltip [description]=\"'JSON editor'\">\n    <button\n      [cdsButton]=\"buttonTheme()\"\n      data-test-id=\"case-management-search-fields-switch-view\"\n      iconOnly=\"true\"\n      (click)=\"switchView()\"\n    >\n      <svg cdsIcon=\"code\" size=\"16\"></svg>\n    </button>\n  </cds-tooltip>\n</ng-template>\n\n<ng-template #downloadButton let-obs=\"obs\">\n  <button\n    cdsButton=\"ghost\"\n    iconOnly=\"true\"\n    data-test-id=\"case-management-search-download\"\n    [disabled]=\"\n      !obs.downloadUrl || !obs.downloadName || obs.searchFields?.length <= 0 || obs.disableInput\n    \"\n    (click)=\"onDownloadClick()\"\n  >\n    <svg cdsIcon=\"download\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", styles: ["valtimo-list::ng-deep table{border-top:1px solid rgba(0,0,0,.125)}.case-management-search-fields__buttons{display:flex;gap:16px}.case-management-search-fields__buttons .center-link{display:flex;align-items:center}.case-management-search-fields__move-buttons{width:100%;justify-content:flex-end;display:flex;flex-direction:row;position:relative}.case-management-search-fields__move-buttons button:not(:last-child){margin-right:8px}.list-actions{width:1px}.modal-header::ng-deep{background-color:#f3f4f7}::ng-deep .tab-container{min-height:unset!important}::ng-deep .cds--tab-content{padding-top:0!important}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i7.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i7.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i7.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i2.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "component", type: i7.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["addRowText", "addButtonType", "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: "component", type: i7.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: i7.TableComponent, selector: "v-table", inputs: ["items", "columns", "loading", "showEditButtons", "showPagination", "editButtonTranslationKey", "itemsTranslationKey", "noResultsTranslationKey", "mobileBreakpointPx", "amountOfLoadingRows", "collectionSize", "page", "size"], outputs: ["editButtonClicked", "paginationSizeSet", "paginationPageSet"] }, { kind: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i7.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: i2.Tooltip, selector: "cds-tooltip, ibm-tooltip", inputs: ["id", "enterDelayMs", "leaveDelayMs", "disabled", "description", "templateContext"] }, { kind: "component", type: i7.ValuePathSelectorComponent, selector: "valtimo-value-path-selector", inputs: ["name", "appendInline", "margin", "marginLg", "marginXl", "disabled", "caseDefinitionKey", "caseDefinitionVersionTag", "buildingBlockDefinitionKey", "buildingBlockDefinitionVersionTag", "prefixes", "excludePrefixes", "label", "tooltip", "required", "showCaseDefinitionSelector", "notation", "dropUp", "defaultValue", "type", "parentItem", "filterItems"], outputs: ["valueChangeEvent", "collectionSelected"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: i7.JsonEditorComponent, selector: "valtimo-json-editor", inputs: ["disabled", "model", "editorOptions", "fitPage", "formatOnLoad", "heightPx", "heightStyle", "jsonSchema", "showEditButton", "widthPx"], outputs: ["changeEvent", "discardEvent", "keepEditingEvent", "saveEvent"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: CaseManagementSearchFieldsComponent, isStandalone: false, selector: "valtimo-case-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    caseDefinitionKey: caseDefinitionKey$ | async,\n    disableInput: disableInput$ | async,\n    downloadName: downloadName$ | async,\n    downloadUrl: downloadUrl$ | async,\n    hasEditPermissions: hasEditPermissions$ | async,\n    jsonEditorModel: jsonEditorModel$ | async,\n    searchFields: translatedSearchFields$ | async,\n    showActionItems: showActionItems$ | async,\n    valid: valid$ | async,\n  } as obs\"\n>\n  <ng-container *ngTemplateOutlet=\"content; context: {obs: obs}\"></ng-container>\n\n  <ng-container *ngTemplateOutlet=\"modal; context: {obs: obs}\"></ng-container>\n</ng-container>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"searchFieldsOverview.deleteSearchFieldConfirmation\"\n  [outputOnConfirm]=\"selectedDeleteSearchField$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDeleteSelectedSearchFieldConfirm($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #buttons let-obs=\"obs\">\n  <ng-container *ngTemplateOutlet=\"viewToggle\"></ng-container>\n\n  <ng-container *ngTemplateOutlet=\"downloadButton; context: {obs: obs}\"></ng-container>\n\n  <button\n    cdsButton=\"primary\"\n    data-test-id=\"case-management-search-add\"\n    *ngIf=\"obs.hasEditPermissions\"\n    [disabled]=\"loadingSearchFields || obs.disableInput\"\n    (click)=\"searchFieldClicked($event, true)\"\n  >\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n\n    {{ 'searchFieldsOverview.addRow' | translate }}\n  </button>\n</ng-template>\n\n<ng-template #content let-obs=\"obs\">\n  @if (!jsonEditorActive()) {\n    <valtimo-carbon-list\n      data-test-id=\"searchFieldsList\"\n      [actionItems]=\"actionItems\"\n      [showActionItems]=\"obs.hasEditPermissions\"\n      [fields]=\"fields\"\n      [header]=\"false\"\n      [items]=\"obs.searchFields\"\n      [loading]=\"!obs.searchFields\"\n      (rowClicked)=\"searchFieldClicked($event, false)\"\n      [dragAndDrop]=\"true\"\n      [dragAndDropDisabled]=\"obs.disableInput\"\n      (itemsReordered)=\"onItemsReordered(obs.caseDefinitionKey, $event)\"\n    >\n      <ng-container\n        carbonToolbarContent\n        *ngTemplateOutlet=\"buttons; context: {obs: obs}\"\n      ></ng-container>\n\n      <valtimo-no-results\n        [title]=\"'searchFieldsOverview.noSearchfieldsTitle' | translate\"\n        [description]=\"'searchFieldsOverview.noSearchfieldsDescription' | translate\"\n      ></valtimo-no-results>\n    </valtimo-carbon-list>\n  } @else {\n    <valtimo-json-editor\n      [model]=\"obs.jsonEditorModel\"\n      [fitPage]=\"true\"\n      [showEditButton]=\"obs.hasEditPermissions\"\n      (saveEvent)=\"updateSearchFields(obs.caseDefinitionKey, $event)\"\n    >\n      <ng-container *ngTemplateOutlet=\"viewToggle\"></ng-container>\n\n      <ng-container *ngTemplateOutlet=\"downloadButton; context: {obs: obs}\"></ng-container>\n    </valtimo-json-editor>\n  }\n</ng-template>\n\n<ng-template #modal let-obs=\"obs\">\n  <cds-modal\n    valtimoCdsModal\n    [title]=\"\n      searchFieldActionTypeIsAdd\n        ? ('searchFieldsOverview.addRow' | translate)\n        : ('searchFieldsOverview.edit' | translate)\n    \"\n    [open]=\"modalShowing$ | async\"\n    [showFooter]=\"true\"\n    size=\"sm\"\n    (close)=\"onModalClose()\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onModalClose()\">\n      <h3 cdsModalHeaderHeading>\n        {{\n          (searchFieldActionTypeIsAdd ? 'searchFieldsOverview.addRow' : 'searchFieldsOverview.edit')\n            | translate\n        }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <v-form\n        (valueChange)=\"formValueChange($event)\"\n        *ngIf=\"\n          (showFields$ | async) && {\n            searchField: selectedSearchField$ | async,\n          } as searchObs\n        \"\n      >\n        <v-input\n          name=\"title\"\n          dataTestId=\"case-management-search-title\"\n          [title]=\"'searchFieldsOverview.title' | translate\"\n          [margin]=\"true\"\n          [defaultValue]=\"searchObs.searchField?.title\"\n          [disabled]=\"obs.disableInput\"\n          [required]=\"false\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.title' | translate\"\n          [carbonTheme]=\"CARBON_THEME\"\n        >\n        </v-input>\n\n        <v-input\n          name=\"key\"\n          dataTestId=\"case-management-search-key\"\n          [title]=\"'searchFieldsOverview.key' | translate\"\n          [margin]=\"true\"\n          [defaultValue]=\"searchObs.searchField?.key\"\n          [disabled]=\"obs.disableInput || !searchFieldActionTypeIsAdd\"\n          [required]=\"true\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.key' | translate\"\n          [carbonTheme]=\"CARBON_THEME\"\n        >\n        </v-input>\n\n        <valtimo-value-path-selector\n          name=\"path\"\n          [label]=\"'searchFieldsOverview.path' | translate\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.path' | translate\"\n          [marginXl]=\"true\"\n          [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n          [caseDefinitionVersionTag]=\"caseDefinitionVersionTag$ | async\"\n          [prefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n          [defaultValue]=\"searchObs.searchField?.path\"\n          [disabled]=\"obs.disableInput\"\n        ></valtimo-value-path-selector>\n\n        <v-select\n          *ngIf=\"dataTypeItems$ | async as dataTypeItems\"\n          [appendInline]=\"true\"\n          [dropUp]=\"false\"\n          [items]=\"dataTypeItems\"\n          [placeholder]=\"'searchFieldsOverview.searchFieldPlaceholder' | translate\"\n          [title]=\"'searchFieldsOverview.dataType' | translate\"\n          [disabled]=\"obs.disableInput\"\n          [margin]=\"true\"\n          [required]=\"true\"\n          name=\"dataType\"\n          [defaultSelectionId]=\"searchObs.searchField?.dataType\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.dataType' | translate\"\n          [carbonTheme]=\"CARBON_THEME\"\n          dataTestId=\"case-management-search-dataTypes\"\n        ></v-select>\n\n        <v-select\n          *ngIf=\"(showMatchTypes$ | async) && (matchTypeItems$ | async) as matchTypeItems\"\n          [appendInline]=\"true\"\n          [dropUp]=\"false\"\n          [items]=\"matchTypeItems\"\n          [placeholder]=\"'searchFieldsOverview.searchFieldPlaceholder' | translate\"\n          [title]=\"'searchFieldsOverview.matchType' | translate\"\n          [disabled]=\"obs.disableInput\"\n          [margin]=\"true\"\n          [required]=\"true\"\n          name=\"matchType\"\n          [defaultSelectionId]=\"searchObs.searchField?.matchType\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.matchType' | translate\"\n          [carbonTheme]=\"CARBON_THEME\"\n          dataTestId=\"case-management-search-matchTypes\"\n        ></v-select>\n\n        <v-select\n          *ngIf=\"fieldTypeItems$ | async as fieldTypeItems\"\n          [appendInline]=\"true\"\n          [dropUp]=\"false\"\n          [items]=\"fieldTypeItems\"\n          [placeholder]=\"'searchFieldsOverview.searchFieldPlaceholder' | translate\"\n          [title]=\"'searchFieldsOverview.fieldType' | translate\"\n          [disabled]=\"obs.disableInput\"\n          [margin]=\"true\"\n          [required]=\"true\"\n          name=\"fieldType\"\n          [defaultSelectionId]=\"searchObs.searchField?.fieldType\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.fieldType' | translate\"\n          [carbonTheme]=\"CARBON_THEME\"\n          dataTestId=\"case-management-search-fieldTypes\"\n        ></v-select>\n\n        <v-select\n          *ngIf=\"\n            (fieldTypeIsDropdown$ | async) &&\n            (dropdownDataProviderNames$ | async) as dropdownDataProviderNames\n          \"\n          [appendInline]=\"true\"\n          [dropUp]=\"false\"\n          [items]=\"dropdownDataProviderNames\"\n          [placeholder]=\"'searchFieldsOverview.searchFieldPlaceholder' | translate\"\n          [title]=\"'searchFieldsOverview.dropdownDataProvider' | translate\"\n          [disabled]=\"obs.disableInput\"\n          [margin]=\"true\"\n          [required]=\"false\"\n          name=\"dropdownDataProvider\"\n          [defaultSelectionId]=\"searchObs.searchField?.dropdownDataProvider\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.dropdownDataProvider' | translate\"\n          [carbonTheme]=\"CARBON_THEME\"\n          dataTestId=\"case-management-search-dropdownDataProvider\"\n        ></v-select>\n\n        <valtimo-carbon-multi-input\n          *ngIf=\"\n            (showInputDropdownTable$ | async) &&\n            (initialDropdownValues$ | async) as initialDropdownValues\n          \"\n          name=\"dropdownValues\"\n          [title]=\"'searchFieldsOverview.dropdownListValues' | translate\"\n          type=\"keyValue\"\n          [disabled]=\"obs.disableInput\"\n          [defaultValues]=\"initialDropdownValues\"\n          [margin]=\"true\"\n          [required]=\"false\"\n          [tooltip]=\"'searchFieldsOverviewTooltips.dropdownListValues' | translate\"\n          (valueChange)=\"dropdownDatalistChange($event)\"\n          [carbonTheme]=\"CARBON_THEME\"\n        >\n        </valtimo-carbon-multi-input>\n\n        <v-table\n          *ngIf=\"\n            (showReadonlyDropdownTable$ | async) &&\n            (initialDropdownValues$ | async) as initialDropdownValues\n          \"\n          [items]=\"initialDropdownValues\"\n          [columns]=\"dropdownColumns$ | async\"\n          [showEditButtons]=\"false\"\n          [itemsTranslationKey]=\"'searchFieldsOverview'\"\n          [showPagination]=\"false\"\n          [mobileBreakpointPx]=\"200\"\n          [carbonTheme]=\"CARBON_THEME\"\n        ></v-table>\n      </v-form>\n    </section>\n\n    <cds-modal-footer>\n      <ng-container *ngTemplateOutlet=\"buttonsFooterModal; context: {obs: obs}\"></ng-container>\n    </cds-modal-footer>\n  </cds-modal>\n</ng-template>\n\n<ng-template #buttonsFooterModal let-obs=\"obs\">\n  <button\n    data-test-id=\"case-management-search-close\"\n    cdsButton=\"secondary\"\n    (click)=\"onModalClose()\"\n    [disabled]=\"obs.disableInput\"\n  >\n    {{ 'interface.cancel' | translate }}\n  </button>\n\n  <button\n    data-test-id=\"case-management-search-save\"\n    cdsButton=\"primary\"\n    [disabled]=\"obs.disableInput || !obs.valid\"\n    (click)=\"saveSearchField(obs.caseDefinitionKey)\"\n  >\n    {{ (searchFieldActionTypeIsAdd ? 'interface.create' : 'interface.save') | translate }}\n  </button>\n</ng-template>\n\n<ng-template #viewToggle>\n  <cds-tooltip [description]=\"'JSON editor'\">\n    <button\n      [cdsButton]=\"buttonTheme()\"\n      data-test-id=\"case-management-search-fields-switch-view\"\n      iconOnly=\"true\"\n      (click)=\"switchView()\"\n    >\n      <svg cdsIcon=\"code\" size=\"16\"></svg>\n    </button>\n  </cds-tooltip>\n</ng-template>\n\n<ng-template #downloadButton let-obs=\"obs\">\n  <button\n    cdsButton=\"ghost\"\n    iconOnly=\"true\"\n    data-test-id=\"case-management-search-download\"\n    [disabled]=\"\n      !obs.downloadUrl || !obs.downloadName || obs.searchFields?.length <= 0 || obs.disableInput\n    \"\n    (click)=\"onDownloadClick()\"\n  >\n    <svg cdsIcon=\"download\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", styles: ["valtimo-list::ng-deep table{border-top:1px solid rgba(0,0,0,.125)}.case-management-search-fields__buttons{display:flex;gap:16px}.case-management-search-fields__buttons .center-link{display:flex;align-items:center}.case-management-search-fields__move-buttons{width:100%;justify-content:flex-end;display:flex;flex-direction:row;position:relative}.case-management-search-fields__move-buttons button:not(:last-child){margin-right:8px}.list-actions{width:1px}.modal-header::ng-deep{background-color:#f3f4f7}::ng-deep .tab-container{min-height:unset!important}::ng-deep .cds--tab-content{padding-top:0!important}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i7.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i7.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i7.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i2.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "component", type: i7.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["addRowText", "addButtonType", "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: "component", type: i7.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: i7.TableComponent, selector: "v-table", inputs: ["items", "columns", "loading", "showEditButtons", "showPagination", "editButtonTranslationKey", "itemsTranslationKey", "noResultsTranslationKey", "mobileBreakpointPx", "amountOfLoadingRows", "collectionSize", "page", "size"], outputs: ["editButtonClicked", "paginationSizeSet", "paginationPageSet"] }, { kind: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i7.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: i2.Tooltip, selector: "cds-tooltip, ibm-tooltip", inputs: ["id", "enterDelayMs", "leaveDelayMs", "disabled", "description", "templateContext"] }, { kind: "component", type: i7.ValuePathSelectorComponent, selector: "valtimo-value-path-selector", inputs: ["name", "appendInline", "margin", "marginLg", "marginXl", "disabled", "caseDefinitionKey", "caseDefinitionVersionTag", "buildingBlockDefinitionKey", "buildingBlockDefinitionVersionTag", "prefixes", "excludePrefixes", "label", "tooltip", "required", "showCaseDefinitionSelector", "notation", "dropUp", "defaultValue", "type", "parentItem", "filterItems"], outputs: ["valueChangeEvent", "collectionSelected"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: i7.JsonEditorComponent, selector: "valtimo-json-editor", inputs: ["disabled", "model", "editorOptions", "fitPage", "formatOnLoad", "heightPx", "heightStyle", "jsonSchema", "showEditButton", "widthPx"], outputs: ["changeEvent", "discardEvent", "keepEditingEvent", "saveEvent"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementSearchFieldsComponent, decorators: [{
             type: Component,
@@ -3339,7 +3351,7 @@ class CaseManagementListColumnsComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementListColumnsComponent, deps: [{ token: i1$2.DocumentService }, { token: i2$2.ActivatedRoute }, { token: i3.TranslateService }, { token: i2.IconService }, { token: i2$1.EditPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: CaseManagementListColumnsComponent, isStandalone: false, selector: "valtimo-case-management-list-columns", 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    caseListColumn: translatedCaseListColumns$ | async,\n    disableInput: disableInput$ | async,\n    downloadName: downloadName$ | async,\n    downloadUrl: downloadUrl$ | async,\n    hasEditPermissions: hasEditPermissions$ | async,\n    jsonEditorModel: jsonEditorModel$ | async,\n    loadingCaseListColumns: loadingCaseListColumns$ | async,\n    params: params$ | async,\n  } as obs\"\n>\n  <ng-container *ngTemplateOutlet=\"content; context: {obs: obs}\"></ng-container>\n\n  <ng-container *ngTemplateOutlet=\"createEditModal\"></ng-container>\n\n  <ng-container *ngTemplateOutlet=\"deleteModal\"></ng-container>\n</ng-container>\n\n<ng-template #content let-obs=\"obs\">\n  @if (!jsonEditorActive()) {\n    <valtimo-carbon-list\n      [actionItems]=\"actionItems\"\n      [loading]=\"obs.loadingCaseListColumns\"\n      [items]=\"obs?.caseListColumn || []\"\n      [fields]=\"fields\"\n      [viewMode]=\"false\"\n      [header]=\"false\"\n      (rowClicked)=\"columnRowClicked($event)\"\n      [dragAndDrop]=\"true\"\n      [dragAndDropDisabled]=\"obs.disableInput\"\n      (itemsReordered)=\"onItemsReordered(obs.params.caseDefinitionKey, $event)\"\n      [attr.data-test-id]=\"testIds.columnsList\"\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  } @else {\n    <valtimo-json-editor\n      [model]=\"obs.jsonEditorModel\"\n      [fitPage]=\"true\"\n      [showEditButton]=\"obs.hasEditPermissions\"\n      (saveEvent)=\"updateCaseListColumns(obs.params.caseDefinitionKey, $event)\"\n      [attr.data-test-id]=\"testIds.jsonEditor\"\n    >\n      <ng-container *ngTemplateOutlet=\"viewToggle\"></ng-container>\n\n      <ng-container *ngTemplateOutlet=\"downloadButton; context: {obs: obs}\"></ng-container>\n    </valtimo-json-editor>\n  }\n</ng-template>\n\n<ng-template #buttons let-obs=\"obs\">\n  <ng-container *ngTemplateOutlet=\"viewToggle\"></ng-container>\n\n  <ng-container *ngTemplateOutlet=\"downloadButton; context: {obs: obs}\"></ng-container>\n\n  <button\n    *ngIf=\"obs.hasEditPermissions\"\n    (click)=\"openModal('create')\"\n    cdsButton=\"primary\"\n    [disabled]=\"obs.loadingCaseListColumns || !(hasEditPermissions$ | async)\"\n    [attr.data-test-id]=\"testIds.addListColumn\"\n  >\n    {{ 'listColumn.addButtonText' | translate }}\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #noConfigWarning>\n  <div class=\"pl-2 pr-2 pb-2 pt-2\">\n    <cds-notification\n      [notificationObj]=\"{\n        type: 'info',\n        title: 'listColumn.noConfigWarningTitle' | translate,\n        message: 'listColumn.noConfigWarning' | translate,\n        showClose: false,\n      }\"\n    >\n    </cds-notification>\n  </div>\n</ng-template>\n\n<ng-template #createEditModal>\n  <cds-modal\n    valtimoCdsModal\n    *ngIf=\"{\n      type: currentModalType$ | async,\n      show: showModal$ | async,\n      valid: valid$ | async,\n      disableInput: disableInput$ | async,\n      validKey: validKey$ | async,\n      disableDefaultSort: disableDefaultSort$ | async,\n      showEnum: showEnum$ | async,\n      isYesNo: isYesNo$ | async,\n      showTagAmount: showTagAmount$ | async,\n      params: params$ | async,\n    } as modalObs\"\n    [open]=\"modalObs.show\"\n    size=\"sm\"\n    (close)=\"closeModal()\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\" [cdsLayer]=\"1\">\n      <h3 cdsModalHeaderHeading>\n        {{\n          modalObs.type === 'create'\n            ? ('listColumn.addButtonText' | translate)\n            : ('listColumn.editColumnTitle' | translate)\n        }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <ng-container *ngTemplateOutlet=\"modalContent; context: {modalObs: modalObs}\"></ng-container>\n    </section>\n    <ng-container *ngTemplateOutlet=\"modalFooter; context: {modalObs: modalObs}\"></ng-container>\n  </cds-modal>\n</ng-template>\n\n<ng-template #modalContent let-modalObs=\"modalObs\">\n  <form [formGroup]=\"formGroup\" class=\"list-column-form\">\n    <cds-label [disabled]=\"modalObs.disableInput\">\n      <span class=\"label-with-tooltip\">\n        {{ 'listColumn.titleTitle' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'listColumn.titleTooltip' | translate\"\n          [disabled]=\"modalObs.disableInput\"\n        ></v-tooltip-icon>\n      </span>\n\n      <input cdsText formControlName=\"title\" [attr.data-test-id]=\"testIds.title\" />\n    </cds-label>\n\n    <cds-label\n      [disabled]=\"modalObs.disableInput || modalObs.type === 'edit'\"\n      [invalid]=\"modalObs.validKey === false\"\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]=\"modalObs.disableInput\"\n        ></v-tooltip-icon>\n      </span>\n\n      <input\n        cdsText\n        formControlName=\"key\"\n        [invalid]=\"modalObs.validKey === false\"\n        [attr.data-test-id]=\"testIds.key\"\n      />\n    </cds-label>\n\n    <cds-label [disabled]=\"modalObs.disableInput\">\n      <span class=\"label-with-tooltip\">\n        {{ 'listColumn.path' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'listColumn.pathTooltip' | translate\"\n          [disabled]=\"modalObs.disableInput\"\n        ></v-tooltip-icon>\n      </span>\n\n      <valtimo-value-path-selector\n        formControlName=\"path\"\n        [caseDefinitionKey]=\"modalObs.params?.caseDefinitionKey\"\n        [caseDefinitionVersionTag]=\"modalObs.params?.caseDefinitionVersionTag\"\n        [excludePrefixes]=\"[ValuePathSelectorPrefix.TASK]\"\n        [attr.data-test-id]=\"testIds.valuePathSelector\"\n      ></valtimo-value-path-selector>\n    </cds-label>\n\n    <cds-label [disabled]=\"modalObs.disableInput\">\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'listColumn.displayType' | translate }}\n        <v-tooltip-icon\n          [tooltip]=\"'listColumn.displayTypeTooltip' | translate\"\n          [disabled]=\"modalObs.disableInput\"\n        ></v-tooltip-icon>\n      </span>\n\n      <cds-dropdown\n        formControlName=\"displayType\"\n        [disabled]=\"modalObs.disableInput\"\n        (selected)=\"selectedDisplayType($event)\"\n        [attr.data-test-id]=\"testIds.displayType\"\n      >\n        <cds-dropdown-list [items]=\"(viewTypeItems$ | async) || []\"></cds-dropdown-list>\n      </cds-dropdown>\n    </cds-label>\n\n    <cds-label *ngIf=\"modalObs.showTagAmount\" [disabled]=\"modalObs.disableInput\">\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'listColumn.tagAmount' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'listColumn.tagAmountTooltip' | translate\"\n          [disabled]=\"modalObs.disableInput\"\n        ></v-tooltip-icon>\n      </span>\n\n      <cds-number\n        formControlName=\"tagAmount\"\n        [min]=\"1\"\n        [step]=\"1\"\n        [attr.data-test-id]=\"testIds.tagAmount\"\n      ></cds-number>\n    </cds-label>\n\n    <cds-label *ngIf=\"showDateFormat$ | async\" [disabled]=\"modalObs.disableInput\">\n      <span class=\"label-with-tooltip\">\n        {{ 'listColumn.dateFormat' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'listColumn.dateFormatTooltip' | translate\"\n          [disabled]=\"modalObs.disableInput\"\n        ></v-tooltip-icon>\n      </span>\n\n      <input cdsText formControlName=\"dateFormat\" [attr.data-test-id]=\"testIds.dateFormat\" />\n    </cds-label>\n\n    <cds-label *ngIf=\"modalObs.showEnum || modalObs.isYesNo\" [disabled]=\"modalObs.disableInput\">\n      <span class=\"label-with-tooltip select-label\">\n        {{\n          modalObs.isYesNo\n            ? ('listColumn.enumTitleOptional' | translate)\n            : ('listColumn.enumTitle' | translate)\n        }}\n\n        <v-tooltip-icon\n          [tooltip]=\"\n            modalObs.isYesNo\n              ? ('listColumn.enumTooltipOptional' | translate)\n              : ('listColumn.enumTooltip' | translate)\n          \"\n          [disabled]=\"modalObs.disableInput\"\n        ></v-tooltip-icon>\n      </span>\n\n      <valtimo-carbon-multi-input\n        *ngIf=\"(showModal$ | async) || (modalShowing$ | async)\"\n        type=\"keyValue\"\n        (valueChange)=\"enumValueChange($event)\"\n        [defaultValues]=\"defaultEnumValues$ | async\"\n        [hideAddButton]=\"modalObs.isYesNo\"\n        [hideDeleteButton]=\"modalObs.isYesNo\"\n        [maxRows]=\"modalObs.isYesNo ? 1 : null\"\n        [keyColumnTitle]=\"modalObs.isYesNo && ('viewTypeConverter.Yes' | translate)\"\n        [valueColumnTitle]=\"modalObs.isYesNo && ('viewTypeConverter.No' | translate)\"\n        [attr.data-test-id]=\"testIds.multiInput\"\n      ></valtimo-carbon-multi-input>\n    </cds-label>\n\n    <cds-checkbox\n      *ngIf=\"displaySortable\"\n      formControlName=\"sortable\"\n      [disabled]=\"modalObs.showTagAmount || modalObs.disableInput\"\n      [attr.data-test-id]=\"testIds.sortableCheckbox\"\n      >{{ 'listColumn.sortable' | translate }}\n    </cds-checkbox>\n\n    <cds-label\n      *ngIf=\"displaySortable\"\n      [disabled]=\"modalObs.disableInput || modalObs.disableDefaultSort || modalObs.showTagAmount\"\n    >\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'listColumn.defaultSortTitle' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'listColumn.defaultSortTooltip' | translate\"\n          [disabled]=\"modalObs.disableInput\"\n        ></v-tooltip-icon>\n      </span>\n\n      <cds-dropdown\n        formControlName=\"defaultSort\"\n        [disabled]=\"modalObs.disableInput || modalObs.disableDefaultSort || modalObs.showTagAmount\"\n        [attr.data-test-id]=\"testIds.defaultSort\"\n      >\n        <cds-dropdown-list [items]=\"(sortItems$ | async) || []\"></cds-dropdown-list>\n      </cds-dropdown>\n\n      <cds-inline-notification\n        *ngIf=\"modalObs.disableDefaultSort && !modalObs.disableInput && !modalObs.showTagAmount\"\n        class=\"default-sort-disabled-notice\"\n        [notificationObj]=\"{\n          type: 'info',\n          title: '',\n          message: ('listColumn.defaultSortDisabledNotice' | translate),\n          showClose: false,\n          lowContrast: true\n        }\"\n      ></cds-inline-notification>\n    </cds-label>\n\n    <cds-label *ngIf=\"displayExportButton\">\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'listColumn.exportField' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'listColumn.exportTooltip' | translate\"\n          [disabled]=\"modalObs.disableInput\"\n        ></v-tooltip-icon>\n      </span>\n\n      <cds-toggle\n        formControlName=\"exportable\"\n        data-testid=\"export-selector-toggle\"\n        [onText]=\"'listColumn.sortableYes' | translate\"\n        [offText]=\"'listColumn.sortableNo' | translate\"\n        [keyColumnTitle]=\"modalObs.isYesNo && ('viewTypeConverter.Yes' | translate)\"\n        [valueColumnTitle]=\"modalObs.isYesNo && ('viewTypeConverter.No' | translate)\"\n        [required]=\"false\"\n        [size]=\"'sm'\"\n        [attr.data-test-id]=\"testIds.exportable\"\n      ></cds-toggle>\n    </cds-label>\n  </form>\n</ng-template>\n\n<ng-template #modalFooter let-modalObs=\"modalObs\">\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <ng-container>\n      <button\n        cdsButton=\"secondary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"closeModal()\"\n        [disabled]=\"modalObs.disableInput\"\n        [attr.data-test-id]=\"testIds.cancelButton\"\n      >\n        {{ 'listColumn.close' | translate }}\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [attr.modal-primary-focus]=\"true\"\n        [disabled]=\"modalObs.valid === false\"\n        (click)=\"saveCaseListColumns()\"\n        [disabled]=\"\n          modalObs.disableInput || modalObs.valid === false || modalObs.validKey === false\n        \"\n        [attr.data-test-id]=\"testIds.saveButton\"\n      >\n        {{ (modalObs.type === 'create' ? 'interface.create' : 'listColumn.save') | translate }}\n      </button>\n    </ng-container>\n  </cds-modal-footer>\n</ng-template>\n\n<ng-template #deleteModal>\n  <valtimo-confirmation-modal\n    [showModalSubject$]=\"showDeleteModal$\"\n    [outputOnConfirm]=\"deleteRowKey$ | async\"\n    (confirmEvent)=\"deleteRowConfirmation($event)\"\n    confirmButtonTextTranslationKey=\"listColumn.deleteColumn\"\n    titleTranslationKey=\"listColumn.deleteColumn\"\n    contentTranslationKey=\"listColumn.deleteColumnConfirmation\"\n    [attr.data-test-id]=\"testIds.confirmationModal\"\n  ></valtimo-confirmation-modal>\n</ng-template>\n\n<ng-template #viewToggle>\n  <cds-tooltip [description]=\"'JSON editor'\">\n    <button\n      [cdsButton]=\"buttonTheme()\"\n      [attr.data-test-id]=\"testIds.switchView\"\n      iconOnly=\"true\"\n      (click)=\"switchView()\"\n    >\n      <svg cdsIcon=\"code\" size=\"16\"></svg>\n    </button>\n  </cds-tooltip>\n</ng-template>\n\n<ng-template #downloadButton let-obs=\"obs\">\n  <button\n    cdsButton=\"ghost\"\n    iconOnly=\"true\"\n    (click)=\"onDownloadClick()\"\n    [disabled]=\"\n      !obs.downloadUrl ||\n      !obs.downloadName ||\n      obs.caseListColumn?.length < 1 ||\n      obs.disableInput ||\n      obs.loadingCaseListColumns\n    \"\n    [attr.data-test-id]=\"testIds.downloadButton\"\n  >\n    <svg cdsIcon=\"download\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", styles: ["::ng-deep .tab-container{min-height:unset!important}::ng-deep .cds--inline-notification{max-width:100%}.default-sort-disabled-notice{display:block;margin-top:.5rem}::ng-deep .cds--label{width:100%}.label-with-tooltip{display:flex;align-items:center}.display-type-dropdown{width:300px}.list-column-form{display:flex;flex-direction:column;gap:16px;margin-bottom:3rem}.select-label{padding-bottom:.5rem;width:250px}.center-link{display:flex;align-items:center}.case-list-columns__actions{display:flex;gap:8px}.list-columns__buttons{display:flex;gap:16px;flex-direction:row;justify-content:flex-end}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.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: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "component", type: i2.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i2.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "component", type: i2.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i2.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.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.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i2.Checkbox, selector: "cds-checkbox, ibm-checkbox", inputs: ["disabled", "skeleton", "hideLabel", "name", "id", "required", "value", "ariaLabel", "ariaLabelledby", "indeterminate", "checked"], outputs: ["click", "checkedChange", "indeterminateChange"] }, { kind: "component", type: i7.TooltipIconComponent, selector: "v-tooltip-icon", inputs: ["tooltip", "disabled"] }, { kind: "component", type: i7.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["addRowText", "addButtonType", "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: "component", type: i7.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i7.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: i2.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "component", type: i2.Tooltip, selector: "cds-tooltip, ibm-tooltip", inputs: ["id", "enterDelayMs", "leaveDelayMs", "disabled", "description", "templateContext"] }, { kind: "component", type: i7.ValuePathSelectorComponent, selector: "valtimo-value-path-selector", inputs: ["name", "appendInline", "margin", "marginLg", "marginXl", "disabled", "caseDefinitionKey", "caseDefinitionVersionTag", "buildingBlockDefinitionKey", "buildingBlockDefinitionVersionTag", "prefixes", "excludePrefixes", "label", "tooltip", "required", "showCaseDefinitionSelector", "notation", "dropUp", "defaultValue", "type", "parentItem", "filterItems"], outputs: ["valueChangeEvent", "collectionSelected"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: i2.NumberComponent, selector: "cds-number, ibm-number", inputs: ["readonly", "theme", "disabled", "skeleton", "invalid", "id", "placeholder", "size", "required", "value", "min", "max", "label", "helperText", "invalidText", "step", "precision", "warn", "warnText", "ariaLabel", "decrementLabel", "incrementLabel", "fluid"], outputs: ["change"] }, { kind: "component", type: i7.JsonEditorComponent, selector: "valtimo-json-editor", inputs: ["disabled", "model", "editorOptions", "fitPage", "formatOnLoad", "heightPx", "heightStyle", "jsonSchema", "showEditButton", "widthPx"], outputs: ["changeEvent", "discardEvent", "keepEditingEvent", "saveEvent"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: CaseManagementListColumnsComponent, isStandalone: false, selector: "valtimo-case-management-list-columns", 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    caseListColumn: translatedCaseListColumns$ | async,\n    disableInput: disableInput$ | async,\n    downloadName: downloadName$ | async,\n    downloadUrl: downloadUrl$ | async,\n    hasEditPermissions: hasEditPermissions$ | async,\n    jsonEditorModel: jsonEditorModel$ | async,\n    loadingCaseListColumns: loadingCaseListColumns$ | async,\n    params: params$ | async,\n  } as obs\"\n>\n  <ng-container *ngTemplateOutlet=\"content; context: {obs: obs}\"></ng-container>\n\n  <ng-container *ngTemplateOutlet=\"createEditModal\"></ng-container>\n\n  <ng-container *ngTemplateOutlet=\"deleteModal\"></ng-container>\n</ng-container>\n\n<ng-template #content let-obs=\"obs\">\n  @if (!jsonEditorActive()) {\n    <valtimo-carbon-list\n      [actionItems]=\"actionItems\"\n      [loading]=\"obs.loadingCaseListColumns\"\n      [items]=\"obs?.caseListColumn || []\"\n      [fields]=\"fields\"\n      [viewMode]=\"false\"\n      [header]=\"false\"\n      (rowClicked)=\"columnRowClicked($event)\"\n      [dragAndDrop]=\"true\"\n      [dragAndDropDisabled]=\"obs.disableInput\"\n      (itemsReordered)=\"onItemsReordered(obs.params.caseDefinitionKey, $event)\"\n      [attr.data-test-id]=\"testIds.columnsList\"\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  } @else {\n    <valtimo-json-editor\n      [model]=\"obs.jsonEditorModel\"\n      [fitPage]=\"true\"\n      [showEditButton]=\"obs.hasEditPermissions\"\n      (saveEvent)=\"updateCaseListColumns(obs.params.caseDefinitionKey, $event)\"\n      [attr.data-test-id]=\"testIds.jsonEditor\"\n    >\n      <ng-container *ngTemplateOutlet=\"viewToggle\"></ng-container>\n\n      <ng-container *ngTemplateOutlet=\"downloadButton; context: {obs: obs}\"></ng-container>\n    </valtimo-json-editor>\n  }\n</ng-template>\n\n<ng-template #buttons let-obs=\"obs\">\n  <ng-container *ngTemplateOutlet=\"viewToggle\"></ng-container>\n\n  <ng-container *ngTemplateOutlet=\"downloadButton; context: {obs: obs}\"></ng-container>\n\n  <button\n    *ngIf=\"obs.hasEditPermissions\"\n    (click)=\"openModal('create')\"\n    cdsButton=\"primary\"\n    [disabled]=\"obs.loadingCaseListColumns || !(hasEditPermissions$ | async)\"\n    [attr.data-test-id]=\"testIds.addListColumn\"\n  >\n    {{ 'listColumn.addButtonText' | translate }}\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #noConfigWarning>\n  <div class=\"pl-2 pr-2 pb-2 pt-2\">\n    <cds-notification\n      [notificationObj]=\"{\n        type: 'info',\n        title: 'listColumn.noConfigWarningTitle' | translate,\n        message: 'listColumn.noConfigWarning' | translate,\n        showClose: false,\n      }\"\n    >\n    </cds-notification>\n  </div>\n</ng-template>\n\n<ng-template #createEditModal>\n  <cds-modal\n    valtimoCdsModal\n    *ngIf=\"{\n      type: currentModalType$ | async,\n      show: showModal$ | async,\n      valid: valid$ | async,\n      disableInput: disableInput$ | async,\n      validKey: validKey$ | async,\n      disableDefaultSort: disableDefaultSort$ | async,\n      showEnum: showEnum$ | async,\n      isYesNo: isYesNo$ | async,\n      showTagAmount: showTagAmount$ | async,\n      params: params$ | async,\n    } as modalObs\"\n    [open]=\"modalObs.show\"\n    size=\"sm\"\n    (close)=\"closeModal()\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\" [cdsLayer]=\"1\">\n      <h3 cdsModalHeaderHeading>\n        {{\n          modalObs.type === 'create'\n            ? ('listColumn.addButtonText' | translate)\n            : ('listColumn.editColumnTitle' | translate)\n        }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <ng-container *ngTemplateOutlet=\"modalContent; context: {modalObs: modalObs}\"></ng-container>\n    </section>\n    <ng-container *ngTemplateOutlet=\"modalFooter; context: {modalObs: modalObs}\"></ng-container>\n  </cds-modal>\n</ng-template>\n\n<ng-template #modalContent let-modalObs=\"modalObs\">\n  <form [formGroup]=\"formGroup\" class=\"list-column-form\">\n    <cds-label [disabled]=\"modalObs.disableInput\">\n      <span class=\"label-with-tooltip\">\n        {{ 'listColumn.titleTitle' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'listColumn.titleTooltip' | translate\"\n          [disabled]=\"modalObs.disableInput\"\n        ></v-tooltip-icon>\n      </span>\n\n      <input cdsText formControlName=\"title\" [attr.data-test-id]=\"testIds.title\" />\n    </cds-label>\n\n    <cds-label\n      [disabled]=\"modalObs.disableInput || modalObs.type === 'edit'\"\n      [invalid]=\"modalObs.validKey === false\"\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]=\"modalObs.disableInput\"\n        ></v-tooltip-icon>\n      </span>\n\n      <input\n        cdsText\n        formControlName=\"key\"\n        [invalid]=\"modalObs.validKey === false\"\n        [attr.data-test-id]=\"testIds.key\"\n      />\n    </cds-label>\n\n    <cds-label [disabled]=\"modalObs.disableInput\">\n      <span class=\"label-with-tooltip\">\n        {{ 'listColumn.path' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'listColumn.pathTooltip' | translate\"\n          [disabled]=\"modalObs.disableInput\"\n        ></v-tooltip-icon>\n      </span>\n\n      <valtimo-value-path-selector\n        formControlName=\"path\"\n        [caseDefinitionKey]=\"modalObs.params?.caseDefinitionKey\"\n        [caseDefinitionVersionTag]=\"modalObs.params?.caseDefinitionVersionTag\"\n        [excludePrefixes]=\"[ValuePathSelectorPrefix.TASK]\"\n        [attr.data-test-id]=\"testIds.valuePathSelector\"\n      ></valtimo-value-path-selector>\n    </cds-label>\n\n    <cds-label [disabled]=\"modalObs.disableInput\">\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'listColumn.displayType' | translate }}\n        <v-tooltip-icon\n          [tooltip]=\"'listColumn.displayTypeTooltip' | translate\"\n          [disabled]=\"modalObs.disableInput\"\n        ></v-tooltip-icon>\n      </span>\n\n      <cds-dropdown\n        formControlName=\"displayType\"\n        [disabled]=\"modalObs.disableInput\"\n        (selected)=\"selectedDisplayType($event)\"\n        [attr.data-test-id]=\"testIds.displayType\"\n      >\n        <cds-dropdown-list [items]=\"(viewTypeItems$ | async) || []\"></cds-dropdown-list>\n      </cds-dropdown>\n    </cds-label>\n\n    <cds-label *ngIf=\"modalObs.showTagAmount\" [disabled]=\"modalObs.disableInput\">\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'listColumn.tagAmount' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'listColumn.tagAmountTooltip' | translate\"\n          [disabled]=\"modalObs.disableInput\"\n        ></v-tooltip-icon>\n      </span>\n\n      <cds-number\n        formControlName=\"tagAmount\"\n        [min]=\"1\"\n        [step]=\"1\"\n        [attr.data-test-id]=\"testIds.tagAmount\"\n      ></cds-number>\n    </cds-label>\n\n    <cds-label *ngIf=\"showDateFormat$ | async\" [disabled]=\"modalObs.disableInput\">\n      <span class=\"label-with-tooltip\">\n        {{ 'listColumn.dateFormat' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'listColumn.dateFormatTooltip' | translate\"\n          [disabled]=\"modalObs.disableInput\"\n        ></v-tooltip-icon>\n      </span>\n\n      <input cdsText formControlName=\"dateFormat\" [attr.data-test-id]=\"testIds.dateFormat\" />\n    </cds-label>\n\n    <cds-label *ngIf=\"modalObs.showEnum || modalObs.isYesNo\" [disabled]=\"modalObs.disableInput\">\n      <span class=\"label-with-tooltip select-label\">\n        {{\n          modalObs.isYesNo\n            ? ('listColumn.enumTitleOptional' | translate)\n            : ('listColumn.enumTitle' | translate)\n        }}\n\n        <v-tooltip-icon\n          [tooltip]=\"\n            modalObs.isYesNo\n              ? ('listColumn.enumTooltipOptional' | translate)\n              : ('listColumn.enumTooltip' | translate)\n          \"\n          [disabled]=\"modalObs.disableInput\"\n        ></v-tooltip-icon>\n      </span>\n\n      <valtimo-carbon-multi-input\n        *ngIf=\"(showModal$ | async) || (modalShowing$ | async)\"\n        type=\"keyValue\"\n        (valueChange)=\"enumValueChange($event)\"\n        [defaultValues]=\"defaultEnumValues$ | async\"\n        [hideAddButton]=\"modalObs.isYesNo\"\n        [hideDeleteButton]=\"modalObs.isYesNo\"\n        [maxRows]=\"modalObs.isYesNo ? 1 : null\"\n        [keyColumnTitle]=\"modalObs.isYesNo && ('viewTypeConverter.Yes' | translate)\"\n        [valueColumnTitle]=\"modalObs.isYesNo && ('viewTypeConverter.No' | translate)\"\n        [attr.data-test-id]=\"testIds.multiInput\"\n      ></valtimo-carbon-multi-input>\n    </cds-label>\n\n    <cds-checkbox\n      *ngIf=\"displaySortable\"\n      formControlName=\"sortable\"\n      [disabled]=\"modalObs.showTagAmount || modalObs.disableInput\"\n      [attr.data-test-id]=\"testIds.sortableCheckbox\"\n      >{{ 'listColumn.sortable' | translate }}\n    </cds-checkbox>\n\n    <cds-label\n      *ngIf=\"displaySortable\"\n      [disabled]=\"modalObs.disableInput || modalObs.disableDefaultSort || modalObs.showTagAmount\"\n    >\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'listColumn.defaultSortTitle' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'listColumn.defaultSortTooltip' | translate\"\n          [disabled]=\"modalObs.disableInput\"\n        ></v-tooltip-icon>\n      </span>\n\n      <cds-dropdown\n        formControlName=\"defaultSort\"\n        [disabled]=\"modalObs.disableInput || modalObs.disableDefaultSort || modalObs.showTagAmount\"\n        [attr.data-test-id]=\"testIds.defaultSort\"\n      >\n        <cds-dropdown-list [items]=\"(sortItems$ | async) || []\"></cds-dropdown-list>\n      </cds-dropdown>\n\n      <cds-inline-notification\n        *ngIf=\"modalObs.disableDefaultSort && !modalObs.disableInput && !modalObs.showTagAmount\"\n        class=\"default-sort-disabled-notice\"\n        [notificationObj]=\"{\n          type: 'info',\n          title: '',\n          message: ('listColumn.defaultSortDisabledNotice' | translate),\n          showClose: false,\n          lowContrast: true\n        }\"\n      ></cds-inline-notification>\n    </cds-label>\n\n    <cds-label *ngIf=\"displayExportButton\">\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'listColumn.exportField' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'listColumn.exportTooltip' | translate\"\n          [disabled]=\"modalObs.disableInput\"\n        ></v-tooltip-icon>\n      </span>\n\n      <cds-toggle\n        formControlName=\"exportable\"\n        data-testid=\"export-selector-toggle\"\n        [onText]=\"'listColumn.sortableYes' | translate\"\n        [offText]=\"'listColumn.sortableNo' | translate\"\n        [keyColumnTitle]=\"modalObs.isYesNo && ('viewTypeConverter.Yes' | translate)\"\n        [valueColumnTitle]=\"modalObs.isYesNo && ('viewTypeConverter.No' | translate)\"\n        [required]=\"false\"\n        [size]=\"'sm'\"\n        [attr.data-test-id]=\"testIds.exportable\"\n      ></cds-toggle>\n    </cds-label>\n  </form>\n</ng-template>\n\n<ng-template #modalFooter let-modalObs=\"modalObs\">\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <ng-container>\n      <button\n        cdsButton=\"secondary\"\n        [attr.modal-primary-focus]=\"true\"\n        (click)=\"closeModal()\"\n        [disabled]=\"modalObs.disableInput\"\n        [attr.data-test-id]=\"testIds.cancelButton\"\n      >\n        {{ 'listColumn.close' | translate }}\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [attr.modal-primary-focus]=\"true\"\n        [disabled]=\"modalObs.valid === false\"\n        (click)=\"saveCaseListColumns()\"\n        [disabled]=\"\n          modalObs.disableInput || modalObs.valid === false || modalObs.validKey === false\n        \"\n        [attr.data-test-id]=\"testIds.saveButton\"\n      >\n        {{ (modalObs.type === 'create' ? 'interface.create' : 'listColumn.save') | translate }}\n      </button>\n    </ng-container>\n  </cds-modal-footer>\n</ng-template>\n\n<ng-template #deleteModal>\n  <valtimo-confirmation-modal\n    [showModalSubject$]=\"showDeleteModal$\"\n    [outputOnConfirm]=\"deleteRowKey$ | async\"\n    (confirmEvent)=\"deleteRowConfirmation($event)\"\n    confirmButtonTextTranslationKey=\"listColumn.deleteColumn\"\n    titleTranslationKey=\"listColumn.deleteColumn\"\n    contentTranslationKey=\"listColumn.deleteColumnConfirmation\"\n    [attr.data-test-id]=\"testIds.confirmationModal\"\n  ></valtimo-confirmation-modal>\n</ng-template>\n\n<ng-template #viewToggle>\n  <cds-tooltip [description]=\"'JSON editor'\">\n    <button\n      [cdsButton]=\"buttonTheme()\"\n      [attr.data-test-id]=\"testIds.switchView\"\n      iconOnly=\"true\"\n      (click)=\"switchView()\"\n    >\n      <svg cdsIcon=\"code\" size=\"16\"></svg>\n    </button>\n  </cds-tooltip>\n</ng-template>\n\n<ng-template #downloadButton let-obs=\"obs\">\n  <button\n    cdsButton=\"ghost\"\n    iconOnly=\"true\"\n    (click)=\"onDownloadClick()\"\n    [disabled]=\"\n      !obs.downloadUrl ||\n      !obs.downloadName ||\n      obs.caseListColumn?.length < 1 ||\n      obs.disableInput ||\n      obs.loadingCaseListColumns\n    \"\n    [attr.data-test-id]=\"testIds.downloadButton\"\n  >\n    <svg cdsIcon=\"download\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", styles: ["::ng-deep .tab-container{min-height:unset!important}::ng-deep .cds--inline-notification{max-width:100%}.default-sort-disabled-notice{display:block;margin-top:.5rem}::ng-deep .cds--label{width:100%}.label-with-tooltip{display:flex;align-items:center}.display-type-dropdown{width:300px}.list-column-form{display:flex;flex-direction:column;gap:16px;margin-bottom:3rem}.select-label{padding-bottom:.5rem;width:250px}.center-link{display:flex;align-items:center}.case-list-columns__actions{display:flex;gap:8px}.list-columns__buttons{display:flex;gap:16px;flex-direction:row;justify-content:flex-end}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.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: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "component", type: i2.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i2.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "component", type: i2.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i2.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.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.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i2.Checkbox, selector: "cds-checkbox, ibm-checkbox", inputs: ["disabled", "skeleton", "hideLabel", "name", "id", "required", "value", "ariaLabel", "ariaLabelledby", "indeterminate", "checked"], outputs: ["click", "checkedChange", "indeterminateChange"] }, { kind: "component", type: i7.TooltipIconComponent, selector: "v-tooltip-icon", inputs: ["tooltip", "disabled"] }, { kind: "component", type: i7.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["addRowText", "addButtonType", "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: "component", type: i7.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i7.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: i2.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "component", type: i2.Tooltip, selector: "cds-tooltip, ibm-tooltip", inputs: ["id", "enterDelayMs", "leaveDelayMs", "disabled", "description", "templateContext"] }, { kind: "component", type: i7.ValuePathSelectorComponent, selector: "valtimo-value-path-selector", inputs: ["name", "appendInline", "margin", "marginLg", "marginXl", "disabled", "caseDefinitionKey", "caseDefinitionVersionTag", "buildingBlockDefinitionKey", "buildingBlockDefinitionVersionTag", "prefixes", "excludePrefixes", "label", "tooltip", "required", "showCaseDefinitionSelector", "notation", "dropUp", "defaultValue", "type", "parentItem", "filterItems"], outputs: ["valueChangeEvent", "collectionSelected"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: i2.NumberComponent, selector: "cds-number, ibm-number", inputs: ["readonly", "theme", "disabled", "skeleton", "invalid", "id", "placeholder", "size", "required", "value", "min", "max", "label", "helperText", "invalidText", "step", "precision", "warn", "warnText", "ariaLabel", "decrementLabel", "incrementLabel", "fluid"], outputs: ["change"] }, { kind: "component", type: i7.JsonEditorComponent, selector: "valtimo-json-editor", inputs: ["disabled", "model", "editorOptions", "fitPage", "formatOnLoad", "heightPx", "heightStyle", "jsonSchema", "showEditButton", "widthPx"], outputs: ["changeEvent", "discardEvent", "keepEditingEvent", "saveEvent"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementListColumnsComponent, decorators: [{
             type: Component,
@@ -3539,13 +3551,13 @@ class CaseManagementDeploymentComponent {
             return (globalActiveCase?.caseDefinitionKey === caseDefinitionKey &&
                 globalActiveCase?.caseDefinitionVersionTag === caseDefinitionVersionTag);
         }));
-        this._caseDefinitionTitle$ = this.globalActiveCase$.pipe(map(result => result?.name ?? ''));
         this.caseDefinition$ = combineLatest([
             this.caseDefinitionKey$,
             this.caseDefinitionVersionTag$,
         ]).pipe(switchMap(([caseDefinitionKey, caseDefinitionVersionTag]) => this.caseManagementService.getCaseDefinition(caseDefinitionKey, caseDefinitionVersionTag)), tap$1(caseDefinition => {
             this.hasConflictingVersions$.next(!!caseDefinition.conflictingVersions);
-        }));
+        }), shareReplay(1));
+        this._caseDefinitionTitle$ = this.caseDefinition$.pipe(map(caseDefinition => caseDefinition?.name ?? ''));
         this.isDraftVersion$ = combineLatest([
             this.caseDefinitionKey$,
             this.caseDefinitionVersionTag$,
@@ -3628,6 +3640,7 @@ class CaseManagementDeploymentComponent {
     }
     ngOnDestroy() {
         this._subscriptions.unsubscribe();
+        this.breadcrumbService.clearThirdBreadcrumb();
     }
     ngAfterViewInit() {
         this.initBreadcrumbs();
@@ -3915,7 +3928,7 @@ class CaseManagementSelectVersionModalComponent {
         this.closeEvent.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementSelectVersionModalComponent, deps: [{ token: i2$2.ActivatedRoute }, { token: i2$2.Router }, { token: CaseManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CaseManagementSelectVersionModalComponent, isStandalone: false, selector: "valtimo-case-management-select-version-modal", inputs: { open: "open", previousSelectedVersion: "previousSelectedVersion", caseDefinitionKey: "caseDefinitionKey", caseDefinitionTitle: "caseDefinitionTitle" }, outputs: { closeEvent: "closeEvent", selectedVersion: "selectedVersion" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal valtimoCdsModal showFooter=\"true\" [open]=\"open\" (close)=\"onCloseModal()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        'caseManagement.allVersionsModal.title'\n          | translate: {value: (caseDefinitionTitle$ | async) ?? ''}\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <valtimo-carbon-list\n      [hideToolbar]=\"true\"\n      [items]=\"versionItems$ | async\"\n      [fields]=\"FIELDS\"\n      (rowClicked)=\"selectActiveVersion($event)\"\n      [pagination]=\"pagination$ | async\"\n      paginationIdentifier=\"caseManagementList\"\n      (paginationClicked)=\"paginationClicked($event)\"\n      (paginationSet)=\"paginationSet($event)\"\n      cdsLayer=\"1\"\n    >\n      <valtimo-no-results\n        [title]=\"'caseManagement.allVersionsModal.noResults.description' | translate\"\n        [description]=\"'caseManagement.allVersionsModal.noResults.title' | translate\"\n      ></valtimo-no-results>\n    </valtimo-carbon-list>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"onCloseModal()\">\n      {{ 'caseManagement.allVersionsModal.closeButton' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: ["::ng-deep .cds--modal-footer{justify-content:flex-start!important}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i2.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i2.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i7.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CaseManagementSelectVersionModalComponent, isStandalone: false, selector: "valtimo-case-management-select-version-modal", inputs: { open: "open", previousSelectedVersion: "previousSelectedVersion", caseDefinitionKey: "caseDefinitionKey", caseDefinitionTitle: "caseDefinitionTitle" }, outputs: { closeEvent: "closeEvent", selectedVersion: "selectedVersion" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal valtimoCdsModal showFooter=\"true\" [open]=\"open\" (close)=\"onCloseModal()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        'caseManagement.allVersionsModal.title'\n          | translate: {value: (caseDefinitionTitle$ | async) ?? ''}\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <valtimo-carbon-list\n      [hideToolbar]=\"true\"\n      [items]=\"versionItems$ | async\"\n      [fields]=\"FIELDS\"\n      (rowClicked)=\"selectActiveVersion($event)\"\n      [pagination]=\"pagination$ | async\"\n      paginationIdentifier=\"caseManagementList\"\n      (paginationClicked)=\"paginationClicked($event)\"\n      (paginationSet)=\"paginationSet($event)\"\n      cdsLayer=\"1\"\n    >\n      <valtimo-no-results\n        [title]=\"'caseManagement.allVersionsModal.noResults.description' | translate\"\n        [description]=\"'caseManagement.allVersionsModal.noResults.title' | translate\"\n      ></valtimo-no-results>\n    </valtimo-carbon-list>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"onCloseModal()\">\n      {{ 'caseManagement.allVersionsModal.closeButton' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: ["::ng-deep .cds--modal-footer{justify-content:flex-start!important}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i2.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i2.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i7.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementSelectVersionModalComponent, decorators: [{
             type: Component,
@@ -3953,12 +3966,13 @@ class CaseManagementDetailActionsComponent {
     set caseDefinitionKey(value) {
         this.caseDetailService.setSelectedCaseDefinitionKey(value);
     }
-    constructor(document, caseManagementService, caseDetailService, notificationService, iconService, pageHeaderService, route, router, translateService, configurationIssueService) {
+    constructor(document, caseManagementService, caseDetailService, notificationService, iconService, menuService, pageHeaderService, route, router, translateService, configurationIssueService) {
         this.document = document;
         this.caseManagementService = caseManagementService;
         this.caseDetailService = caseDetailService;
         this.notificationService = notificationService;
         this.iconService = iconService;
+        this.menuService = menuService;
         this.pageHeaderService = pageHeaderService;
         this.route = route;
         this.router = router;
@@ -3972,10 +3986,14 @@ class CaseManagementDetailActionsComponent {
         this.exporting$ = new BehaviorSubject(false);
         this.selectedVersionNumber$ = this.caseDetailService.selectedCaseDefinitionVersionTag$;
         this.selectedVersion$ = new BehaviorSubject('');
+        this._refreshGlobalActiveCase$ = new BehaviorSubject(null);
         this.params$ = getCaseManagementRouteParams(this.route).pipe(tap(({ caseDefinitionVersionTag }) => this.selectedVersion$.next(caseDefinitionVersionTag)));
         this.caseDefinitionKey$ = this.params$.pipe(map(params => params.caseDefinitionKey || ''));
         this.caseDefinitionVersionTag$ = this.params$.pipe(map(params => params.caseDefinitionVersionTag || ''));
-        this.globalActiveVersion$ = this.caseDefinitionKey$.pipe(switchMap(caseDefinitionKey => this.caseManagementService.getGlobalActiveCase(caseDefinitionKey).pipe(map(result => result.caseDefinitionVersionTag), catchError(() => of(null)))));
+        this.globalActiveVersion$ = combineLatest([
+            this.caseDefinitionKey$,
+            this._refreshGlobalActiveCase$,
+        ]).pipe(switchMap(([caseDefinitionKey]) => this.caseManagementService.getGlobalActiveCase(caseDefinitionKey).pipe(map(result => result.caseDefinitionVersionTag), catchError(() => of(null)))));
         this.selectedVersionIsGloballyActive$ = combineLatest([
             this.selectedVersion$,
             this.globalActiveVersion$,
@@ -3989,7 +4007,10 @@ class CaseManagementDetailActionsComponent {
         this.loadingVersion$ = new BehaviorSubject(true);
         this.showGlobalVersionModal$ = new BehaviorSubject(false);
         this.showGlobalVersionConfirmationModal$ = new BehaviorSubject(false);
-        this._globalActiveCase$ = this.caseDefinitionKey$.pipe(switchMap(caseDefinitionKey => this.caseManagementService
+        this._globalActiveCase$ = combineLatest([
+            this.caseDefinitionKey$,
+            this._refreshGlobalActiveCase$,
+        ]).pipe(switchMap(([caseDefinitionKey]) => this.caseManagementService
             .getGlobalActiveCase(caseDefinitionKey)
             .pipe(catchError(() => of(null)))));
         this._caseDefinitionTitle$ = this._globalActiveCase$.pipe(map(result => result?.name ?? ''));
@@ -4123,6 +4144,8 @@ class CaseManagementDetailActionsComponent {
             .subscribe({
             next: response => {
                 this.closeCurrentNotification();
+                this._refreshGlobalActiveCase$.next(null);
+                this.menuService.reload();
                 this._currentNotification = this.notificationService.showNotification({
                     type: 'success',
                     title: this.translateService.instant('caseManagement.setGlobalActiveVersionSuccessTitle'),
@@ -4187,7 +4210,7 @@ class CaseManagementDetailActionsComponent {
             relativeTo: this.route,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementDetailActionsComponent, deps: [{ token: DOCUMENT }, { token: CaseManagementService }, { token: CaseDetailService }, { token: i2$1.GlobalNotificationService }, { token: i2.IconService }, { token: i7.PageHeaderService }, { token: i2$2.ActivatedRoute }, { token: i2$2.Router }, { token: i3.TranslateService }, { token: i2$1.ConfigurationIssueService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementDetailActionsComponent, deps: [{ token: DOCUMENT }, { token: CaseManagementService }, { token: CaseDetailService }, { token: i2$1.GlobalNotificationService }, { token: i2.IconService }, { token: i7.MenuService }, { token: i7.PageHeaderService }, { token: i2$2.ActivatedRoute }, { token: i2$2.Router }, { token: i3.TranslateService }, { token: i2$1.ConfigurationIssueService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CaseManagementDetailActionsComponent, isStandalone: false, selector: "valtimo-case-management-detail-actions", inputs: { documentDefinitionTitle: "documentDefinitionTitle", caseDefinitionKey: "caseDefinitionKey" }, outputs: { versionSet: "versionSet" }, viewQueries: [{ propertyName: "_exportMessageTemplateRef", first: true, predicate: ["exportingMessage"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"case-actions\"\n  *ngIf=\"{\n    exporting: exporting$ | async,\n    loadingVersion: loadingVersion$ | async,\n    versionItems: versionSelectorItems$ | async,\n    selectedDocumentDefinition: selectedDocumentDefinition$ | async,\n    selectedDocumentDefinitionIsReadOnly: selectedDocumentDefinitionIsReadOnly$ | async,\n    selectedVersionIsGloballyActive: selectedVersionIsGloballyActive$ | async,\n    setActiveDisabled: setActiveDisabled$ | async,\n    hasUnresolvedConfigurationIssues: hasUnresolvedConfigurationIssues$ | async,\n    compactMode: compactMode$ | async,\n  } as obs\"\n  [ngClass]=\"{'--compact': obs.compactMode}\"\n>\n  <div class=\"case-metadata\">\n    <ng-container *ngTemplateOutlet=\"versionSelection; context: {obs: obs}\"></ng-container>\n\n    <ng-container *ngTemplateOutlet=\"readOnly; context: {obs: obs}\"></ng-container>\n  </div>\n\n  <div class=\"case-buttons\">\n    <ng-container *ngTemplateOutlet=\"deploymentButton; context: {obs: obs}\"></ng-container>\n\n    <ng-container *ngTemplateOutlet=\"exportMenu; context: {obs: obs}\"></ng-container>\n  </div>\n</div>\n\n<ng-template #versionSelection let-obs=\"obs\">\n  <cds-dropdown\n    class=\"version-selector\"\n    [attr.data-test-id]=\"testIds.versionSelectDropdown\"\n    selectionFeedback=\"fixed\"\n    [displayValue]=\"versionItemTemplate\"\n    [size]=\"obs.compactMode ? 'sm' : 'md'\"\n    [appendInline]=\"false\"\n    [disabled]=\"!obs?.versionItems?.length || obs?.versionItems?.length === 1\"\n    [skeleton]=\"obs.loadingVersion\"\n    (selected)=\"selectVersion($event)\"\n  >\n    <cds-dropdown-list\n      [items]=\"obs?.versionItems || []\"\n      [listTpl]=\"versionItemTemplate\"\n    ></cds-dropdown-list>\n  </cds-dropdown>\n</ng-template>\n\n<ng-template #versionItemTemplate let-item=\"item\">\n  <div\n    [attr.data-test-id]=\"item?.['data-test-id']\"\n    *ngIf=\"item?.isAllVersionsOption; else regularVersionTemplate\"\n  >\n    <span>{{ item?.content }}</span>\n    <svg cdsIcon=\"version\" size=\"16\"></svg>\n  </div>\n\n  <ng-template #regularVersionTemplate>\n    <div [attr.data-test-id]=\"item?.['data-test-id']\" class=\"version-selector-dropdown-template\">\n      <cds-tag class=\"cds-tag--no-margin\" [type]=\"item?.tagType\" [title]=\"item?.content\">\n        {{ item?.draft ? 'DRAFT: ' + item?.content : item?.content }}\n      </cds-tag>\n\n      <cds-tag\n        *ngIf=\"item?.active\"\n        [attr.data-test-id]=\"testIds.globallyActiveCaseVersion\"\n        class=\"cds-tag--no-margin\"\n        type=\"high-contrast\"\n      >\n        {{ 'caseManagement.globallyActive' | translate }}\n      </cds-tag>\n    </div>\n  </ng-template>\n</ng-template>\n\n<ng-template #deploymentButton let-obs=\"obs\">\n  <button\n    cdsButton=\"secondary\"\n    [attr.data-test-id]=\"testIds.versionManagementButton\"\n    [size]=\"obs.compactMode ? 'sm' : 'md'\"\n    (click)=\"redirectToDeployment()\"\n  >\n    {{ 'caseManagement.deployment.title' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"deploy\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #exportMenu let-obs=\"obs\">\n  <v-overflow-menu [menuWidth]=\"250\" placement=\"bottom-end\" class=\"overflow-button\">\n    <button\n      overflowTrigger\n      cdsButton=\"tertiary\"\n      [attr.data-test-id]=\"testIds.moreButton\"\n      [size]=\"(compactMode$ | async) ? 'sm' : 'md'\"\n    >\n      {{ 'caseManagement.more' | translate }}\n\n      <svg\n        class=\"cds--btn__icon case-management-overflow-icon\"\n        cdsIcon=\"overflow-menu--vertical\"\n        size=\"16\"\n      ></svg>\n    </button>\n\n    <v-overflow-menu-option\n      [attr.data-test-id]=\"testIds.exportButton\"\n      optionId=\"exportDocumentDefinition\"\n      [disabled]=\"obs.exporting || obs.loadingVersion\"\n      (selected)=\"export()\"\n      >{{ 'caseManagement.export' | translate: {value: documentDefinitionTitle} }}\n    </v-overflow-menu-option>\n\n    <v-overflow-menu-option\n      [attr.data-test-id]=\"testIds.setActiveVersionButton\"\n      optionId=\"setGlobalActiveVersion\"\n      [disabled]=\"obs.setActiveDisabled\"\n      (selected)=\"openGlobalActiveVersionModal()\"\n      >{{ 'caseManagement.setGlobalActiveVersion' | translate }}\n    </v-overflow-menu-option>\n  </v-overflow-menu>\n</ng-template>\n\n<ng-template #exportingMessage>\n  <div class=\"exporting-message\">\n    <span class=\"cds--inline-notification__title\">{{\n      'caseManagement.preparingDownload' | translate\n    }}</span>\n\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n\n<ng-template #readOnly let-obs=\"obs\">\n  <cds-tag *ngIf=\"obs.selectedDocumentDefinitionIsReadOnly\" type=\"blue\">{{\n    'caseManagement.readonly' | translate\n  }}</cds-tag>\n</ng-template>\n\n<valtimo-case-management-select-version-modal\n  [open]=\"showAllVersionsModal$ | async\"\n  [caseDefinitionTitle]=\"_caseDefinitionTitle$ | async\"\n  [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n  [previousSelectedVersion]=\"selectedVersion$ | async\"\n  (closeEvent)=\"closeAllVersionsModal()\"\n  (selectedVersion)=\"selectVersionFromModal($event)\"\n></valtimo-case-management-select-version-modal>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showGlobalVersionModal$\"\n  cancelButtonType=\"ghost\"\n  cancelButtonTextTranslationKey=\"caseManagement.globalActiveVersionModal.cancel\"\n  confirmButtonTextTranslationKey=\"caseManagement.globalActiveVersionModal.continue\"\n  titleTranslationKey=\"caseManagement.globalActiveVersionModal.title\"\n  contentTranslationKey=\"caseManagement.globalActiveVersionModal.description\"\n  (cancelEvent)=\"closeGlobalVersionCaseModal()\"\n  (confirmEvent)=\"openGlobalCaseVersionConfirmationModal()\"\n>\n  <cds-notification\n    *ngIf=\"isOlderVersionSelected$ | async\"\n    class=\"full-width-notification\"\n    [notificationObj]=\"{\n      type: 'warning',\n      title: 'caseManagement.globalActiveVersionModal.warningTitle' | translate,\n      message: 'caseManagement.globalActiveVersionModal.warningMessage' | translate,\n      showClose: false,\n      lowContrast: true,\n    }\"\n  >\n  </cds-notification>\n</valtimo-confirmation-modal>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showGlobalVersionConfirmationModal$\"\n  cancelButtonType=\"ghost\"\n  cancelButtonTextTranslationKey=\"caseManagement.confirmationGlobalVersionModal.cancel\"\n  confirmButtonType=\"danger\"\n  confirmButtonTextTranslationKey=\"caseManagement.confirmationGlobalVersionModal.confirm\"\n  contentTranslationKey=\"caseManagement.confirmationGlobalVersionModal.description\"\n  titleTranslationKey=\"caseManagement.confirmationGlobalVersionModal.title\"\n  (cancelEvent)=\"closeGlobalCaseConfirmationModal()\"\n  (confirmEvent)=\"setGlobalActiveCaseVersion()\"\n></valtimo-confirmation-modal>\n", styles: [".case-actions{display:flex;width:100%;justify-content:space-between;align-items:flex-end}.case-actions.--compact{align-items:center}.case-actions ::ng-deep .version-selection{width:160px}.case-actions ::ng-deep .version-selection .cds--list-box__selection{display:none}.exporting-message{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px}.case-metadata{display:flex;gap:24px;align-items:flex-end}.case-buttons{display:flex;align-items:center;gap:16px}::ng-deep .version-selector{margin-bottom:0;width:300px}::ng-deep .version-selector-dropdown-template{display:flex}::ng-deep .version-selector-dropdown-template .cds--tag{margin:0 8px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:24px;max-width:100%}::ng-deep .cds--list-box__field{display:flex;justify-content:space-between}::ng-deep .cds--list-box__menu-item__option{display:flex;justify-content:space-between;padding-inline-end:0}::ng-deep .cds--list-box__menu-item__option>div{margin-top:-4px}.full-width-notification{max-inline-size:100%;min-inline-size:100%}.case-management-overflow-icon{fill:var(--vcds-color-60)!important}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2.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.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i7.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: i7.OverflowMenuComponent, selector: "v-overflow-menu", inputs: ["open", "placement", "menuWidth", "offsetX", "offsetY", "closeOnSelect", "useHostAsReference", "portalToBody"], outputs: ["openChange"] }, { kind: "component", type: i7.OverflowMenuOptionComponent, selector: "v-overflow-menu-option", inputs: ["disabled", "type", "testId", "optionId"], outputs: ["selected"] }, { kind: "component", type: i2.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "component", type: CaseManagementSelectVersionModalComponent, selector: "valtimo-case-management-select-version-modal", inputs: ["open", "previousSelectedVersion", "caseDefinitionKey", "caseDefinitionTitle"], outputs: ["closeEvent", "selectedVersion"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementDetailActionsComponent, decorators: [{
@@ -4196,7 +4219,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
         }], ctorParameters: () => [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
-                }] }, { type: CaseManagementService }, { type: CaseDetailService }, { type: i2$1.GlobalNotificationService }, { type: i2.IconService }, { type: i7.PageHeaderService }, { type: i2$2.ActivatedRoute }, { type: i2$2.Router }, { type: i3.TranslateService }, { type: i2$1.ConfigurationIssueService }], propDecorators: { _exportMessageTemplateRef: [{
+                }] }, { type: CaseManagementService }, { type: CaseDetailService }, { type: i2$1.GlobalNotificationService }, { type: i2.IconService }, { type: i7.MenuService }, { type: i7.PageHeaderService }, { type: i2$2.ActivatedRoute }, { type: i2$2.Router }, { type: i3.TranslateService }, { type: i2$1.ConfigurationIssueService }], propDecorators: { _exportMessageTemplateRef: [{
                 type: ViewChild,
                 args: ['exportingMessage']
             }], documentDefinitionTitle: [{
@@ -4223,8 +4246,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * limitations under the License.
  */
 class CaseManagementDetailComponent {
-    constructor(route, caseDetailService, caseManagementService, configService, configurationIssueService, iconService, pageTitleService, router, sseService, tabService) {
+    constructor(route, breadcrumbService, caseDetailService, caseManagementService, configService, configurationIssueService, iconService, pageTitleService, router, sseService, tabService) {
         this.route = route;
+        this.breadcrumbService = breadcrumbService;
         this.caseDetailService = caseDetailService;
         this.caseManagementService = caseManagementService;
         this.configService = configService;
@@ -4259,22 +4283,31 @@ class CaseManagementDetailComponent {
         this.iconService.registerAll([WarningFilled16]);
     }
     ngOnInit() {
-        this._subscriptions.add(this.caseDetailService.documentDefinition$.subscribe((documentDefinition) => {
-            if (!documentDefinition)
-                return;
-            this.pageTitleService.setCustomPageTitle(documentDefinition.schema.title);
-        }));
         this.openActiveVersionSubscription();
         this.openConfigurationIssueSseSubscription();
         this.openConfigurationIssueSubscription();
         this.pageTitleService.disableReset();
         this.openParamsSubscription();
+        this.openBreadcrumbSubscription();
     }
     ngOnDestroy() {
         this.tabService.currentTab = TabEnum.GENERAL;
         this._subscriptions.unsubscribe();
         this.pageTitleService.enableReset();
         this.configurationIssueService.setUnresolvedIssueTypes([]);
+        this.breadcrumbService.clearThirdBreadcrumb();
+    }
+    openBreadcrumbSubscription() {
+        this._subscriptions.add(this.caseDetailService.caseDefinition$.subscribe(caseDefinition => {
+            if (!caseDefinition)
+                return;
+            const route = `/case-management/case/${caseDefinition.caseDefinitionKey}/version/${caseDefinition.caseDefinitionVersionTag}`;
+            this.breadcrumbService.setThirdBreadcrumb({
+                route: [route],
+                content: caseDefinition.name,
+                href: route,
+            });
+        }));
     }
     hasTabIssues$(issueTypes) {
         const cacheKey = issueTypes.slice().sort().join(',');
@@ -4338,13 +4371,13 @@ class CaseManagementDetailComponent {
         //TODO: Fix pending changes with new routing
         // this._documentDefinitionTab?.onCanDeactivate();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementDetailComponent, deps: [{ token: i2$2.ActivatedRoute }, { token: CaseDetailService }, { token: CaseManagementService }, { token: i2$1.ConfigService }, { token: i2$1.ConfigurationIssueService }, { token: i2.IconService }, { token: i7.PageTitleService }, { token: i2$2.Router }, { token: i7$1.SseService }, { token: TabService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementDetailComponent, deps: [{ token: i2$2.ActivatedRoute }, { token: i7.BreadcrumbService }, { token: CaseDetailService }, { token: CaseManagementService }, { token: i2$1.ConfigService }, { token: i2$1.ConfigurationIssueService }, { token: i2.IconService }, { token: i7.PageTitleService }, { token: i2$2.Router }, { token: i7$1.SseService }, { token: TabService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: CaseManagementDetailComponent, isStandalone: false, selector: "ng-component", providers: [CaseDetailService], viewQueries: [{ propertyName: "_tabs", predicate: Tab, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"{\n    currentTab: currentTab$ | async,\n    injectedTabs: injectedCaseManagementTabs$ | async,\n  } as obs\"\n  class=\"case-management-detail-container\"\n>\n  @if (configurationIssues$ | async; as issues) {\n    @if (issues.length > 0) {\n      <cds-notification\n        class=\"environment-config-warning\"\n        [notificationObj]=\"{\n          type: 'warning',\n          title: ('caseManagement.environmentConfig.bannerTitle' | translate),\n          message: ('caseManagement.environmentConfig.bannerMessage' | translate),\n          showClose: false,\n          lowContrast: true\n        }\"\n      ></cds-notification>\n    }\n  }\n\n  <cds-tabs class=\"case-management-tabs\" type=\"inline\" [attr.data-test-id]=\"testIds.tabs\">\n    <ng-template #generalTabHeading>\n      {{ 'caseManagement.tabs.general' | translate }}\n      @if (hasPluginProcessLinkIssue$ | async) {\n        <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tab-warning-icon\"></svg>\n      }\n    </ng-template>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.GENERAL\"\n      [active]=\"obs.currentTab === TabEnum.GENERAL\"\n      [heading]=\"generalTabHeading\"\n      [title]=\"'caseManagement.tabs.general' | translate\"\n      (selected)=\"navigateToTab(TabEnum.GENERAL)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.PROCESSES\"\n      [active]=\"obs.currentTab === TabEnum.PROCESSES\"\n      [heading]=\"'caseManagement.tabs.processes' | translate\"\n      (selected)=\"navigateToTab(TabEnum.PROCESSES)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.ACTIONS\"\n      [active]=\"obs.currentTab === TabEnum.ACTIONS\"\n      [heading]=\"'caseManagement.tabs.actions' | translate\"\n      (selected)=\"navigateToTab(TabEnum.ACTIONS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.DECISIONS\"\n      [active]=\"obs.currentTab === TabEnum.DECISIONS\"\n      [heading]=\"'caseManagement.tabs.decision' | translate\"\n      (selected)=\"navigateToTab(TabEnum.DECISIONS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.DOCUMENT\"\n      [active]=\"obs.currentTab === TabEnum.DOCUMENT\"\n      [heading]=\"'caseManagement.tabs.document' | translate\"\n      (selected)=\"navigateToTab(TabEnum.DOCUMENT)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.FORMS\"\n      [active]=\"obs.currentTab === TabEnum.FORMS\"\n      [heading]=\"'caseManagement.tabs.forms' | translate\"\n      (selected)=\"navigateToTab(TabEnum.FORMS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.FORM_FLOWS\"\n      [active]=\"obs.currentTab === TabEnum.FORM_FLOWS\"\n      [heading]=\"'caseManagement.tabs.formFlows' | translate\"\n      (selected)=\"navigateToTab(TabEnum.FORM_FLOWS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.TASKS\"\n      [active]=\"obs.currentTab === TabEnum.TASKS\"\n      [heading]=\"'caseManagement.tabs.tasks' | translate\"\n      (selected)=\"navigateToTab(TabEnum.TASKS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"main-content no-padding-left-right no-padding-bottom\"\n      [id]=\"TabEnum.CASE_LIST\"\n      [active]=\"obs.currentTab === TabEnum.CASE_LIST\"\n      [heading]=\"'caseManagement.tabs.caseListTab.title' | translate\"\n      (selected)=\"navigateToTab(TabEnum.CASE_LIST)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"main-content no-padding-left-right no-padding-bottom\"\n      [id]=\"TabEnum.CASE_DETAILS\"\n      [active]=\"obs.currentTab === TabEnum.CASE_DETAILS\"\n      [heading]=\"'caseManagement.tabs.caseDetailsTab.title' | translate\"\n      (selected)=\"navigateToTab(TabEnum.CASE_DETAILS)\"\n    >\n    </cds-tab>\n\n    @for (injectedTab of obs.injectedTabs; track injectedTab.translationKey) {\n      @if (injectedTab.enabled$ | async) {\n        <ng-template #injectedTabHeading>\n          {{ injectedTab.translationKey | translate }}\n          @if (injectedTab.issueTypes?.length && (hasTabIssues$(injectedTab.issueTypes) | async)) {\n            <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tab-warning-icon\"></svg>\n          }\n        </ng-template>\n\n        <cds-tab\n          class=\"no-padding-left-right no-padding-top-bottom\"\n          [active]=\"obs.currentTab === (injectedTab.tabRoute ?? injectedTab.translationKey)\"\n          [heading]=\"injectedTabHeading\"\n          [title]=\"injectedTab.translationKey | translate\"\n          (selected)=\"navigateToTab(injectedTab.tabRoute ?? injectedTab.translationKey)\"\n        >\n        </cds-tab>\n      }\n    }\n  </cds-tabs>\n\n  <div class=\"case-management-detail-container__content\">\n    <router-outlet></router-outlet>\n  </div>\n</div>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <valtimo-case-management-detail-actions\n      [documentDefinitionTitle]=\"documentDefinitionTitle$ | async\"\n      [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n      (versionSet)=\"onVersionSet($event)\"\n    ></valtimo-case-management-detail-actions>\n  </ng-template>\n</ng-container>\n", styles: ["::ng-deep .case-management-tabs .cds--tab-content{background-color:var(--cds-layer);padding:0!important;margin-top:24px}::ng-deep .case-management-tabs .cds--tab-content:focus{outline:none}::ng-deep .case-management-tabs .no-padding-left-right .cds--tab-content{padding-left:0;padding-right:0}::ng-deep .case-management-tabs .no-padding-top-bottom .cds--tab-content{padding-top:0;padding-bottom:0}::ng-deep .case-management-tabs .no-padding-bottom .cds--tab-content{padding-bottom:0}.tab-container{min-height:300px}.case-management-detail-container{display:flex;flex-direction:column;width:100%}.environment-config-warning{max-width:100%;margin-bottom:16px}.tab-warning-icon{margin-left:4px;vertical-align:middle;fill:var(--cds-support-warning)}.tab-warning-icon ::ng-deep [data-icon-path=inner-path]{fill:#000;opacity:1}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i2.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "directive", type: i7.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: i2.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i2.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "component", type: CaseManagementDetailActionsComponent, selector: "valtimo-case-management-detail-actions", inputs: ["documentDefinitionTitle", "caseDefinitionKey"], outputs: ["versionSet"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementDetailComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, providers: [CaseDetailService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"{\n    currentTab: currentTab$ | async,\n    injectedTabs: injectedCaseManagementTabs$ | async,\n  } as obs\"\n  class=\"case-management-detail-container\"\n>\n  @if (configurationIssues$ | async; as issues) {\n    @if (issues.length > 0) {\n      <cds-notification\n        class=\"environment-config-warning\"\n        [notificationObj]=\"{\n          type: 'warning',\n          title: ('caseManagement.environmentConfig.bannerTitle' | translate),\n          message: ('caseManagement.environmentConfig.bannerMessage' | translate),\n          showClose: false,\n          lowContrast: true\n        }\"\n      ></cds-notification>\n    }\n  }\n\n  <cds-tabs class=\"case-management-tabs\" type=\"inline\" [attr.data-test-id]=\"testIds.tabs\">\n    <ng-template #generalTabHeading>\n      {{ 'caseManagement.tabs.general' | translate }}\n      @if (hasPluginProcessLinkIssue$ | async) {\n        <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tab-warning-icon\"></svg>\n      }\n    </ng-template>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.GENERAL\"\n      [active]=\"obs.currentTab === TabEnum.GENERAL\"\n      [heading]=\"generalTabHeading\"\n      [title]=\"'caseManagement.tabs.general' | translate\"\n      (selected)=\"navigateToTab(TabEnum.GENERAL)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.PROCESSES\"\n      [active]=\"obs.currentTab === TabEnum.PROCESSES\"\n      [heading]=\"'caseManagement.tabs.processes' | translate\"\n      (selected)=\"navigateToTab(TabEnum.PROCESSES)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.ACTIONS\"\n      [active]=\"obs.currentTab === TabEnum.ACTIONS\"\n      [heading]=\"'caseManagement.tabs.actions' | translate\"\n      (selected)=\"navigateToTab(TabEnum.ACTIONS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.DECISIONS\"\n      [active]=\"obs.currentTab === TabEnum.DECISIONS\"\n      [heading]=\"'caseManagement.tabs.decision' | translate\"\n      (selected)=\"navigateToTab(TabEnum.DECISIONS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.DOCUMENT\"\n      [active]=\"obs.currentTab === TabEnum.DOCUMENT\"\n      [heading]=\"'caseManagement.tabs.document' | translate\"\n      (selected)=\"navigateToTab(TabEnum.DOCUMENT)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.FORMS\"\n      [active]=\"obs.currentTab === TabEnum.FORMS\"\n      [heading]=\"'caseManagement.tabs.forms' | translate\"\n      (selected)=\"navigateToTab(TabEnum.FORMS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.FORM_FLOWS\"\n      [active]=\"obs.currentTab === TabEnum.FORM_FLOWS\"\n      [heading]=\"'caseManagement.tabs.formFlows' | translate\"\n      (selected)=\"navigateToTab(TabEnum.FORM_FLOWS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.TASKS\"\n      [active]=\"obs.currentTab === TabEnum.TASKS\"\n      [heading]=\"'caseManagement.tabs.tasks' | translate\"\n      (selected)=\"navigateToTab(TabEnum.TASKS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"main-content no-padding-left-right no-padding-bottom\"\n      [id]=\"TabEnum.CASE_LIST\"\n      [active]=\"obs.currentTab === TabEnum.CASE_LIST\"\n      [heading]=\"'caseManagement.tabs.caseListTab.title' | translate\"\n      (selected)=\"navigateToTab(TabEnum.CASE_LIST)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"main-content no-padding-left-right no-padding-bottom\"\n      [id]=\"TabEnum.CASE_DETAILS\"\n      [active]=\"obs.currentTab === TabEnum.CASE_DETAILS\"\n      [heading]=\"'caseManagement.tabs.caseDetailsTab.title' | translate\"\n      (selected)=\"navigateToTab(TabEnum.CASE_DETAILS)\"\n    >\n    </cds-tab>\n\n    @for (injectedTab of obs.injectedTabs; track injectedTab.translationKey) {\n      @if (injectedTab.enabled$ | async) {\n        <ng-template #injectedTabHeading>\n          {{ injectedTab.translationKey | translate }}\n          @if (injectedTab.issueTypes?.length && (hasTabIssues$(injectedTab.issueTypes) | async)) {\n            <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tab-warning-icon\"></svg>\n          }\n        </ng-template>\n\n        <cds-tab\n          class=\"no-padding-left-right no-padding-top-bottom\"\n          [active]=\"obs.currentTab === (injectedTab.tabRoute ?? injectedTab.translationKey)\"\n          [heading]=\"injectedTabHeading\"\n          [title]=\"injectedTab.translationKey | translate\"\n          (selected)=\"navigateToTab(injectedTab.tabRoute ?? injectedTab.translationKey)\"\n        >\n        </cds-tab>\n      }\n    }\n  </cds-tabs>\n\n  <div class=\"case-management-detail-container__content\">\n    <router-outlet></router-outlet>\n  </div>\n</div>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <valtimo-case-management-detail-actions\n      [documentDefinitionTitle]=\"documentDefinitionTitle$ | async\"\n      [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n      (versionSet)=\"onVersionSet($event)\"\n    ></valtimo-case-management-detail-actions>\n  </ng-template>\n</ng-container>\n", styles: ["::ng-deep .case-management-tabs .cds--tab-content{background-color:var(--cds-layer);padding:0!important;margin-top:24px}::ng-deep .case-management-tabs .cds--tab-content:focus{outline:none}::ng-deep .case-management-tabs .no-padding-left-right .cds--tab-content{padding-left:0;padding-right:0}::ng-deep .case-management-tabs .no-padding-top-bottom .cds--tab-content{padding-top:0;padding-bottom:0}::ng-deep .case-management-tabs .no-padding-bottom .cds--tab-content{padding-bottom:0}.tab-container{min-height:300px}.case-management-detail-container{display:flex;flex-direction:column;width:100%}.environment-config-warning{max-width:100%;margin-bottom:16px}.tab-warning-icon{margin-left:4px;vertical-align:middle;fill:var(--cds-support-warning)}.tab-warning-icon ::ng-deep [data-icon-path=inner-path]{fill:#000;opacity:1}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i2$2.ActivatedRoute }, { type: CaseDetailService }, { type: CaseManagementService }, { type: i2$1.ConfigService }, { type: i2$1.ConfigurationIssueService }, { type: i2.IconService }, { type: i7.PageTitleService }, { type: i2$2.Router }, { type: i7$1.SseService }, { type: TabService }], propDecorators: { _tabs: [{
+        }], ctorParameters: () => [{ type: i2$2.ActivatedRoute }, { type: i7.BreadcrumbService }, { type: CaseDetailService }, { type: CaseManagementService }, { type: i2$1.ConfigService }, { type: i2$1.ConfigurationIssueService }, { type: i2.IconService }, { type: i7.PageTitleService }, { type: i2$2.Router }, { type: i7$1.SseService }, { type: TabService }], propDecorators: { _tabs: [{
                 type: ViewChildren,
                 args: [Tab]
             }] } });
@@ -5096,6 +5129,7 @@ class CaseManagementWidgetTabComponent extends ManagementWidgetDetailsComponent
             WidgetType.METROLINE,
             WidgetType.HIGHLIGHT,
             WidgetType.IMAGE,
+            WidgetType.TEXT,
         ];
     }
     ngOnInit() {
@@ -5662,7 +5696,7 @@ class CaseManagementActionsComponent {
         ]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementActionsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i2$2.ActivatedRoute }, { token: StartableItemManagementService }, { token: i2$1.EditPermissionsService }, { token: i4$1.ProcessLinkStateService }, { token: i4$1.ProcessLinkStepService }, { token: i4$1.BuildingBlockStateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CaseManagementActionsComponent, isStandalone: true, selector: "valtimo-case-management-actions", providers: [StartableItemManagementService, ProcessLinkStateService, ProcessLinkStepService, ProcessLinkButtonService], viewQueries: [{ propertyName: "typeColumnTemplate", first: true, predicate: ["typeColumn"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    routeParams: caseManagementRouteParams$ | async,\n    hasEditPermissions: hasEditPermissions$ | async,\n  } as obs\"\n>\n  <cds-inline-notification\n    [notificationObj]=\"{\n      type: 'info',\n      title: '',\n      message: ('caseManagement.actions.infoNotification.message' | translate),\n      showClose: false,\n      lowContrast: true\n    }\"\n  ></cds-inline-notification>\n\n  <valtimo-carbon-list\n    *ngIf=\"{fields: fields$ | async, loading: loading$ | async, items: items$ | async} as listObs\"\n    [items]=\"listObs.items\"\n    [fields]=\"listObs.fields\"\n    [header]=\"false\"\n    [loading]=\"listObs.loading\"\n    [dragAndDrop]=\"true\"\n    [dragAndDropDisabled]=\"dragAndDropDisabled() || !obs.hasEditPermissions\"\n    [actionItems]=\"ACTION_ITEMS\"\n    [showActionItems]=\"obs.hasEditPermissions\"\n    (rowClicked)=\"onRowClicked($event)\"\n    (itemsReordered)=\"onItemsReorderedEvent($event)\"\n  >\n    <ng-container carbonToolbarContent>\n      <ng-container [ngTemplateOutlet]=\"addItemButton\"></ng-container>\n    </ng-container>\n\n    <valtimo-no-results\n      [action]=\"addItemButton\"\n      [description]=\"'caseManagement.actions.noResultsDescription' | translate\"\n      [title]=\"'caseManagement.actions.noResults' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <ng-template #typeColumn let-data=\"data\">\n    <cds-tag\n      class=\"cds-tag--no-margin\"\n      [type]=\"data.item.type === StartableItemType.PROCESS ? 'blue' : 'purple'\"\n    >\n      {{ 'caseManagement.actions.type.' + data.item.type | translate }}\n    </cds-tag>\n  </ng-template>\n\n  <ng-template #addItemButton>\n    <button\n      *ngIf=\"obs.hasEditPermissions\"\n      cdsButton=\"primary\"\n      (click)=\"onAddItemClick()\"\n    >\n      {{ 'caseManagement.actions.addItem' | translate }}\n\n      <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n  </ng-template>\n</ng-container>\n\n<valtimo-case-management-actions-modal\n  (configureBuildingBlockEvent)=\"onConfigureBuildingBlock($event)\"\n></valtimo-case-management-actions-modal>\n\n<valtimo-process-link-modal></valtimo-process-link-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"caseManagement.actions.deleteModal.content\"\n  [outputOnConfirm]=\"itemToDelete$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"caseManagement.actions.deleteModal.title\"\n  (confirmEvent)=\"onDeleteConfirm($event)\"\n></valtimo-confirmation-modal>\n", styles: [":host ::ng-deep cds-inline-notification{max-inline-size:unset;margin-bottom:16px}:host ::ng-deep .cds-tag--no-margin{margin:0}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: 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: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i7.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "component", type: i2.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i2.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "component", type: CaseManagementActionsModalComponent, selector: "valtimo-case-management-actions-modal", outputs: ["configureBuildingBlockEvent"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i7.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "ngmodule", type: ProcessLinkModule }, { kind: "component", type: i4$1.ProcessLinkModalComponent, selector: "valtimo-process-link-modal" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CaseManagementActionsComponent, isStandalone: true, selector: "valtimo-case-management-actions", providers: [StartableItemManagementService, ProcessLinkStateService, ProcessLinkStepService, ProcessLinkButtonService], viewQueries: [{ propertyName: "typeColumnTemplate", first: true, predicate: ["typeColumn"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    routeParams: caseManagementRouteParams$ | async,\n    hasEditPermissions: hasEditPermissions$ | async,\n  } as obs\"\n>\n  <cds-inline-notification\n    [notificationObj]=\"{\n      type: 'info',\n      title: '',\n      message: ('caseManagement.actions.infoNotification.message' | translate),\n      showClose: false,\n      lowContrast: true\n    }\"\n  ></cds-inline-notification>\n\n  <valtimo-carbon-list\n    *ngIf=\"{fields: fields$ | async, loading: loading$ | async, items: items$ | async} as listObs\"\n    [items]=\"listObs.items\"\n    [fields]=\"listObs.fields\"\n    [header]=\"false\"\n    [loading]=\"listObs.loading\"\n    [dragAndDrop]=\"true\"\n    [dragAndDropDisabled]=\"dragAndDropDisabled() || !obs.hasEditPermissions\"\n    [actionItems]=\"ACTION_ITEMS\"\n    [showActionItems]=\"obs.hasEditPermissions\"\n    (rowClicked)=\"onRowClicked($event)\"\n    (itemsReordered)=\"onItemsReorderedEvent($event)\"\n  >\n    <ng-container carbonToolbarContent>\n      <ng-container [ngTemplateOutlet]=\"addItemButton\"></ng-container>\n    </ng-container>\n\n    <valtimo-no-results\n      [action]=\"addItemButton\"\n      [description]=\"'caseManagement.actions.noResultsDescription' | translate\"\n      [title]=\"'caseManagement.actions.noResults' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <ng-template #typeColumn let-data=\"data\">\n    <cds-tag\n      class=\"cds-tag--no-margin\"\n      [type]=\"data.item.type === StartableItemType.PROCESS ? 'blue' : 'purple'\"\n    >\n      {{ 'caseManagement.actions.type.' + data.item.type | translate }}\n    </cds-tag>\n  </ng-template>\n\n  <ng-template #addItemButton>\n    <button\n      *ngIf=\"obs.hasEditPermissions\"\n      cdsButton=\"primary\"\n      (click)=\"onAddItemClick()\"\n    >\n      {{ 'caseManagement.actions.addItem' | translate }}\n\n      <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n  </ng-template>\n</ng-container>\n\n<valtimo-case-management-actions-modal\n  (configureBuildingBlockEvent)=\"onConfigureBuildingBlock($event)\"\n></valtimo-case-management-actions-modal>\n\n<valtimo-process-link-modal></valtimo-process-link-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"caseManagement.actions.deleteModal.content\"\n  [outputOnConfirm]=\"itemToDelete$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"caseManagement.actions.deleteModal.title\"\n  (confirmEvent)=\"onDeleteConfirm($event)\"\n></valtimo-confirmation-modal>\n", styles: [":host ::ng-deep cds-inline-notification{max-inline-size:unset;margin-bottom:16px}:host ::ng-deep .cds-tag--no-margin{margin:0}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: 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: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i7.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "component", type: i2.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i2.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "component", type: CaseManagementActionsModalComponent, selector: "valtimo-case-management-actions-modal", outputs: ["configureBuildingBlockEvent"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i7.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "ngmodule", type: ProcessLinkModule }, { kind: "component", type: i4$1.ProcessLinkModalComponent, selector: "valtimo-process-link-modal" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementActionsComponent, decorators: [{
             type: Component,
@@ -6376,7 +6410,7 @@ class CaseManagementListComponent {
         this.showCreateModal$.next(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementListComponent, deps: [{ token: CaseManagementService }, { token: i2.IconService }, { token: i7.MenuService }, { token: i2$2.ActivatedRoute }, { token: i2$2.Router }, { token: i2$1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: CaseManagementListComponent, isStandalone: false, selector: "valtimo-case-management-list", viewQueries: [{ propertyName: "statusColumnTemplate", first: true, predicate: ["statusColumnTemplate"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-carbon-list\n  [items]=\"caseListItems$ | async\"\n  [fields]=\"fields$ | async\"\n  (rowClicked)=\"redirectToDetails($event)\"\n  [pagination]=\"pagination$ | async\"\n  paginationIdentifier=\"caseManagementList\"\n  (paginationClicked)=\"paginationClicked($event)\"\n  (paginationSet)=\"paginationSet($event)\"\n>\n  <ng-container carbonToolbarContent [ngTemplateOutlet]=\"importCaseDefinitionButton\"></ng-container>\n\n  <valtimo-no-results\n    [action]=\"importCaseDefinitionButton\"\n    [description]=\"'caseManagement.noResults.description' | translate\"\n    [title]=\"'caseManagement.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\n<valtimo-case-management-upload\n  [open]=\"showUploadModal$ | async\"\n  (closeModal)=\"onCloseUploadModal($event)\"\n></valtimo-case-management-upload>\n\n<valtimo-case-management-create\n  [open]=\"showCreateModal$ | async\"\n  (closeModal)=\"onCloseCreateModal($event)\"\n></valtimo-case-management-create>\n\n<ng-template #statusColumnTemplate let-data=\"data\">\n  @if (!data?.item?.active) {\n    <cds-tag type=\"purple\" class=\"cds-tag--no-margin\">\n      {{ 'caseManagement.inactive' | translate }}\n    </cds-tag>\n  }\n  @if (data?.item?.hasConfigurationIssues) {\n    <cds-tag type=\"red\" class=\"cds-tag--no-margin\">\n      {{ 'caseManagement.needsConfiguration' | translate }}\n    </cds-tag>\n  }\n</ng-template>\n\n<ng-template #importCaseDefinitionButton>\n  <div class=\"valtimo-case-management-list__actions\">\n    <button [attr.data-test-id]=\"testIds.uploadButton\" cdsButton=\"ghost\" (click)=\"showUploadModal()\">\n      {{ 'Upload' | translate }}\n\n      <svg cdsIcon=\"upload\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n\n    <button\n      *ngIf=\"canUpdateGlobalConfiguration$ | async\"\n      [attr.data-test-id]=\"testIds.createButton\"\n      cdsButton=\"primary\"\n      (click)=\"showCreateModal()\"\n    >\n      {{ 'interface.create' | translate }}\n\n      <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n  </div>\n</ng-template>\n", styles: [".valtimo-case-management-list__actions{display:flex}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i7.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: i2.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "component", type: CaseManagementUploadComponent, selector: "valtimo-case-management-upload", inputs: ["open"], outputs: ["closeModal"] }, { kind: "component", type: CaseManagementCreateComponent, selector: "valtimo-case-management-create", inputs: ["open"], outputs: ["closeModal"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: CaseManagementListComponent, isStandalone: false, selector: "valtimo-case-management-list", viewQueries: [{ propertyName: "statusColumnTemplate", first: true, predicate: ["statusColumnTemplate"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-carbon-list\n  [items]=\"caseListItems$ | async\"\n  [fields]=\"fields$ | async\"\n  (rowClicked)=\"redirectToDetails($event)\"\n  [pagination]=\"pagination$ | async\"\n  paginationIdentifier=\"caseManagementList\"\n  (paginationClicked)=\"paginationClicked($event)\"\n  (paginationSet)=\"paginationSet($event)\"\n>\n  <ng-container carbonToolbarContent [ngTemplateOutlet]=\"importCaseDefinitionButton\"></ng-container>\n\n  <valtimo-no-results\n    [action]=\"importCaseDefinitionButton\"\n    [description]=\"'caseManagement.noResults.description' | translate\"\n    [title]=\"'caseManagement.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\n<valtimo-case-management-upload\n  [open]=\"showUploadModal$ | async\"\n  (closeModal)=\"onCloseUploadModal($event)\"\n></valtimo-case-management-upload>\n\n<valtimo-case-management-create\n  [open]=\"showCreateModal$ | async\"\n  (closeModal)=\"onCloseCreateModal($event)\"\n></valtimo-case-management-create>\n\n<ng-template #statusColumnTemplate let-data=\"data\">\n  @if (!data?.item?.active) {\n    <cds-tag type=\"purple\" class=\"cds-tag--no-margin\">\n      {{ 'caseManagement.inactive' | translate }}\n    </cds-tag>\n  }\n  @if (data?.item?.hasConfigurationIssues) {\n    <cds-tag type=\"red\" class=\"cds-tag--no-margin\">\n      {{ 'caseManagement.needsConfiguration' | translate }}\n    </cds-tag>\n  }\n</ng-template>\n\n<ng-template #importCaseDefinitionButton>\n  <div class=\"valtimo-case-management-list__actions\">\n    <button [attr.data-test-id]=\"testIds.uploadButton\" cdsButton=\"ghost\" (click)=\"showUploadModal()\">\n      {{ 'Upload' | translate }}\n\n      <svg cdsIcon=\"upload\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n\n    <button\n      *ngIf=\"canUpdateGlobalConfiguration$ | async\"\n      [attr.data-test-id]=\"testIds.createButton\"\n      cdsButton=\"primary\"\n      (click)=\"showCreateModal()\"\n    >\n      {{ 'interface.create' | translate }}\n\n      <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n  </div>\n</ng-template>\n", styles: [".valtimo-case-management-list__actions{display:flex}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i7.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: i2.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "component", type: CaseManagementUploadComponent, selector: "valtimo-case-management-upload", inputs: ["open"], outputs: ["closeModal"] }, { kind: "component", type: CaseManagementCreateComponent, selector: "valtimo-case-management-create", inputs: ["open"], outputs: ["closeModal"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementListComponent, decorators: [{
             type: Component,